*,:after,:before {
	box-sizing: border-box
}

a {
	text-decoration: none
}

:focus {
	outline: 0
}

.container {
	margin: 0 auto;
	width: 1003px
}

.fl {
	float: left
}

.fr {
	float: right
}

.hide {
	display: none!important
}

.t-right {
	text-align: right
}

.v-top {
	vertical-align: top
}

.v-middle {
	vertical-align: middle
}

textarea {
	resize: none
}

.clearfix:after,.clearfix:before,.epi-form .group-row:after,.epi-form .group-row:before,.inner-form .group-row:after,.inner-form .group-row:before,.pd-form .group-row:after,.pd-form .group-row:before {
	display: table;
	height: 0;
	line-height: 0;
	content: " "
}

.clearfix:after,.epi-form .group-row:after,.inner-form .group-row:after,.pd-form .group-row:after {
	clear: both
}

body,html {
	height: 100%
}

body {
	font-size: 14px;
	font-family: Helvetica,Microsoft Yahei,Arial,sans-serif;
	color: #373737;
	-webkit-font-smoothing: antialiased
}

.header {
	height: 60px;
	background-color: #e8ebef;
	overflow: hidden
}

.header .logo {
	float: left;
	margin-top: 6px;
	color: #606f7a;
	width: 215px;
    height: 45px;
	background: url(../images/gylyun_logo.png) no-repeat left top;
	background-size: contain;
	text-indent: -9999em
}

@media (-webkit-min-device-pixel-ratio:2),(min-resolution:2dppx),(min-resolution:192dpi) {
	.header .logo {
		background-image: url(../images/gylyun_logo@2x.png)
	}
}

.header .top-nav {
	float: right;
	line-height: 60px;
	font-size: 18px
}

.header .slogan {
	float: left;
	margin-right: 25px;
	font-size: 18px;
	color: #606f7a
}

.header .nav {
	position: relative;
	float: right;
	padding: 0 10px;
	background-color: #86b8bc
}

.header .nav:before {
	content: "";
	position: absolute;
	bottom: 0;
	right: 0;
	width: 100%;
	height: 5px;
	background-color: #e8ebef
}

.header .nav a {
	margin: 0 10px;
	color: #fff
}

.header .user-nav {
	float: right;
	margin-top: 22px;
	line-height: 16px;
	color: #606f7a
}

.header .user-nav .current-user {
	position: relative;
	margin-right: 5px;
	display: inline-block;
	cursor: pointer
}

.header .user-nav .current-user:after {
	display: inline-block;
	content: "";
	vertical-align: middle;
	width: 0;
	height: 0;
	border-style: solid;
	border-color: rgba(96,111,122,.5) transparent transparent;
	border-width: 7px 4px 0
}

.header .user-nav .cu-name {
	color: #28a3ac;
	text-decoration: underline
}

.header .user-nav a {
	display: inline-block;
	padding: 0 5px 0 10px;
	color: #606f7a;
	border-left: 1px solid rgba(96,111,122,.2)
}

.header .user-nav .nav-more {
	color: #86b8bc
}

.header .user-nav .nav-more:before {
	content: "\2022\2022\2022"
}

.source-nav {
	height: 39px;
	background: #86b8bc;
	border-bottom: 3px solid #a1d8dc
}

.source-nav .search-bar {
	position: relative;
	z-index: 5;
	float: left;
	margin: 4px 0 0 40px
}

.source-menu {
	position: relative;
	z-index: 1;
	float: left;
	width: 126px;
	height: 39px;
	text-align: center;
	background: #a1d8dc
}

.source-menu.active .menu-list,.source-menu:hover .menu-list {
	display: block
}

.menu-btn {
	color: #fff;
	line-height: 36px;
	font-size: 18px;
	font-weight: 700;
	cursor: pointer
}

.menu-btn:before {
	margin-right: 5px;
	width: 18px;
	height: 18px;
	background: url(../images/menu.png) no-repeat 0 0/18px 81px
}

.menu-btn:after,.menu-btn:before {
	content: "";
	display: inline-block;
	vertical-align: middle
}

.menu-btn:after {
	margin-left: 10px;
	width: 14px;
	height: 14px;
	background: url(../images/menu.png) no-repeat 0 -37px;
	background-size: 18px 81px
}

@media (-webkit-min-device-pixel-ratio:2),(min-resolution:2dppx),(min-resolution:192dpi) {
	.menu-btn:after,.menu-btn:before {
		background-image: url(../images/menu@2x.png)
	}
}

.menu-list {
	display: none;
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	background: #fff
}

.menu-list ul {
	list-style: none;
	margin: 3px 0 0;
	padding: 0;
	background: #a1d8dc
}

.menu-list ul.active {
	background: #86b8bc
}

.menu-list li {
	margin: 0 10px;
	line-height: 34px
}

.menu-list li+li {
	border-top: 1px solid hsla(0,0%,100%,.3)
}

.menu-list li a {
	color: #606f7a;
	-webkit-transition: color .2s ease;
	transition: color .2s ease
}

.menu-list li a.active,.menu-list li a:hover {
	color: #fff
}

.search-bar {
	width: 370px;
	height: 28px
}

.search-bar .search-btn {
	position: relative;
	float: left;
	width: 52px;
	height: 28px;
	overflow: hidden;
	background: #a1d8dc url(../images/menu.png) no-repeat 50% -56px;
	background-size: 18px 81px
}

@media (-webkit-min-device-pixel-ratio:2),(min-resolution:2dppx),(min-resolution:192dpi) {
	.search-bar .search-btn {
		background-image: url(../images/menu@2x.png)
	}
}

.search-bar input[type=submit] {
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	font-size: 100px
}

.search-bar input[type=text] {
	float: left;
	width: 318px;
	height: 28px;
	padding: 0 10px;
	background: #fff;
	border: none
}

.footer {
	background-color: #e8ebef;
	line-height: 60px;
	text-align: center
}

.footer.footer-light {
	background-color: #fff
}

.footer .container {
	border-top: 1px solid #e8ebef
}

.flow-map {
	margin: 35px auto 40px
}

.flow-map .flow-link {
	position: relative;
	height: 97px
}

.flow-map .flow-link .title {
	float: left;
	font-size: 18px;
	font-weight: 700;
	color: #86b8bc;
	line-height: 97px;
	background: #fff
}

.flow-map .flow-link .title:after,.flow-map .flow-link .title:before {
	display: inline-block;
	content: "";
	width: 7px;
	height: 7px;
	background: #86b8bc;
	border-radius: 5px;
	vertical-align: middle
}

.flow-map .flow-link .title:before {
	margin-right: 10px
}

.flow-map .flow-link .title:after {
	margin-left: 7px
}

.flow-map .flow-link .link-item {
	float: left;
	position: relative;
	width: 97px;
	height: 97px;
	border: 5px solid #fff;
	display: table;
	background: #fff;
	border-radius: 50px
}

.flow-map .flow-link .link-item>span {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	border: 2px solid rgba(161,216,220,.5);
	border-radius: 45px;
	color: #606f7a;
	line-height: 1.8
}

.flow-map .flow-link .link-item.active:before {
	content: "";
	position: absolute;
	top: 4px;
	right: 4px;
	bottom: 4px;
	left: 4px;
	z-index: 1;
	background: #86b8bc;
	border-radius: 45px
}

.flow-map .flow-link .link-item.active>span {
	position: relative;
	z-index: 2;
	color: #fff;
	font-size: 18px;
	line-height: 1.2;
	border: 1px solid #86b8bc
}

.flow-map .flow-link .link-item:nth-child(2) {
	margin-left: 5px
}

.flow-map .flow-link .link-item:nth-child(3) {
	margin-left: 50px
}

.flow-map .flow-link .link-item:nth-child(4) {
	margin-left: 65px
}

.flow-map .flow-link .link-item:nth-child(5) {
	margin-left: 10px
}

.flow-map .flow-link:before {
	position: absolute;
	top: 48px;
	left: 0;
	right: 10px;
	z-index: -1;
	height: 1px;
	background: #86b8bc;
	content: ""
}

.flow-map .flow-link:after {
	content: "";
	position: absolute;
	right: 0;
	top: 38px;
	width: 17px;
	height: 20px;
	background: url(../images/flow-map.png) no-repeat 0 0/17px 70px
}

@media (-webkit-min-device-pixel-ratio:2),(min-resolution:2dppx),(min-resolution:192dpi) {
	.flow-map .flow-link:after {
		background-image: url(../images/flow-map@2x.png)
	}
}

.flow-map .flow-operate {
	position: relative;
	padding-top: 10px;
	height: 60px
}

.flow-map .flow-operate:before {
	position: absolute;
	top: 32px;
	left: 0;
	right: 10px;
	z-index: -1;
	height: 0;
	border-top: 2px dashed #cacfd4;
	content: ""
}

.flow-map .flow-operate:after {
	content: "";
	position: absolute;
	right: 0;
	top: 22px;
	width: 17px;
	height: 20px;
	background: url(../images/flow-map.png) no-repeat 0 -25px;
	background-size: 17px 70px
}

@media (-webkit-min-device-pixel-ratio:2),(min-resolution:2dppx),(min-resolution:192dpi) {
	.flow-map .flow-operate:after {
		background-image: url(../images/flow-map@2x.png)
	}
}

.flow-map .flow-operate .title {
	line-height: 42px;
	padding: 0 10px
}

.flow-map .flow-operate .operate-item,.flow-map .flow-operate .title {
	float: left;
	background: #fff;
	border: 2px dashed #cacfd4;
	height: 46px;
	color: #606f7a;
	border-radius: 4px
}

.flow-map .flow-operate .operate-item {
	position: relative;
	padding: 3px 10px 0
}

.flow-map .flow-operate .operate-item:before {
	content: "";
	position: absolute;
	top: -40px;
	left: 50%;
	margin-left: -6px;
	width: 11px;
	height: 16px;
	background: url(../images/flow-map.png) no-repeat 0 -51px;
	background-size: 17px 70px
}

@media (-webkit-min-device-pixel-ratio:2),(min-resolution:2dppx),(min-resolution:192dpi) {
	.flow-map .flow-operate .operate-item:before {
		background-image: url(../images/flow-map@2x.png)
	}
}

.flow-map .flow-operate .operate-item:nth-child(2) {
	margin-left: 100px
}

.flow-map .flow-operate .operate-item:nth-child(3) {
	margin-left: 70px
}

.flow-map .flow-operate .operate-item:nth-child(4) {
	margin-left: 170px
}

.flow-map .flow-operate .operate-item:nth-child(5) {
	margin-left: 10px
}

.resource {
	position: relative;
	padding: 40px 0 50px 163px;
	min-height: 320px
}

.pop-banner {
	position: absolute;
	top: -39px;
	height: 36px;
	width: 840px;
	color: #fff
}

.pop-banner .current-operate {
	float: left;
	line-height: 36px
}

.pop-banner .current-operate+.operate-btns {
	margin-left: 40px
}

.pop-banner .operate-btns {
	float: left;
	font-size: 0
}

.pop-banner .operate-btns .fbtn {
	display: inline-block;
	color: #fff;
	line-height: 36px;
	font-size: 14px
}

.pop-banner .operate-btns .fbtn+.fbtn {
	margin-left: 36px
}

.pop-banner .operate-btns .fbtn:before {
	content: "";
	display: inline-block;
	margin-right: 5px;
	vertical-align: middle;
	background: url(../images/operate.png) no-repeat 0 0/25px 230px
}

@media (-webkit-min-device-pixel-ratio:2),(min-resolution:2dppx),(min-resolution:192dpi) {
	.pop-banner .operate-btns .fbtn:before {
		background-image: url(../images/operate@2x.png)
	}
}

.pop-banner .operate-btns .fb-modify:before {
	width: 21px;
	height: 21px;
	background-position: 0 0
}

.pop-banner .operate-btns .fb-rename:before {
	width: 21px;
	height: 20px;
	background-position: 0 -26px
}

.pop-banner .operate-btns .fb-save:before {
	width: 20px;
	height: 20px;
	background-position: 0 -49px
}

.pop-banner .operate-btns .fb-submit:before {
	width: 22px;
	height: 15px;
	background-position: 0 -73px
}

.pop-banner .operate-btns .fb-refresh:before {
	width: 23px;
	height: 18px;
	background-position: 0 -94px
}

.pop-banner .operate-btns .fb-add:before {
	width: 16px;
	height: 16px;
	background-position: 0 -164px
}

.pop-banner .operate-btns .fb-remove:before {
	width: 16px;
	height: 4px;
	background-position: 0 -184px
}

.pop-banner .operate-btns .fb-unused:before {
	width: 21px;
	height: 20px;
	background-position: 0 -117px
}

.pop-banner .operate-btns .fb-dump:before {
	width: 19px;
	height: 20px;
	background-position: 0 -141px
}

.pop-banner .operate-btns .fb-upload:before {
	width: 19px;
	height: 20px;
	background-position: 0 -208px
}

.pop-banner .operate-btns .fb-download:before {
	width: 20px;
	height: 17px;
	background-position: 0 -190px
}

.pop-banner .current-module {
	float: right;
	margin: 0;
	font-size: 18px;
	line-height: 36px
}

.pagination {
	text-align: center;
	font-size: 0
}

.pagination ul {
	margin: 0;
	padding: 0;
	display: inline-block;
	list-style: none;
	text-align: center;
	vertical-align: middle
}

.pagination li {
	display: inline-block;
	margin: 0 4px;
	font-size: 12px
}

.pagination a {
	display: block;
	height: 24px;
	padding: 0 8px;
	line-height: 22px;
	border: 1px solid #e8ebef;
	color: #606f7a
}

.pagination a:hover {
	background-color: #86b8bc;
	border-color: #86b8bc;
	color: #fff
}

.pagination span {
	display: block;
	height: 24px;
	padding: 0 8px;
	line-height: 22px;
	border: 1px solid #e8ebef;
	color: #606f7a
}

.pagination span.active {
	background-color: #86b8bc;
	border-color: #86b8bc;
	color: #fff
}

.pagination em {
	margin-left: 20px;
	font-style: normal;
	display: inline-block;
	vertical-align: middle;
	font-size: 12px;
	color: #606f7a
}

.pagination.page-line a {
	border: 1px solid rgba(96,111,122,.2);
	color: #606f7a
}

.pagination.page-line a:hover {
	border-color: #4aa8e5;
	background: #fff;
	color: #4aa8e5
}

.pagination.page-line span {
	border: 1px solid rgba(96,111,122,.2);
	color: #606f7a
}

.pagination.page-line span.active {
	border-color: #4aa8e5;
	background: #fff;
	color: #4aa8e5
}

.sort-select {
	position: relative
}

.sort-select .sort-by {
	position: relative;
	min-width: 90px;
	max-width: 16em;
	height: 30px;
	padding: 0 30px 0 20px;
	line-height: 28px;
	border: 1px solid #e8ebef;
	color: rgba(50,75,77,.5);
	cursor: pointer;
	overflow: hidden
}

.sort-select .sort-by:after {
	content: "";
	position: absolute;
	right: 10px;
	top: 50%;
	margin-top: -5px;
	width: 0;
	height: 0;
	overflow: hidden;
	border: 0 solid transparent;
	border-width: 10px 5px 0;
	border-top-color: #ccd2da
}

.sort-select .sort-list {
	display: none;
	position: absolute;
	top: 100%;
	right: 0;
	margin: -1px 0 0;
	min-width: 100%;
	padding: 0;
	list-style: none;
	border: 1px solid #e8ebef;
	background: #fff
}

.sort-select .sort-list li {
	line-height: 2;
	padding: 0 10px;
	white-space: nowrap;
	cursor: pointer
}

.sort-select .sort-list li:hover {
	background: #86b8bc;
	color: #fff
}

.radio-control>input[type=radio] {
	display: none
}

.radio-control>input[type=radio]:checked+.radio {
	color: #4aa8e5
}

.radio-control>input[type=radio]:checked+.radio:before {
	background: #4aa8e5
}

.radio-control .radio {
	display: inline-block;
	line-height: 30px;
	margin-right: 15px;
	cursor: pointer;
	color: #606f7a;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.radio-control .radio:before {
	content: "";
	vertical-align: middle;
	display: inline-block;
	margin-right: 3px;
	width: 15px;
	height: 15px;
	background: rgba(96,111,122,.3);
	border-radius: 8px
}

.radio-control.radio-alone .radio {
	width: 15px;
	height: 15px;
	margin-right: 0
}

.radio-control.radio-alone .radio:before {
	display: block;
	margin-right: 0
}

.checkbox-control>input[type=checkbox] {
	display: none
}

.checkbox-control>input[type=checkbox]:checked+.checkbox {
	color: #4aa8e5
}

.checkbox-control>input[type=checkbox]:checked+.checkbox:before {
	border-color: #4aa8e5;
	background: url(../images/checkbox.png) no-repeat 50% 0;
	background-size: 11px 28px
}

@media (-webkit-min-device-pixel-ratio:2),(min-resolution:2dppx),(min-resolution:192dpi) {
	.checkbox-control>input[type=checkbox]:checked+.checkbox:before {
		background-image: url(../images/checkbox@2x.png)
	}
}

.checkbox-control .checkbox {
	display: inline-block;
	line-height: 30px;
	margin-right: 15px;
	cursor: pointer;
	color: #606f7a;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.checkbox-control .checkbox:before {
	content: "";
	vertical-align: middle;
	display: inline-block;
	margin-right: 8px;
	width: 16px;
	height: 16px;
	border: 1px solid rgba(96,111,122,.2)
}

.checkbox-control .checkbox:hover:before {
	border-color: #4aa8e5
}

.checkbox-control.checkbox-green>input[type=checkbox]:checked+.checkbox {
	color: #49a3ac
}

.checkbox-control.checkbox-green>input[type=checkbox]:checked+.checkbox:before {
	border-color: #49a3ac;
	background-position: 50% -14px
}

.checkbox-control.checkbox-green .checkbox:hover:before {
	border-color: #49a3ac
}

.checkbox-control.checkbox-block .checkbox {
	display: block;
	margin-right: 0
}

.checkbox-control.checkbox-alone,.checkbox-control.checkbox-inline {
	display: inline-block
}

.checkbox-control.checkbox-alone .checkbox {
	width: 16px;
	height: 16px;
	margin-right: 0
}

.checkbox-control.checkbox-alone .checkbox:before {
	display: block;
	margin-right: 0
}

.ctable .ct-head {
	color: #606f7a;
	font-size: 0;
	height: 40px
}

.ctable .ct-head>.ct-col {
	display: inline-block;
	font-size: 14px;
	text-align: center
}

.ctable .ctable .ct-head {
	height: 36px
}

.ctable .ctable .ct-head>.ct-col {
	font-size: 12px
}

.ctable .ct-row {
	margin-bottom: -1px;
	border: 1px solid #e8ebef;
	border-width: 1px 0
}

.ctable .ct-row.active {
	padding-bottom: 40px
}

.ctable .ct-row.active+.active {
	margin-top: 10px
}

.ctable .ct-row.active>.row-launch {
	display: block
}

.ctable .ct-row .row-line {
	position: relative;
	font-size: 0;
	min-height: 52px
}

.ctable .ct-row .row-line>.ct-col {
	display: inline-block;
	padding: 15px 0 10px;
	font-size: 12px;
	text-align: center;
	white-space: nowrap;
	min-height: 52px;
	overflow: hidden;
	text-overflow: ellipsis;
	vertical-align: top
}

.ctable .ct-col.break-it>.break {
	display: inline-block;
	line-height: 1.5;
	vertical-align: middle;
	white-space: normal;
	word-break: break-word;
	overflow: visible;
	margin-top: -2px
}

.ctable.ct-parent>.ct-row.active,.ctable.ct-parent>.ct-row:hover {
	background-color: #f3f5f7
}

.ctable .row-launch {
	position: relative;
	display: none;
	margin: 0 20px;
	padding: 15px 19px;
	background: #fff;
	border: 1px solid rgba(74,168,229,.5)
}

.ctable .row-launch .pagination {
	margin: 20px 0
}

.ctable .row-launch>h3 {
	margin: 0 0 15px;
	font-size: 14px;
	color: #4aa8e5;
	font-weight: 400;
	text-align: left
}

.ctable .row-launch .row-launch {
	margin: 0
}

.ctable .row-launch .row-launch .zip {
	bottom: 0
}

.ctable .row-launch .zip {
	position: absolute;
	bottom: -41px;
	left: 50%;
	margin-left: -42px;
	width: 84px;
	height: 16px;
	text-align: center;
	background: #d6dade;
	cursor: pointer
}

.ctable .row-launch .zip:before {
	content: "";
	vertical-align: middle;
	width: 14px;
	height: 14px;
	display: inline-block;
	background: url(../images/menu.png) no-repeat 0 -22px;
	background-size: 18px 81px
}

@media (-webkit-min-device-pixel-ratio:2),(min-resolution:2dppx),(min-resolution:192dpi) {
	.ctable .row-launch .zip:before {
		background-image: url(../images/menu@2x.png)
	}
}

.ctable .tel {
	color: #ee7a2f
}

.ctable .st-invalid {
	color: #dc322e
}

.ctable .st-ing {
	color: #4aa8e5;
	text-decoration: underline
}

.ctable .st-waiting {
	color: #ee7a2f
}

.ctable .com-name {
	width: 8em
}

.ctable .activate a {
	color: #49a3ac;
	text-decoration: underline
}

.ctable .activate a:hover {
	color: #4aa8e5
}

.ctable .activate:after {
	display: none;
	content: "";
	position: absolute;
	bottom: 0;
	margin-left: -6px;
	width: 0;
	height: 0;
	border: 6px solid transparent;
	border-width: 0 6px 9px;
	border-bottom-color: #4aa8e5
}

.ctable .activate.focus a {
	color: #4aa8e5
}

.ctable .activate.focus:after {
	display: inline-block
}

.ctable .btn-edit {
	display: block;
	margin: 0 auto 10px;
	width: 36px;
	background: #49a3ac;
	color: #fff;
	line-height: 18px
}

.status-process {
	position: relative
}

.status-process:before {
	content: "";
	position: absolute;
	top: 58px;
	bottom: 10px;
	left: 19px;
	width: 1px;
	background: rgba(96,111,122,.2)
}

.status-process .sp-head {
	margin-bottom: 15px;
	color: #606f7a;
	font-size: 0;
	height: 30px;
	border-bottom: 1px solid rgba(96,111,122,.2)
}

.status-process .sp-head>.sp-col {
	display: inline-block;
	text-align: center;
	font-size: 12px
}

.status-process .sp-item {
	font-size: 0
}

.status-process .sp-item>.sp-col {
	display: inline-block;
	font-size: 12px;
	text-align: center;
	white-space: nowrap;
	line-height: 22px;
	height: 22px;
	overflow: hidden;
	text-overflow: ellipsis
}

.status-process .sp-item>.sp-col:first-child {
	position: relative
}

.status-process .sp-item>.sp-col:first-child:before {
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -4px 0 0 -4px;
	width: 8px;
	height: 8px;
	border-radius: 4px;
	background: #4aa8e5;
	content: ""
}

.status-process .sp-item.sp-wait>.sp-col:first-child:before {
	background: #ee7a2f
}

.status-process .sp-item.sp-reject>.sp-col:first-child:before {
	background: #dc322e
}

.status-process .sp-item+.sp-item {
	margin-top: 10px
}

.status-process .sp-item.current-item {
	background-color: #f3f5f7
}

.status-process .st-invalid {
	color: #dc322e
}

.status-process .st-waiting {
	color: #ee7a2f
}

.itable {
	width: 100%;
	font-size: 12px;
	text-align: center
}

.itable>thead>tr>th {
	font-weight: 400;
	color: #606f7a;
	height: 36px;
	border-bottom: 1px solid #e8ebef;
	white-space: nowrap
}

.itable>tbody>tr>td {
	height: 52px;
	vertical-align: middle;
	border-bottom: 1px solid #e8ebef;
	word-break: break-all
}

.itable img {
	margin-right: 5px;
	max-width: 50px;
	max-height: 36px;
	vertical-align: middle
}

.w40 {
	width: 40px
}

.w50 {
	width: 50px
}

.w60 {
	width: 60px
}

.w70 {
	width: 70px
}

.w80 {
	width: 80px
}

.w90 {
	width: 90px
}

.w100 {
	width: 100px
}

.w104 {
	width: 104px
}

.w110 {
	width: 110px
}

.w120 {
	width: 120px
}

.w130 {
	width: 130px
}

.w140 {
	width: 140px
}

.w150 {
	width: 150px
}

.w160 {
	width: 160px
}

.w170 {
	width: 170px
}

.w180 {
	width: 180px
}

.w190 {
	width: 190px
}

.w200 {
	width: 200px
}

.w210 {
	width: 210px
}

.w220 {
	width: 220px
}

.w230 {
	width: 230px
}

.w240 {
	width: 240px
}

.w250 {
	width: 250px
}

.w260 {
	width: 260px
}

.w270 {
	width: 270px
}

.slider-nav ul {
	position: relative;
	margin: 0;
	padding: 0;
	list-style: none;
	height: 180px
}

.slider-nav ul:before {
	position: absolute;
	left: 0;
	bottom: 22px;
	height: 1px;
	width: 100%;
	background-color: #b6bdcb;
	content: ""
}

.slider-nav li {
	position: relative;
	float: left;
	width: 132px;
	height: 180px;
	padding-top: 50px
}

.slider-nav li:nth-child(1):after {
	position: absolute;
	left: 0;
	bottom: 22px;
	width: 60px;
	height: 1px;
	background: #fff;
	content: ""
}

.slider-nav li:nth-child(2) {
	margin-left: 160px
}

.slider-nav li:nth-child(3) {
	margin-left: 150px
}

.slider-nav li:nth-child(4) {
	float: right
}

.slider-nav li:nth-child(4):after {
	position: absolute;
	bottom: 22px;
	right: 0;
	width: 60px;
	height: 1px;
	background: #fff;
	content: ""
}

.slider-nav li .content-item {
	position: relative;
	display: table-cell;
	width: 132px;
	height: 78px;
	border: 1px solid #b6bdcb;
	vertical-align: middle
}

.slider-nav li .content-item h4 {
	margin: 0;
	font-size: 24px;
	font-weight: 400
}

.slider-nav li .content-item p {
	margin: 0;
	font-size: 18px
}

.slider-nav li .content-item:before {
	position: absolute;
	top: 9px;
	height: 60px;
	content: "";
	background: #fff url(../images/slider.png) no-repeat
}

.slider-nav li .content-item.icon-supplier {
	padding-left: 2.5em
}

.slider-nav li .content-item.icon-supplier:before {
	left: -15px;
	width: 30px;
	background-position: 0 7px
}

.slider-nav li .content-item.icon-distribute {
	padding-left: 3em
}

.slider-nav li .content-item.icon-distribute:before {
	left: -33px;
	width: 66px;
	background-position: -47px 12px
}

.slider-nav li .content-item.icon-hospital {
	padding-left: 1.8em
}

.slider-nav li .content-item.icon-hospital:before {
	left: -22px;
	width: 44px;
	background-position: -134px 9px
}

.slider-nav li .content-item.icon-org {
	padding-left: 1.8em
}

.slider-nav li .content-item.icon-org:before {
	left: -22px;
	width: 44px;
	background-position: -199px 6px
}

@media (-webkit-min-device-pixel-ratio:2),(min-resolution:2dppx),(min-resolution:192dpi) {
	.slider-nav li .content-item:before {
		background-image: url(../images/slider@2x.png);
		background-size: 243px 104px
	}
}

.slider-nav li.active:before {
	background-color: #86b8bc
}

.slider-nav li.active .content-item {
	color: #86b8bc;
	border-color: #86b8bc
}

.slider-nav li.active .content-item.icon-supplier:before {
	background-position: 0 -52px
}

.slider-nav li.active .content-item.icon-distribute:before {
	background-position: -47px -48px
}

.slider-nav li.active .content-item.icon-hospital:before {
	background-position: -134px -51px
}

.slider-nav li.active .content-item.icon-org:before {
	background-position: -199px -51px
}

.slider-nav li:before {
	content: "";
	position: absolute;
	bottom: 15px;
	left: 60px;
	width: 14px;
	height: 14px;
	border-radius: 50%;
	background-color: #b6bdcb;
	border: 2px solid #fff
}

.well {
	background-color: #86b8bc
}

.well .container {
	position: relative;
	height: 500px;
	padding: 80px 50px 0 63px;
	background: url(../images/banner-new.png) no-repeat 0 0/1003px 500px;
	color: #fff
}

.well .container>h3 {
	margin: 0;
	font-weight: 400;
	font-size: 36px
}

.well .container .well-done {
	margin-top: .5em;
	font-size: 18px
}

.well .container .well-done:before {
	display: inline-block;
	margin-right: .5em;
	width: 1em;
	height: 1em;
	vertical-align: middle;
	background-color: #f7d38b;
	content: ""
}

.well .container .user-help {
	position: absolute;
	right: 50px;
	bottom: 70px
}

.system-view {
	padding-bottom: 80px
}

.system-view>section {
	margin-top: 60px
}

.system-view .view-header {
	position: relative;
	margin-bottom: 50px;
	height: 88px;
	padding-left: 420px
}

.system-view .view-header:before {
	position: absolute;
	content: "";
	left: 0;
	bottom: 2px;
	border-bottom: 1px solid #f7d38b;
	width: 50%
}

.system-view .view-header:after {
	position: absolute;
	content: "";
	right: 0;
	top: 25px;
	border-bottom: 1px solid #86b8bc;
	width: 50%
}

.system-view .view-header .vh-text {
	position: relative;
	z-index: 3;
	display: inline-block;
	min-width: 89px;
	height: 88px;
	background: #fff url(../images/water.png) no-repeat 6px
}

.system-view .view-header .vh-text .vh-en {
	margin: 35px 0 0 30px;
	font-size: 18px;
	line-height: 1.2;
	color: #b6bdcb;
	background: #fff
}

.system-view .view-header .vh-text .vh-title {
	position: absolute;
	bottom: -5px;
	left: 60px;
	width: 500px;
	text-align: left;
	font-size: 24px
}

.system-view .view-header .vh-text .vh-title a {
	margin-left: 10px;
	padding: 0 7px;
	color: #fff;
	background-color: #86b8bc;
	font-size: 14px
}

.system-view .view-header .vh-text .vh-title a+a {
	background-color: #f7d38b
}

@media (-webkit-min-device-pixel-ratio:2),(min-resolution:2dppx),(min-resolution:192dpi) {
	.system-view .view-header .vh-text {
		background-image: url(../images/water@2x.png);
		background-size: 77px 88px
	}
}

.system-view .notice-row {
	overflow: hidden
}

.system-view .notice-top {
	float: left;
	width: 50%;
	padding: 0 20px
}

.system-view .notice-top>h3 {
	margin: 1em 0 .5em;
	line-height: 2
}

.system-view .notice-top>h3:before {
	content: "";
	display: inline-block;
	vertical-align: middle;
	margin-right: 5px;
	width: 24px;
	height: 21px;
	background: url(../images/notice.png) no-repeat
}

@media (-webkit-min-device-pixel-ratio:2),(min-resolution:2dppx),(min-resolution:192dpi) {
	.system-view .notice-top>h3:before {
		background-image: url(../images/notice@2x.png);
		background-size: 24px 21px
	}
}

.system-view .notice-top>h3 a {
	color: #f7d38b;
	font-weight: 400
}

.system-view .notice-top .notice-detail {
	font-size: 12px;
	text-indent: 2em;
	line-height: 2
}

.system-view .notice-list {
	float: right;
	width: 50%;
	padding: 0 20px
}

.system-view .notice-list ul {
	margin: 1.5em 0 0;
	padding: 0;
	list-style: none
}

.system-view .notice-list ul li {
	line-height: 2
}

.system-view .notice-list ul li:before {
	margin-right: 5px;
	content: "\2022"
}

.system-view .notice-list ul a {
	color: #373737
}

.system-view .trend-list ul {
	margin: 0;
	padding: 0;
	list-style: none;
	overflow: hidden
}

.system-view .trend-list li {
	position: relative;
	float: left;
	width: 321px;
	padding-left: 20px
}

.system-view .trend-list li+li {
	margin-left: 20px
}

.system-view .trend-list .trend-pic {
	width: 301px;
	height: 152px;
	background-size: cover
}

.system-view .trend-list .trend-item {
	position: absolute;
	top: 52px;
	left: 0;
	width: 183px;
	height: 64px;
	padding: 10px 0 0 28px;
	color: #fff
}

.system-view .trend-list .trend-item h3 {
	margin: 0;
	font-weight: 400;
	font-size: 24px
}

.system-view .trend-list .trend-item.trend-strong {
	background-color: hsla(40,87%,76%,.8)
}

.system-view .trend-list .trend-item.trend-primary {
	background-color: rgba(134,184,188,.8)
}

.system-view .trend-list .trend-date {
	color: #777;
	font-size: 12px
}

.system-view .resource-image {
	text-align: center;position: relative;
}

.system-view .resource-image img {
	max-width: 100%
}
.resource-image .img{position:absolute;z-index: 10;}
.system-view .resource-image .img_1{    left: 140px;    top: 78px;}
.system-view .resource-image .img_2{   left: 44px;   top: 214px;}
.system-view .resource-image .img_3{       left: 138px;    top: 359px;}
.system-view .resource-image .img_4{       right: 179px;    top: 69px;}
.system-view .resource-image .img_5{       right: 44px;    top: 144px;}
.system-view .resource-image .img_6{        right: 65px;    top: 257px;}
.system-view .resource-image .img_7{   top: 361px;    right: 170px;}

.system-view .policy-list {
	margin: 0;
	padding: 0 7px 0 6px;
	list-style: none;
	text-align: center;
	overflow: hidden
}

.system-view .policy-list li {
	float: left;
	width: 150px
}

.system-view .policy-list li a {
	display: block;
	margin: 0 auto;
	width: 122px;
	height: 42px;
	color: #373737;
	border: 1px solid #d1d6dd;
	font-size: 24px;
	line-height: 42px
}

.system-view .policy-list li+li {
	margin-left: 60px
}

.system-view .policy-list li:hover a {
	border-color: #86b8bc;
	color: #86b8bc
}

.system-view .policy-list li:before {
	display: block;
	content: "";
	margin-bottom: 30px;
	width: 150px;
	height: 120px;
	background: url(../images/policy.png) no-repeat
}

.system-view .policy-list li.policy-notice:before {
	background-position: 0 -14px
}

.system-view .policy-list li.policy-notice:hover:before {
	background-position: 0 -161px
}

.system-view .policy-list li.policy-politics:before {
	background-position: 0 -328px
}

.system-view .policy-list li.policy-politics:hover:before {
	background-position: 0 -478px
}

.system-view .policy-list li.policy-law:before {
	background-position: 4px -652px
}

.system-view .policy-list li.policy-law:hover:before {
	background-position: 8px -803px
}

.system-view .policy-list li.policy-knowledge:before {
	background-position: 0 -964px
}

.system-view .policy-list li.policy-knowledge:hover:before {
	background-position: -2px -1110px
}
.system-view .policy-list li.policy-bidding:before {
	background: url(../images/bidding.png) no-repeat;
	background-position: -162px -13px
	

}

.system-view .policy-list li.policy-bidding:hover:before {
	background: url(../images/bidding.png) no-repeat;
	background-position: -2px -13px
	

}
.contact-us {
	background-color: #eff1f4;
	padding: 60px 0 45px
}

.contact-us .contact-row {
	overflow: hidden
}

.contact-us .contact-row .contact-column {
	float: left;
	padding: 0 45px;
	height: 200px
}

.contact-us .contact-row .contact-column:first-child {
	padding-left: 0
}

.contact-us .contact-row .contact-column:last-child {
	padding-right: 0
}

.contact-us .contact-row .contact-column+.contact-column {
	border-left: 1px solid #d2d7df
}

.contact-us .contact-row .us-wechat .line-normal {
	margin-top: 10px
}

.contact-us .contact-row h3 {
	margin: 0 0 35px;
	font-size: 18px;
	font-weight: 400
}

.contact-us .contact-row .line-normal {
	margin: 0 0 10px;
	font-size: 14px;
	line-height: 1.5;
	color: #666
}

.contact-us .contact-row .line-normal a {
	color: inherit;
	text-decoration: underline
}

.user-help {
	text-align: right
}

.user-help a {
	display: inline-block;
	width: 88px;
	height: 35px;
	line-height: 33px;
	vertical-align: middle;
	border: 1px solid #fff;
	color: #fff;
	font-size: 18px;
	text-align: center
}

.user-help a.user-register-btn {
	margin-left: 1em;
	background-color: #f7d38b;
	border-color: #f7d38b
}

.search-form {
	width: 466px;
	height: 35px
}

.search-form input[type=text] {
	float: left;
	height: 35px;
	width: 380px;
	padding: 0 10px;
	border: 1px solid #afb7bc;
	border-right-width: 0
}

.search-form .search-btn {
	float: right;
	position: relative;
	width: 86px;
	height: 35px;
	background: #86b8bc url(../images/search.png) no-repeat 50% 50%/28px 28px;
	overflow: hidden
}

@media (-webkit-min-device-pixel-ratio:2),(min-resolution:2dppx),(min-resolution:192dpi) {
	.search-form .search-btn {
		background-image: url(../images/search@2x.png)
	}
}

.search-form .search-btn input[type=submit] {
	font-size: 100px;
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0
}

.user-content {
	min-height: calc(100% - 120px);
	padding: 50px 0
}

.user-content .ucc-left {
	float: left;
	width: 460px;
	height: 580px;
	background: #86b8bc url(../images/trans-map.png) no-repeat 50% 50%;
	background-size: 450px auto;
	color: #fff
}

.user-content .ucc-left h3 {
	margin: 0;
	color: #fff;
	font-size: 38px
}

.user-content .ucc-left .well-done {
	margin-top: 10px;
	font-size: 20px
}

.user-content .ucc-left .well-done:before {
	content: "";
	margin-right: 5px;
	display: inline-block;
	width: 22px;
	height: 22px;
	background: #f7d38b;
	vertical-align: middle
}

.user-content .ucc-form {
	float: right;
	width: 522px;
	height: 580px;
	border-top: 6px solid #86b8bc;
	background-color: #fff;
	box-shadow: 0 1px 6px rgba(0,0,0,.2)
}

.user-content .login-header {
	margin: 60px 0 30px;
	height: 87px;
	text-align: center;
	font-size: 0;
	background-image: -webkit-linear-gradient(left,transparent 30%,rgba(90,90,90,.3)),-webkit-linear-gradient(right,transparent 30%,rgba(90,90,90,.3));
	background-image: linear-gradient(90deg,transparent 30%,rgba(90,90,90,.3)),linear-gradient(-90deg,transparent 30%,rgba(90,90,90,.3));
	background-repeat: no-repeat;
	background-size: 120px 1px;
	background-position: 90px 43px,312px 43px
}

.user-content .form-group {
	margin-bottom: 25px;
	color: #606f7a
}

.user-content .form-group>label {
	float: left;
	width: 130px;
	text-align: right;
	line-height: 35px;
	cursor: pointer
}

.user-content .form-group .user-type {
	width: 286px;
	height: 35px;
	border: 1px solid rgba(96,111,122,.3);
	background-color: #eff1f4;
	font-size: 0
}

.user-content .form-group .user-type .ut-item {
	display: inline-block;
	width: 25%;
	height: 33px;
	line-height: 33px;
	font-size: 14px;
	text-align: center;
	border-right: 1px solid #fff;
	cursor: pointer
}

.user-content .form-group .user-type .ut-item:last-child {
	border-right-width: 0
}

.user-content .form-group .user-type .ut-item:hover {
	background-color: #86b8bc;
	color: #fff
}

.user-content .form-group .form-control {
	margin-left: 150px;
	min-height: 35px
}

.user-content .form-group .form-control input[type=password],.user-content .form-group .form-control input[type=text] {
	width: 286px;
	height: 35px;
	padding: 0 10px;
	border: 1px solid rgba(96,111,122,.3)
}

.user-content .form-group .form-control input.captcha-text {
	float: left;
	width: 164px;
	vertical-align: middle
}

.user-content .form-group .form-control input.captcha-text+img {
	float: left;
	margin-left: 15px;
	width: 107px;
	height: 35px;
	vertical-align: middle
}

.user-content .form-group .form-control input[type=submit] {
	width: 286px;
	height: 35px;
	background-color: #86b8bc;
	color: #fff;
	font-size: 18px;
	line-height: 35px;
	border: none
}

.user-content .form-group .form-control .user-help {
	margin-top: 20px;
	width: 286px
}

.user-content .form-group .form-control .user-help a {
	font-size: 14px;
	color: #b82717
}

.user-content .form-group .address-select {
	width: 286px;
	height: 35px;
	border: 1px solid rgba(96,111,122,.3);
	line-height: 33px
}

.user-content .form-group .address-select input[type=text] {
	margin: 5px 5px 0;
	margin-top: 5px;
	margin-left: 5px;
	width: 66px;
	height: 23px;
	border-color: rgba(96,111,122,.2)
}

.user-content .form-group .address-select+textarea {
	margin-top: 8px;
	width: 286px;
	padding: 10px 8px;
	border: 1px solid rgba(96,111,122,.3)
}

.user-content .register-form {
	margin-top: 40px
}

.user-content .register-form .form-group {
	margin-bottom: 18px
}

.notice-banner {
	position: relative;
	height: 231px;
	background: url(../images/banner1.png) no-repeat 50% 0;
	background-size: auto 100%
}

.notice-banner .container {
	padding-top: 100px
}

.notice-banner .user-help {
	margin: 0 0 30px
}

.notice-banner .search-form {
	float: right;
	background: hsla(0,0%,100%,.3)
}

.notice-banner .search-form input[type=text] {
	width: 400px;
	padding: 0 15px;
	border-color: #fff;
	background: 0 0
}

.notice-banner .search-form .search-btn {
	width: 66px;
	background-color: transparent;
	border: 1px solid #fff;
	border-left-width: 0
}

.notice-banner:before {
	left: 0;
	background-color: #338ea5
}

.notice-banner:after,.notice-banner:before {
	content: "";
	position: absolute;
	top: 0;
	z-index: -1;
	width: 50%;
	height: 100%
}

.notice-banner:after {
	right: 0;
	background-color: #77babd
}

.infor {
	margin: 60px auto
}

.infor .breadcrumb {
	max-width: 450px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	color: #777
}

.infor .breadcrumb a {
	color: #e7bf70
}

.infor-navbar {
	float: left;
	width: 168px;
	background: #f8f9fa
}

.infor-navbar a {
	display: block;
	color: #606f7a
}

.infor-navbar a.active,.infor-navbar a:hover {
	background: #86b8bc;
	color: #fff
}

.infor-navbar a.caped {
	color: #86b8bc
}

.infor-navbar ul {
	margin: 0;
	padding: 0;
	list-style: none
}

.infor-navbar>ul>li+li {
	border-top: 1px solid #e8ebef
}

.infor-navbar>ul>li>a {
	padding-left: 15px;
	font-size: 18px;
	color: #3c464e;
	line-height: 58px
}

.infor-navbar .sub-nav {
	padding: 10px 0 15px
}

.infor-navbar .sub-nav a {
	padding-left: 55px;
	line-height: 25px
}

.infor-borad {
	margin-left: 228px
}

.infor-list-header {
	margin-top: 22px;
	height: 38px;
	border-bottom: 1px solid #e8ebef
}

.infor-list-header>h3 {
	float: left;
	position: relative;
	margin: 0;
	font-size: 24px;
	line-height: 38px;
	color: #86b8bc;
	font-weight: 400
}

.infor-list-header>h3.highlight:before {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 0;
	border-bottom: 2px solid #86b8bc
}

.infor-type {
	margin: 5px 20px 0;
	float: left
}

.infor-type a {
	display: inline-block;
	margin-right: 5px;
	height: 25px;
	padding: 0 10px;
	line-height: 25px;
	border: 1px solid #e8ebef;
	color: #606f7a
}

.infor-type a.active,.infor-type a:hover {
	border-color: #e7bf70;
	color: #e7bf70
}

.infor-list {
	margin: 40px 0 50px;
	padding-left: 0;
	list-style: none
}

.infor-list li {
	overflow: hidden
}

.infor-list li.infor-new .update-date,.infor-list li.infor-new a {
	color: #e7bf70
}

.infor-list li+li {
	margin-top: 20px
}

.infor-list a {
	float: left;
	max-width: 600px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	color: #373737
}

.infor-list a:hover {
	color: #86b8bc
}

.infor-list a:before {
	content: "";
	display: inline-block;
	margin-right: 8px;
	width: 3px;
	height: 3px;
	border-radius: 3px;
	vertical-align: middle;
	background-color: currentColor
}

.infor-list .update-date {
	float: right;
	color: #8e969b
}

.infor-list .infor-tag {
	float: left;
	margin-right: 8px;
	height: 24px;
	padding: 0 .5em;
	line-height: 24px;
	background: #e8ebef;
	color: #7e8e99
}

.infor-list .infor-tag~.update-date,.infor-list .infor-tag~a {
	line-height: 24px
}

.infor-list em {
	font-style: normal;
	color: #e7bf70
}

.infor-preview-list {
	margin: 40px 0 50px;
	padding: 0;
	list-style: none
}

.infor-preview-list li {
	padding: 25px 20px 30px;
	background: rgba(232,235,239,.3)
}

.infor-preview-list li+li {
	margin-top: 20px
}

.infor-preview-list h4 {
	margin: 0 0 20px;
	font-size: 18px;
	font-weight: 400;
	white-space: nowrap;
	overflow: hidden
}

.infor-preview-list h4 a {
	color: #373737
}

.infor-preview-list h4 a:hover {
	color: #86b8bc
}

.infor-preview-list .update-date {
	color: #8e969b
}

.infor-preview-list .read-detail {
	margin-left: 10px;
	display: inline-block;
	padding: 0 5px;
	vertical-align: middle;
	background: #f7d38b;
	color: #fff
}

.infor-preview-list .divider {
	margin: 18px 0;
	border-top: 1px solid #e8ebef
}

.infor-preview-list p {
	margin: 0;
	max-height: 72px;
	overflow: hidden;
	word-break: break-all;
	text-indent: 2em;
	line-height: 24px
}

.search-title {
	font-size: 18px;
	color: #777;
	line-height: 37px
}

.search-title em {
	color: #e7bf70;
	font-style: normal
}

.infor-detail .infor-title {
	margin: 30px 0;
	padding-bottom: 30px;
	border-bottom: 1px solid #e8ebef;
	font-size: 30px;
	font-weight: 400
}

.infor-detail p {
	margin: 0 0 10px;
	line-height: 24px;
	text-indent: 2em
}

.infor-detail img {
	max-width: 100%
}

.guide-map {
	position: relative;
	height: 710px
}

.guide-map:before {
	content: "";
	display: table;
	height: 0
}

.guide-map:after {
	position: absolute;
	top: 100px;
	left: 50%;
	z-index: -1;
	margin-left: -295px;
	width: 590px;
	height: 414px;
	border: 6px solid #e8ebef;
	border-radius: 30px/40px;
	content: ""
}

.guide-map .virtual-line {
	position: absolute;
	top: 508px;
	left: 50%;
	margin-left: -110px;
	width: 230px;
	height: 6px;
	background: #fff
}

.guide-map .edit-btn {
	display: inline-block;
	color: #fff;
	width: 114px;
	height: 28px;
	line-height: 28px;
	text-align: center;
	background: #86b8bc;
	font-size: 18px
}

.guide-map .edit-btn:after {
	content: "";
	display: inline-block;
	vertical-align: middle;
	margin-left: 5px;
	width: 0;
	height: 0;
	overflow: hidden;
	border: 0 solid transparent;
	border-left-color: #fff;
	border-width: 7px 0 7px 11px
}

.area-me {
	position: relative;
	margin: 40px auto 0;
	padding: 10px 0 5px;
	width: 404px;
	height: 242px;
	border-radius: 16px/18px
}

.area-me,.area-me .screen-bottom {
	border: 1px solid #86b8bc;
	background: #fff
}

.area-me .screen-bottom {
	position: absolute;
	top: 280px;
	left: 0;
	width: 460px;
	height: 20px;
	margin-left: -28px;
	border-radius: 4px
}

.area-me:before {
	top: 165px;
	border-color: transparent transparent #86b8bc
}

.area-me:after,.area-me:before {
	content: "";
	position: absolute;
	left: 50%;
	z-index: -1;
	margin-left: -60px;
	width: 0;
	height: 0;
	overflow: hidden;
	border-style: solid;
	border-width: 0 68px 120px
}

.area-me:after {
	top: 167px;
	border-color: transparent transparent #fff
}

.me-content {
	margin: 0 auto;
	width: 384px;
	height: 198px;
	padding: 24px 0 0;
	border: 1px solid #86b8bc;
	background: url(../images/screen.png) no-repeat 50% 50%/auto 264px
}

.me-content .btn-wrap {
	margin-top: 15px;
	text-align: right;
	padding-right: 30px
}

.whoami {
	margin: 0 auto;
	width: 115px;
	height: 115px;
	padding-top: 5px;
	border: 4px solid rgba(134,184,188,.5);
	border-radius: 50%;
	background: #fff;
	text-align: center;
	font-size: 18px;
	font-weight: 700;
	color: #606f7a
}

.whoami:before {
	content: "?";
	color: #86b8bc;
	font-size: 60px;
	display: block;
	text-align: center;
	line-height: 1
}

.myname {
	margin: 0 auto;
	display: table;
	width: 115px;
	height: 115px;
	padding-top: 5px;
	border: 4px solid rgba(134,184,188,.5);
	border-radius: 50%;
	background: #fff;
	text-align: center;
	font-size: 14px;
	word-break: break-all
}

.myname span {
	display: table-cell;
	padding: 4px;
	vertical-align: middle
}

.screen-btn {
	text-align: right;
	margin-top: 5px;
	padding: 0 20px
}

.screen-btn i {
	display: inline-block;
	width: 6px;
	height: 6px;
	border: 1px solid #86b8bc;
	border-radius: 3px;
	margin-left: 3px
}

.area-goods {
	top: 270px;
	left: 154px;
	width: 114px;
	height: 154px;
	padding-top: 4px
}

.area-goods:before {
	width: 71px;
	height: 79px;
	background-position: -15px 0
}

.area-goods.active:before {
	background-position: -141px 0
}

.area-goods .area-detail {
	top: 0;
	right: 100%
}

.area-customer {
	top: 270px;
	left: 740px;
	width: 114px;
	height: 154px;
	padding-top: 4px
}

.area-customer:before {
	width: 67px;
	height: 79px;
	background-position: -19px -101px
}

.area-customer.active:before {
	background-position: -145px -101px
}

.area-customer .area-detail {
	top: 0;
	left: 100%
}

.area-credentials {
	top: 532px;
	left: 345px;
	width: 114px;
	height: 154px
}

.area-credentials:before {
	width: 71px;
	height: 65px;
	background-position: -17px -238px
}

.area-credentials:after {
	content: "";
	position: absolute;
	top: -32px;
	left: 50%;
	margin-left: -11px;
	width: 21px;
	height: 21px;
	border: 4px solid #fff;
	border-radius: 11px;
	background: #e8ebef
}

.area-credentials.active:before {
	background-position: -143px -238px
}

.area-credentials.active:after {
	background: #86b8bc
}

.area-credentials .area-detail {
	top: 0;
	right: 100%;
	margin-right: 10px
}

.area-credentials .svg-process {
	position: absolute;
	top: 50%;
	left: -35px;
	margin-top: -22.5px
}

.area-supply {
	top: 532px;
	left: 560px;
	width: 114px;
	height: 154px
}

.area-supply:before {
	width: 108px;
	height: 65px;
	background-position: 0 -332px
}

.area-supply:after {
	content: "";
	position: absolute;
	top: -32px;
	left: 50%;
	margin-left: -11px;
	width: 21px;
	height: 21px;
	border: 4px solid #fff;
	border-radius: 11px;
	background: #e8ebef
}

.area-supply.active:before {
	background-position: -126px -332px
}

.area-supply.active:after {
	background: #86b8bc
}

.area-supply .area-detail {
	top: 0;
	left: 100%;
	margin-left: 10px
}

.area-item {
	position: absolute;
	z-index: 4;
	color: #e8ebef;
	background-color: #fff
}

.area-item .edit-btn {
	background: #e8ebef
}

.area-item .edit-btn+.edit-btn {
	display: none
}

.area-item.active .edit-btn {
	display: none;
	background: #86b8bc
}

.area-item.active .edit-btn+.edit-btn {
	display: block
}

.area-item.active .area-name {
	color: #86b8bc
}

.area-item:before {
	display: block;
	content: "";
	margin: 0 auto;
	background-image: url(../images/area.png);
	background-repeat: no-repeat;
	background-size: 234px 400px
}

@media (-webkit-min-device-pixel-ratio:2),(min-resolution:2dppx),(min-resolution:192dpi) {
	.area-item:before {
		background-image: url(../images/area@2x.png)
	}
}

.area-name {
	color: #e8ebef;
	line-height: 1;
	padding: 10px 0
}

.area-detail,.area-name {
	font-size: 18px;
	text-align: center
}

.area-detail {
	display: table;
	position: absolute;
	width: 136px;
	height: 136px;
	border: 1px solid #86b8bc;
	border-radius: 70px;
	color: #606f7a;
	background: #fff
}

.area-detail .content {
	display: table-cell;
	vertical-align: middle
}

.area-detail em {
	margin: 0 5px;
	font-size: 30px;
	font-weight: 700
}

.area-detail em,.area-detail i {
	color: #86b8bc;
	font-style: normal
}

.area-detail>span {
	position: absolute;
	width: 55px;
	height: 55px;
	padding-top: 10px;
	border: 4px solid #e8ebef;
	border-radius: 30px;
	font-size: 12px;
	color: #fff
}

.area-detail .typo-update {
	left: -10px;
	top: -10px;
	background: #ee7a2f
}

.area-detail .typo-new {
	right: -10px;
	top: -10px;
	background: #dc322e
}

.area-detail .typo-normal {
	left: 50%;
	bottom: -23px;
	margin: 0 0 0 -23px;
	background: #86b8bc
}

.epi-form,.inner-form,.pd-form {
	margin: 0 20px
}

.epi-form .form-group,.inner-form .form-group,.pd-form .form-group {
	margin-bottom: 10px
}

.epi-form .form-group .label,.inner-form .form-group .label,.pd-form .form-group .label {
	float: left;
	width: 75px;
	color: rgba(96,111,122,.5);
	line-height: 30px;
	cursor: pointer
}

.epi-form .form-group .control,.inner-form .form-group .control,.pd-form .form-group .control {
	position: relative;
	margin-left: 75px
}

.epi-form .form-group .control>input[type=text],.inner-form .form-group .control>input[type=text],.pd-form .form-group .control>input[type=text] {
	width: 100%;
	height: 30px;
	padding: 0 20px 0 10px;
	border: 1px solid rgba(96,111,122,.2)
}

.epi-form .form-group .control [readonly],.inner-form .form-group .control [readonly],.pd-form .form-group .control [readonly] {
	color: rgba(96,111,122,.5)
}

.epi-form .form-group .control>textarea,.inner-form .form-group .control>textarea,.pd-form .form-group .control>textarea {
	width: 100%;
	padding: 0 20px 0 10px;
	border: 1px solid rgba(96,111,122,.2);
	line-height: 1.8
}

.epi-form .form-group.form-radio .label,.inner-form .form-group.form-radio .label,.pd-form .form-group.form-radio .label {
	color: #606f7a;
	width: auto;
	white-space: nowrap
}

.epi-form .form-group.form-radio .control,.inner-form .form-group.form-radio .control,.pd-form .form-group.form-radio .control {
	margin-left: 0;
	overflow: hidden;
	padding-left: 25px
}

.epi-form .form-group.form-required .control:after,.inner-form .form-group.form-required .control:after,.pd-form .form-group.form-required .control:after {
	content: "*";
	color: #4aa8e5;
	position: absolute;
	right: 10px;
	top: 10px;
	font-size: 18px;
	line-height: 1
}

.epi-form .form-group .address-select,.inner-form .form-group .address-select,.pd-form .form-group .address-select {
	width: 286px;
	height: 30px;
	border: 1px solid rgba(96,111,122,.3);
	line-height: 28px;
	color: rgba(96,111,122,.5)
}

.epi-form .form-group .address-select input[type=text],.inner-form .form-group .address-select input[type=text],.pd-form .form-group .address-select input[type=text] {
	margin-right: 5px;
	width: 66px;
	height: 23px;
	padding: 0 5px;
	border: none;
	color: #373737
}

.epi-form .form-group .address-select+input[type=text],.inner-form .form-group .address-select+input[type=text],.pd-form .form-group .address-select+input[type=text] {
	margin-top: 10px;
	width: 286px;
	padding: 0 10px;
	border: 1px solid rgba(96,111,122,.2)
}

.epi-form .group-row .form-group,.inner-form .group-row .form-group,.pd-form .group-row .form-group {
	float: left;
	width: 50%
}

.epi-form .group-row .form-group+.form-group,.inner-form .group-row .form-group+.form-group,.pd-form .group-row .form-group+.form-group {
	float: right;
	width: 361px
}

.epi-form .group-row .form-group .control,.inner-form .group-row .form-group .control,.pd-form .group-row .form-group .control {
	width: 286px
}

.epi-form .form-money .form-group,.inner-form .form-money .form-group,.pd-form .form-money .form-group {
	float: left
}

.epi-form .form-money .form-group:first-child,.inner-form .form-money .form-group:first-child,.pd-form .form-money .form-group:first-child {
	width: 514px
}

.epi-form .form-money .form-group:first-child .control>input[type=text],.inner-form .form-money .form-group:first-child .control>input[type=text],.pd-form .form-money .form-group:first-child .control>input[type=text] {
	width: 223px
}

.epi-form .form-money .form-group:first-child .control>select,.inner-form .form-money .form-group:first-child .control>select,.pd-form .form-money .form-group:first-child .control>select {
	width: 176px;
	height: 30px;
	margin-left: 20px;
	border: 1px solid rgba(96,111,122,.2)
}

.epi-form .form-money .form-group+.form-group,.inner-form .form-money .form-group+.form-group,.pd-form .form-money .form-group+.form-group {
	float: right;
	width: 286px
}

.fheader {
	color: #4aa8e5;
	overflow: hidden;
	padding: 18px 0 20px;
	height: 65px;
	line-height: 27px;
	border-bottom: 1px solid #4aa8e5;
	margin-bottom: 30px
}

.fheader .radio-control {
	color: #606f7a
}

.fheader>h4 {
	float: left;
	margin: 0 35px 0 0;
	font-size: 18px;
	font-weight: 400
}

.fheader>h4:before {
	width: 40px
}

.fheader>h4:after,.fheader>h4:before {
	content: "";
	display: inline-block;
	vertical-align: middle;
	background: url(../images/form-icon.png) no-repeat 0 0/35px 235px
}

.fheader>h4:after {
	margin-left: 5px;
	width: 25px;
	height: 25px
}

@media (-webkit-min-device-pixel-ratio:2),(min-resolution:2dppx),(min-resolution:192dpi) {
	.fheader>h4:after,.fheader>h4:before {
		background-image: url(../images/form-icon@2x.png)
	}
}

.fheader>h4.fh-notes:before {
	height: 28px;
	background-position: 0 -27px
}

.fheader>h4.fh-tel:before {
	height: 24px;
	background-position: 0 -57px
}

.fheader>h4.fh-money:before {
	height: 33px;
	background-position: 0 -83px
}

.fheader>h4.fh-cert:before {
	height: 30px;
	background-position: 0 -119px
}

.fheader .tips {
	float: right
}

.cert-manage {
	margin-left: -66.67px
}

.cert-manage .cert-item {
	float: left;
	margin-left: 66.67px;
	width: 150px
}

.cert-manage.inner-ct {
	margin-left: -53.33px
}

.cert-manage.inner-ct .cert-item {
	margin-left: 53.33px
}

.cert-manage.inner-ct .cert-type {
	margin-bottom: 5px
}

.cert-manage .cert-type {
	overflow: hidden;
	margin-bottom: 20px
}

.cert-manage .cert-type .cert-name {
	float: left;
	color: #4aa8e5
}

.cert-manage .cert-type .count {
	float: right
}

.cert-manage .cert-type .count em {
	font-style: normal;
	color: #4aa8e5
}

.cert-manage .cert-view {
	position: relative;
	padding: 10px 15px;
	border: 1px solid rgba(96,111,122,.2)
}

.cert-manage .cert-view .prev {
	position: absolute;
	left: 4px;
	top: 48px;
	width: 0;
	height: 0;
	border: 4px solid transparent;
	border-right-color: rgba(96,111,122,.2);
	border-width: 5px 8px 5px 0;
	cursor: pointer
}

.cert-manage .cert-view .prev:hover {
	border-right-color: rgba(96,111,122,.5)
}

.cert-manage .cert-view .next {
	position: absolute;
	right: 4px;
	top: 48px;
	width: 0;
	height: 0;
	border: 4px solid transparent;
	border-left-color: rgba(96,111,122,.2);
	border-width: 5px 0 5px 8px;
	cursor: pointer
}

.cert-manage .cert-view .next:hover {
	border-left-color: rgba(96,111,122,.5)
}

.cert-manage .cert-view .cert-list {
	margin: 0;
	padding: 0;
	list-style: none;
	overflow: hidden
}

.cert-manage .cert-view .cert-list li {
	width: 118px
}

.cert-manage .cert-view .cert-list li>input[type=text] {
	margin-top: 10px;
	width: 100%;
	height: 23px;
	border: 1px solid rgba(96,111,122,.2);
	text-align: center
}

.cert-manage .cert-view .cert-list li>input[type=text].text-empty {
	color: rgba(96,111,122,.5)
}

.cert-manage .cert-view .cert-list li.isunlimited .deadline .unlimited {
	color: #4aa8e5
}

.cert-manage .cert-view .cert-list li.isunlimited .deadline .unlimited:before {
	background: #4aa8e5
}

.cert-manage .cert-view .cert-list li.isoverdue .deadline .overdue {
	display: block
}

.cert-manage .cert-view .cert-list li.isoverdue>input[type=text] {
	color: #dc322e
}

.cert-manage .cert-view .cp-box {
	position: relative;
	height: 87px;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: cover;
	border: 1px solid rgba(96,111,122,.2)
}

.cert-manage .cert-view .cp-box.cp-empty {
	background: url(../images/add.png) no-repeat 50% 18px;
	background-size: 42px 42px
}

.cert-manage .cert-view .cp-box span {
	position: absolute;
	bottom: -1px;
	left: -1px;
	right: -1px;
	text-align: center;
	cursor: pointer;
	line-height: 22px;
	color: #fff;
	background: rgba(74,168,229,.7)
}

.cert-manage .cert-view .deadline {
	margin-top: 10px;
	overflow: hidden
}

.cert-manage .cert-view .deadline .overdue {
	float: left;
	color: #dc322e;
	display: none
}

.cert-manage .cert-view .deadline .unlimited {
	float: right
}

.cert-manage .cert-view .deadline .unlimited:before {
	content: "";
	display: inline-block;
	vertical-align: middle;
	margin-right: 5px;
	width: 10px;
	height: 10px;
	border-radius: 5px;
	background: rgba(96,111,122,.3)
}

.ep-title {
	margin-bottom: 28px
}

.ep-title .ep-pic {
	float: left
}

.ep-title .ep-pic img {
	width: 86px;
	height: 86px
}

.ep-title .ep-cast {
	overflow: hidden;
	padding: 15px 0 0 20px
}

.ep-title .ep-status a {
	display: inline-block;
	width: 36px;
	text-align: center;
	line-height: 17px;
	color: #fff
}

.ep-title .ep-status .valid {
	background: #49a3ac
}

.ep-title .ep-status .unused {
	background: #ee7a2f
}

.ep-title .ep-status .invalid {
	background: #dc322e
}

.ep-title .edit-links {
	margin: 8px 0 5px
}

.ep-title .edit-links a {
	color: #49a3ac;
	text-decoration: underline
}

.ep-title .ep-responsible {
	color: #606f7a
}

.ep-form .ep-table {
	width: 100%
}

.ep-form .ep-table>tbody>tr>td {
	border: 1px solid #e8ebef
}

.ep-form .ep-table>thead>tr>th {
	height: 54px;
	vertical-align: middle;
	font-weight: 400;
	border: 1px solid #e8ebef
}

.ep-form .ep-table.eb-table>thead>tr>th {
	color: #49a3ac;
	border-bottom-color: #49a3ac
}

.ep-form .ep-table.eb-table>thead>tr>th:first-child,.ep-form .ep-table.eb-table>thead>tr>th:last-child {
	width: 142px
}

.ep-form .ep-table.eb-table>tbody>tr>td {
	text-align: center;
	padding: 10px 15px;
	vertical-align: top;
	font-size: 12px
}

.ep-form .ep-table.ei-table>thead>tr>th {
	padding-left: 20px;
	color: #4aa8e5;
	text-align: left
}

.ep-form .ep-table.ei-table>thead>tr>th:first-child {
	width: 454px
}

.ep-form .ep-table.ei-table>thead>tr>th:last-child {
	width: 272px
}

.ep-form .ep-table.ei-table>tbody>tr>td {
	padding: 20px 20px 10px
}

.ep-form .base-form .form-group {
	float: left;
	width: 206px;
	margin-bottom: 10px
}

.ep-form .base-form .form-group .label {
	float: left;
	width: 60px;
	text-align: right;
	line-height: 30px;
	color: rgba(96,111,122,.5)
}

.ep-form .base-form .form-group .control {
	margin-left: 66px
}

.ep-form .base-form .form-group .control input[type=password],.ep-form .base-form .form-group .control input[type=text] {
	width: 138px;
	height: 30px;
	padding: 0 10px;
	border: 1px solid rgba(96,111,122,.2)
}

.ep-form .base-form .form-group .radio-control {
	padding-left: 20px
}

.ep-form .base-form .form-group:nth-child(2n) {
	float: right
}

.ep-form .id-control {
	margin-bottom: 20px
}

.ep-form .id-control .label {
	float: left;
	width: 60px;
	text-align: right;
	line-height: 30px;
	color: rgba(96,111,122,.5)
}

.ep-form .id-control .control {
	margin-left: 64px
}

.ep-form .id-control .control input[type=text] {
	width: 100%;
	height: 30px;
	border: 1px solid rgba(96,111,122,.2);
	padding: 0 10px
}

.ep-form .id-pics .pic-upload {
	position: relative;
	float: left;
	width: 106px;
	height: 80px;
	border: 1px solid rgba(96,111,122,.2);
	background: url(../images/add.png) no-repeat 50% 50%;
	background-size: 42px 42px;
	cursor: pointer
}

.ep-form .id-pics .pic-upload+.pic-upload {
	float: right
}

.ep-form .id-pics .pic-upload .sel-pic {
	position: absolute;
	right: -1px;
	bottom: -1px;
	left: -1px;
	line-height: 22px;
	color: #fff;
	background: rgba(74,168,229,.7);
	text-align: center;
	font-size: 12px
}

.ep-form .upload-tips {
	clear: both;
	line-height: 30px;
	color: #4aa8e5;
	text-align: right;
	font-size: 12px
}

.ep-business>h3 {
	margin: 0;
	line-height: 55px;
	padding-left: 20px;
	font-weight: 400;
	color: #606f7a
}

.ep-business>h3>em {
	margin: 0 3px;
	font-style: normal;
	color: #86b8bc
}

.ep-business .com img {
	max-width: 110px
}

.ep-business .com .com-name {
	color: #49a3ac
}

.ep-business .com p {
	margin: 5px 0
}

.ep-business .row-launch {
	margin-left: 10px;
	margin-right: 10px
}

.ep-business .ctable .ct-head>.ct-col {
	padding-top: 8px;
	font-size: 12px
}

.search-classify .sc-item {
	line-height: 32px
}

.search-classify .sc-item .sc-title {
	float: left;
	margin-right: 1px;
	width: 96px;
	height: 32px;
	text-align: center;
	background: #f3f5f7
}

.search-classify .sc-item .sc-list {
	overflow: hidden;
	height: 32px;
	padding-left: 18px;
	background: #f3f5f7;
	font-size: 0
}

.search-classify .sc-item .sc-list.has-div .sc-cond+.sc-cond {
	padding-left: 15px;
	border-left: 1px solid #606f7a
}

.search-classify .sc-item a {
	display: inline-block;
	font-size: 14px;
	color: #606f7a;
	vertical-align: middle
}

.search-classify .sc-item .sc-all {
	margin-right: 20px;
	width: 48px;
	height: 23px;
	border: 1px solid rgba(96,111,122,.2);
	line-height: 21px;
	text-align: center
}

.search-classify .sc-item .sc-all.active,.search-classify .sc-item .sc-all:hover {
	border-color: #4aa8e5;
	color: #4aa8e5
}

.search-classify .sc-item .sc-cond {
	margin-right: 15px;
	min-width: 3em;
	line-height: 14px
}

.search-classify .sc-item .sc-cond.active,.search-classify .sc-item .sc-cond:hover {
	color: #4aa8e5
}

.search-classify .sc-item+.sc-item {
	margin-top: 1px
}

.search-result {
	margin: 40px 0 20px;
	padding-bottom: 20px;
	overflow: hidden;
	border-bottom: 1px solid rgba(96,111,122,.2)
}

.search-result .statistics {
	float: left
}

.search-result .statistics em {
	margin: 0 5px;
	font-style: normal;
	color: #86b8bc
}

.search-result .set-btn {
	float: right;
	height: 25px;
	padding: 0 8px;
	line-height: 25px;
	color: #86b8bc;
	border: 1px solid rgba(134,184,188,.5)
}

.search-result .set-btn:before {
	content: "";
	display: inline-block;
	vertical-align: middle;
	margin-right: 5px;
	width: 19px;
	height: 19px;
	background: url(../images/set.png) no-repeat 0 0/19px 19px
}

@media (-webkit-min-device-pixel-ratio:2),(min-resolution:2dppx),(min-resolution:192dpi) {
	.search-result .set-btn:before {
		background-image: url(../images/set@2x.png)
	}
}

.search-result .filter-form {
	float: right;
	margin-right: 30px
}

.search-result .filter-form input[type=text] {
	float: left;
	width: 249px;
	height: 25px;
	padding: 0 10px;
	border: 1px solid rgba(96,111,122,.2);
	border-right-width: 0
}

.search-result .filter-form input[type=submit] {
	float: left;
	width: 71px;
	height: 25px;
	border: 0 none;
	background: #86b8bc;
	color: #fff
}

.inner-form {
	margin: 0 0 20px;
	border-bottom: 1px solid rgba(96,111,122,.2);
	font-size: 12px
}

.inner-form .group-row .form-group {
	width: 290px
}

.inner-form .group-row .form-group label {
	width: 68px
}

.inner-form .group-row .form-group+.form-group {
	width: 290px
}

.inner-form .group-row .form-group .control {
	margin-left: 68px;
	width: 222px
}

.inner-form .form-group .address-select {
	width: 222px;
	height: 30px;
	border: 1px solid rgba(96,111,122,.3);
	line-height: 28px;
	color: rgba(96,111,122,.5)
}

.inner-form .form-group .address-select input[type=text] {
	margin-right: 5px;
	width: 80px;
	height: 23px;
	padding: 0 10px;
	border: none;
	color: #373737
}

.inner-form .form-group .address-select+textarea {
	margin-top: 10px;
	width: 222px;
	padding: 5px 18px 5px 10px;
	border: 1px solid rgba(96,111,122,.3)
}

.cert-exhibit {
	overflow: hidden;
	font-size: 12px;
	padding-bottom: 30px;
	margin-bottom: 20px;
	border-bottom: 1px solid rgba(96,111,122,.2)
}

.cert-exhibit .cert-item {
	float: left;
	width: 341px
}

.cert-exhibit .cert-item .cert-title {
	margin-bottom: 5px
}

.cert-exhibit .cert-item+.cert-item {
	float: right
}

.cert-exhibit .cert-page {
	margin-left: 15px;
	display: inline-block;
	vertical-align: middle;
	color: #606f7a
}

.cert-exhibit .cert-page em {
	font-style: normal
}

.cert-exhibit .cert-page .next {
	display: inline-block;
	margin-left: 10px;
	width: 0;
	height: 0;
	border: 4px solid transparent;
	border-left-color: rgba(96,111,122,.2);
	border-width: 5px 0 5px 8px;
	cursor: pointer
}

.cert-exhibit .cert-page .next:hover {
	border-left-color: rgba(96,111,122,.5)
}

.cert-exhibit .cert-page .prev {
	display: inline-block;
	margin-right: 10px;
	width: 0;
	height: 0;
	border: 4px solid transparent;
	border-right-color: rgba(96,111,122,.2);
	border-width: 5px 8px 5px 0;
	cursor: pointer
}

.cert-exhibit .cert-page .prev:hover {
	border-right-color: rgba(96,111,122,.5)
}

.cert-exhibit .cert-list {
	margin: 0;
	padding: 0;
	list-style: none;
	border: 1px solid rgba(96,111,122,.2)
}

.cert-exhibit .cert-list>li {
	padding: 10px 20px;
	overflow: hidden
}

.cert-exhibit .cert-list .cert-box {
	float: left;
	width: 146px;
	height: 110px;
	background: none no-repeat 50% 50%/cover
}

.cert-exhibit .cert-list .cert-msg {
	float: right
}

.cert-exhibit .cert-list .cert-msg p {
	margin: 0 0 5px;
	color: #606f7a
}

.cert-exhibit .cert-list .cert-msg p .cert-num {
	display: inline-block;
	margin-left: 5px;
	width: 87px;
	height: 23px;
	line-height: 21px;
	text-align: center;
	vertical-align: middle;
	border: 1px solid rgba(96,111,122,.2)
}

.cert-exhibit .cert-valid .cert-page em,.cert-exhibit .cert-valid .cert-title {
	color: #4aa8e5
}

.cert-exhibit .cert-valid .cert-list {
	border-color: rgba(74,168,229,.5)
}

.cert-exhibit .cert-valid .cert-list .cert-msg .cert-num {
	color: #4aa8e5
}

.cert-exhibit .cert-invalid {
	color: #606f7a
}

.cert-exhibit .deadline {
	margin-top: 10px;
	overflow: hidden
}

.cert-exhibit .deadline .overdue {
	float: left;
	color: #dc322e;
	display: none
}

.cert-exhibit .deadline .unlimited {
	float: right;
	color: rgba(96,111,122,.5)
}

.cert-exhibit .deadline .unlimited:before {
	content: "";
	display: inline-block;
	vertical-align: middle;
	margin-right: 5px;
	width: 10px;
	height: 10px;
	border-radius: 5px;
	background: rgba(96,111,122,.3)
}

.auth-info {
	font-size: 12px
}

.auth-info .auth-item+.auth-item {
	margin-top: 25px
}

.auth-info .ai-title {
	float: left;
	width: 60px;
	color: #4aa8e5
}

.auth-info .ai-msg {
	overflow: hidden
}

.auth-info .ai-col {
	display: inline-block;
	vertical-align: middle;
	text-align: center
}

.auth-info .auth-org-list {
	margin: 0;
	padding: 0;
	list-style: none;
	overflow: hidden
}

.auth-info .auth-org-list li {
	float: left;
	padding-right: 15px;
	word-break: break-all;
	text-align: center
}

.auth-info .auth-org-list li span {
	display: inline-block;
	vertical-align: top;
	width: 8em
}

.auth-info .auth-org-list li+li:before {
	content: "\ab\ab\ab";
	color: #4aa8e5;
	margin-right: 20px
}

.auth-info .auth-org-list li:last-child:after {
	display: inline-block;
	margin-left: 10px;
	vertical-align: top;
	width: 32px;
	height: 32px;
	padding-top: 4px;
	background: #f3f5f7;
	content: "\5168\56FD\603B\4EE3";
	text-align: center;
	line-height: 1;
	color: #4aa8e5
}

.auth-info .cert-list {
	margin: 0;
	padding: 0;
	list-style: none;
	overflow: hidden
}

.auth-info .cert-list li {
	float: left;
	position: relative
}

.auth-info .cert-list li+li {
	padding-left: 40px
}

.auth-info .cert-list .cert-box {
	position: relative;
	margin: 0 auto;
	width: 90px;
	height: 68px;
	border: 1px solid rgba(96,111,122,.2);
	background: none no-repeat 50% 50%/cover
}

.auth-info .cert-list .cert-page {
	text-align: center;
	line-height: 30px
}

.auth-info .cert-list .cert-page em {
	font-style: normal;
	color: #4aa8e5
}

.auth-info .cert-list .prev {
	position: absolute;
	left: -20px;
	top: 50%;
	margin-top: -5px;
	width: 0;
	height: 0;
	border: 4px solid transparent;
	border-right-color: rgba(96,111,122,.2);
	border-width: 5px 8px 5px 0;
	cursor: pointer
}

.auth-info .cert-list .prev:hover {
	border-right-color: rgba(96,111,122,.5)
}

.auth-info .cert-list .next {
	position: absolute;
	right: -20px;
	top: 50%;
	margin-top: -5px;
	width: 0;
	height: 0;
	border: 4px solid transparent;
	border-left-color: rgba(96,111,122,.2);
	border-width: 5px 0 5px 8px;
	cursor: pointer
}

.auth-info .cert-list .next:hover {
	border-left-color: rgba(96,111,122,.5)
}

.auth-info.auth-level-4 .ai-col,.auth-info.auth-level-4 .auth-org-list li:nth-child(1) {
	width: 140px
}

.auth-info.auth-level-4 .auth-org-list li:nth-child(2),.auth-info.auth-level-4 .auth-org-list li:nth-child(3) {
	width: 180px
}

.auth-info.auth-level-4 .auth-org-list li:nth-child(4) {
	width: 200px
}

.auth-info.auth-level-4 .cert-list li:nth-child(1) {
	width: 140px
}

.auth-info.auth-level-4 .cert-list li:nth-child(2),.auth-info.auth-level-4 .cert-list li:nth-child(3) {
	width: 180px
}

.auth-info.auth-level-4 .cert-list li:nth-child(4) {
	padding-left: 8px;
	width: 200px
}

.pd-form {
	margin: 0
}

.pd-form .form-group .label {
	width: 4em;
	text-align: right
}

.pd-form .form-group .control {
	margin-left: 5em
}

.pd-form .form-group .control>select {
	width: 100%;
	height: 30px;
	border: 1px solid rgba(96,111,122,.2)
}

.pd-form .group-row .form-group {
	float: left;
	width: 356px
}

.pd-form .group-row .form-group+.form-group {
	width: 484px
}

.pd-form .group-row .form-group+.form-group .label {
	width: 198px;
	padding-right: 1em
}

.pd-form .group-row .form-group+.form-group .control {
	margin-left: 198px
}

.package-form {
	margin: 20px 0
}

.package-form .package-item {
	font-size: 0
}

.package-form .package-item>h3 {
	margin: 0 0 15px;
	font-weight: 400;
	color: #606f7a;
	font-size: 14px
}

.package-form .package-item .package-msg {
	margin-bottom: 10px
}

.package-form .package-item .package-msg>label {
	display: inline-block;
	width: 4.5em;
	padding-right: .5em;
	font-size: 14px;
	vertical-align: middle;
	line-height: 30px;
	color: rgba(96,111,122,.5);
	cursor: pointer;
	text-align: right
}

.package-form .package-item .package-msg>label~label {
	width: 5.5em
}

.package-form .package-item .package-msg>input[type=text] {
	vertical-align: middle;
	font-size: 14px;
	width: 173px;
	height: 30px;
	border: 1px solid rgba(96,111,122,.2);
	padding: 0 10px
}

.package-form .package-item .package-msg>input[type=text]~input[type=text] {
	width: 75px
}

.package-form .package-sm {
	float: left;
	width: 238px
}

.package-form .package-lg {
	float: right;
	width: 572px;
	padding-left: 30px;
	border-left: 1px solid rgba(134,184,188,.5)
}

.cert-select .checkbox-alone {
	margin-right: 10px;
	vertical-align: top
}

.cert-select .cert-mini {
	position: relative;
	display: inline-block;
	margin-left: 10px;
	width: 39px;
	height: 51px;
	vertical-align: top;
	border: 1px solid rgba(96,111,122,.2);
	background: none no-repeat 50% 50%/cover
}

.cert-select .cert-mini .cert-max {
	position: absolute;
	bottom: -1px;
	right: -1px;
	width: 16px;
	height: 16px;
	background: #49a3ac url(../images/search.png) no-repeat 50% 50%;
	background-size: 13px 13px;
	cursor: pointer
}

.valid-date {
	width: 90px;
	word-break: break-word!important
}

.p-cert-num,.p-name {
	display: block!important;
	margin: 0 auto;
	width: 10em
}

.p-name,.select-head {
	color: #49a3ac
}

.select-head {
	margin-bottom: 20px;
	height: 58px;
	line-height: 58px;
	font-size: 18px;
	border-bottom: 1px solid rgba(96,111,122,.2)
}

.select-head .checkbox-control {
	margin-left: 15px;
	font-size: 14px
}

.cert-form {
	padding: 20px 10px;
	border: 1px solid rgba(96,111,122,.2)
}

.cert-form .cert-tips {
	font-size: 12px;
	color: #4aa8e5;
	line-height: 30px;
	padding-left: 14px
}

.cert-form .cert-edit {
	float: left;
	width: 356px
}

.cert-form .cf-group {
	margin-bottom: 10px
}

.cert-form .cf-group>.label {
	float: left;
	width: 4.5em;
	padding-right: .5em;
	word-break: break-all;
	text-align: right;
	color: rgba(96,111,122,.2);
	line-height: 30px
}

.cert-form .cf-group>.label.multi-line {
	line-height: 1.2
}

.cert-form .cf-group .control {
	margin-left: 4.5em
}

.cert-form .cf-group .control>input[type=text] {
	width: 292px;
	height: 30px;
	padding: 0 10px;
	border: 1px solid rgba(96,111,122,.2)
}

.cert-form .cf-group .control>input[type=text].date-range {
	float: left;
	width: 122px
}

.cert-form .cf-group .control>input[type=text].date-range~.date-range {
	float: right
}

.cert-form .cf-group .control .join-icon {
	float: left;
	margin-left: 18px;
	line-height: 30px
}

.cert-form .cert-list {
	margin-top: 20px;
	overflow: hidden;
	padding-left: 1em
}

.cert-form .cert-list .cert-item {
	position: relative;
	float: left;
	width: 71px;
	height: 92px;
	background: url(../images/add.png) no-repeat 50% 30px;
	background-size: 28px 28px;
	border: 1px solid rgba(96,111,122,.2)
}

.cert-form .cert-list .cert-item.has-image {
	background-position: 50% 50%;
	background-size: cover
}

.cert-form .cert-list .cert-item+.cert-item {
	margin-left: 19px
}

.cert-form .cert-list .cert-item>span {
	position: absolute;
	bottom: -1px;
	left: -1px;
	right: -1px;
	line-height: 22px;
	background: rgba(74,168,229,.7);
	color: #fff;
	text-align: center;
	font-size: 12px
}

.cert-form .cert-list .cert-item.disabled>span {
	background: #cfd4d7
}

.pro-list {
	float: right;
	width: 430px
}

.pro-list .pro-header {
	overflow: hidden;
	height: 24px
}

.pro-list .sel-btn {
	float: left;
	width: 73px;
	height: 24px;
	line-height: 22px;
	border: 1px solid rgba(74,168,229,.5);
	text-align: center;
	color: #4aa8e5
}

.pro-list .tab-nav {
	float: right;
	margin-top: 5px
}

.pro-list .tab-nav a {
	float: left;
	color: #606f7a;
	line-height: 1
}

.pro-list .tab-nav a.active {
	color: #4aa8e5
}

.pro-list .tab-nav a+a {
	margin-left: 1em;
	padding-left: 1em;
	border-left: 1px solid rgba(96,111,122,.2)
}

.pro-table {
	margin-top: 10px;
	font-size: 12px
}

.pro-table .ct-wrap {
	max-height: 275px;
	overflow: auto;
	border-bottom: 1px solid rgba(96,111,122,.2)
}

.pro-table .ct-head {
	height: 25px;
	background: #4aa8e5;
	color: #fff;
	line-height: 25px
}

.pro-table.pro-no-radio .row-line:before {
	display: none
}

.pro-table .row-line {
	position: relative;
	border: 1px solid rgba(96,111,122,.2);
	border-width: 0 1px
}

.pro-table .row-line:before {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 39px;
	width: 1px;
	background: rgba(96,111,122,.2);
	content: ""
}

.pro-table .row-line .ct-col:first-child {
	margin-left: -1px
}

.pro-table .row-line .ct-col:last-child {
	margin-right: -1px
}

.pro-table .row-line .ct-col .inner {
	width: 7em
}

.pro-table .ct-row:first-child {
	border-top: none
}

.pro-table .ct-row.hover {
	background: #e8ebef
}

.pro-table .ct-row.hover,.pro-table .ct-row.hover .row-line {
	border-color: rgba(74,168,229,.8)
}

.pro-table .ct-row.hover .row-line:before {
	background: rgba(74,168,229,.8)
}

.pro-table .ct-row.hover+.ct-row {
	border-top-color: rgba(74,168,229,.5)
}

.has-process {
	position: relative;
	padding-left: 70px
}

.has-process .svg-process {
	top: 50%;
	margin-top: -27.5px;
	left: 0;
	position: absolute
}

/*star 9-14*/

/*star 9-19 */
.slider-nav li:hover .content-item.icon-supplier:before {
    left: -15px;
    width: 30px;
    background-position: 0 -52px;
}
.slider-nav li:hover .content-item.icon-distribute:before {
    left: -33px;
    width: 66px;
    background-position: -47px -48px;
}
.slider-nav li:hover .content-item.icon-hospital:before {
    left: -22px;
    width: 44px;
    background-position: -134px -51px;
}
.slider-nav li:hover .content-item.icon-org:before {
    left: -22px;
    width: 44px;
    background-position: -199px -51px;
}
.slider-nav li:hover .content-item{
	border: 1px solid #86b8bc;
}
.slider-nav li:hover .content-item h4{color:#86b8bc;}
.slider-nav li:hover .content-item p{color:#86b8bc;}

.ullist1{padding:20px 0px;margin:0px;}
.ullist1 li{padding-top:13px;list-style: none;}
.ullist1 li{color:#4d4d4d;cursor: pointer;line-height:24px;}
.ullist1 li a{color:#4d4d4d;padding-left:10px;position: relative;}
.ullist1 li a:before{    content: "";   position: absolute;
    left: 0px;   top: 40%;   width: 3px;    height: 3px;
    background: #373737;    border-radius: 4px;}
.ullist1 li span{float: right;color:#91969c;}
.ullist1 li a:hover{text-decoration: underline;}

.ullist1 li.orange a{color:#ebc57a;}
.ullist1 li.orange a:before{background:#ebc57a;}
.ullist1 li.orange a span{color:#ebc57a;}
.ullist1 li i{font-style:normal;background:#e7eaef;
width:40px;height:24px;line-height: 24px;text-align: center;
display: inline-block;color:#7e8f99;overflow: hidden;
float: left;margin-right:5px;}

.infor-list-header h4{padding:0px 0px;font-size:18px;color:#777;
font-weight: normal;}
.infor-list-header h4 b{font-weight: normal;color:18px;color:#e7bd71;}
.ullist1 li b{font-weight: 200;color:#e7bf70;}

.img_10{    position: absolute;
    left: 188px;
    top: 207px;
    z-index: 999;}
.img_11{    position: absolute;
    left: 695px;
    top: 207px;z-index:999;}
.system-view .resource-image .img_3 {
    left: 138px;
    top: 299px;
}
.system-view .resource-image .img_7 {
    top: 301px;
    right: 170px;
}