* {
	margin: 0;
	padding: 0;
}

html {
	-ms-text-size-adjust: none;
	-webkit-text-size-adjust: none;
}


/* *, */

*:before,
*:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

header,
footer,
section,
article,
aside,
nav,
hgroup,
address,
figure,
main,
figcaption,
menu,
details {
	display: block;
}

html,
body,
fieldset,
img,
iframe,
abbr {
	border: 0;
}

table {
	border-collapse: collapse;
	border: 1px solid #dddddd;
	border-spacing: 0;
}

caption,
th {
	text-align: left;
	font-weight: normal;
}

[hidefocus],
summary {
	outline: 0;
}

ul {}

li {
	list-style: none;
}

h1,
h2,
em,
strong,
b {
	font-weight: bold;
}

h1 {
	color: #353535;
	font-size: 28px;
	font-weight: 400;
	/*line-height: 1.3;*/
}

h2 {
	color: #353535;
	font-size: 24px;
	font-weight: 400;
	/*line-height: 1.3;*/
}

h3 {
	color: #353535;
	font-size: 20px;
	font-weight: 400;
	/*line-height: 1.3;*/
}

h4 {
	color: #353535;
	font-size: 16px;
	font-weight: 400;
	/* line-height: 1.3;*/
}

del,
ins,
u,
s,
a,
a:hover {
	text-decoration: none;
}

textarea {
	overflow: auto;
	resize: none;
}

body,
textarea,
input,
button,
select,
keygen,
legend {
	color: #333;
	outline: 0;
	-webkit-touch-callout: none;
}

img {
	max-width: 100%;
	border: none;
	vertical-align: middle;
	-ms-interpolation-mode: bicubic;
	-webkit-tap-highlight-color: transparent;
}

img[src=''] {
	position: relative;
}

img[src='']:after {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	background-color: #FFFFFF;
	z-index: 1;
}

img[src='']:before {
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	content: '';
	width: 14px;
	height: 14px;
	display: inline-block;
	border: 2px solid #aaa;
	border-left-color: #ddd;
	border-radius: 24px;
	vertical-align: middle;
	-webkit-animation: loading .6s linear .6s infinite;
	margin: auto;
	z-index: 2;
}

a,
button {
	cursor: pointer;
	outline: 0;
	-moz-user-select: none;
	-khtml-user-select: none;
	user-select: none;
	-webkit-tap-highlight-color: transparent;
}

a {
	text-decoration: none;
	color: #576B95;
}

a:hover {
	text-decoration: none;
}

a:focus {
	text-decoration: none;
}

.ui-link-un {
	color: inherit;
}

.ui-fb {
	border-bottom: 1px solid #EEEEEE;
}

.ui-hb {
	border-top: 1px solid #EEEEEE;
}

[hidden='hidden'] {
	display: none !important;
}

@import url("box.css");
body {
	line-height: 1.422;
	font-family: 'Helvetica Neue', 'Hiragino Sans GB', 'Microsoft YaHei', '\\9ED1\4F53', 'Arial', 'sans-serif';
	-webkit-font-smoothing: antialiased;
	color: #222;
	font-size: 14px;
	min-height: 100%;
	position: relative;
}

body {
	background-color: #F6F8F9;
	/* min-width: 768px;*/
}

.ui-a {
	cursor: pointer;
}

.ui-full {
	width: 100%;
	height: 100%;
}

.ui-pb {
	padding-bottom: 8px;
}

.ui-hp_n {
	padding-top: 8px;
	padding-bottom: 8px;
}


/*小边距*/

.ui-hp_s {
	padding-top: 12px;
	padding-bottom: 12px;
}


/*中边距*/

.ui-hp_m {
	padding-top: 16px;
	padding-bottom: 16px;
}


/*大边距*/

.ui-hp_l {
	padding-top: 20px;
	padding-bottom: 20px;
}

.ui-pl_s {
	padding-left: 10px;
}

.ui-pl_l {
	padding-left: 20px;
}

.ui-pl_xxl {
	padding-left: 28px;
}

.ui-pr_s {
	padding-right: 10px;
}

.ui-pr_l {
	padding-right: 20px;
}

.ui-wp_s {
	padding-left: 12px;
	padding-right: 12px;
}


/*中边距*/

.ui-wp_m {
	padding-left: 16px;
	padding-right: 16px;
}


/*大边距*/

.ui-wp_l {
	padding-left: 20px;
	padding-right: 20px;
}

.ui-wp_xxl {
	padding-left: 28px;
	padding-right: 28px;
}

.ui-padd {
	padding: 12px;
}
.ui-space {
	margin-left: 2px;
	margin-right: 2px;
}

.ui-space_s {
	margin-left: 6px;
	margin-right: 6px;
}

.ui-space_m {
	margin-left: 12px;
	margin-right: 12px;
}

.ui-ml_s {
	margin-left: 10px;
}

.ui-mr_s {
	margin-right: 10px;
}

.ui-head {
	background-color: #FFFFFF;
	box-shadow: 0 1px 4px 0 rgba(238, 238, 238, 0.5);
}

.ui-tit-l {
	font-size: 36px;
}

.ui-tit-xl {
	font-size: 42px;
}

.ui-show {
	display: block;
}

.ui-hide {
	display: none;
}


/*模块*/

.ui-module {
	background-color: #fff;
	margin-bottom: 20px;
}

.ui-module_space {
	margin-bottom: 10px;
}


/*复合模块*/

.ui-module_small {
	margin-bottom: 0;
}


/*透明模块*/

.ui-module_transparent {
	background-color: transparent;
}

.ui-section {
	background-color: #fff;
	margin-bottom: 10px;
}

.ui-module-con {
	padding: 20px 0;
}

.ui-module-title {
	display: block;
	padding: 25px 0px 15px;
	color: #353535;
	font-size: 18px;
	line-height: 1;
}

.ui-section_small {
	margin-bottom: 0;
}

.ui-piece {
	padding: 10px 0;
}

.ui-piece-con {
	padding: 10px 0;
}

.ui-piece-tit {
	display: block;
	color: #353535;
	font-size: 18px;
	line-height: 1;
	padding-top: 10px;
}

.ui-piece-item {
	font-size: 16px;
	line-height: 2;
	position: relative;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	align-items: center;
	align-content: center;
	justify-content: flex-start;
	-webkit-box-lines: single;
	-webkit-box-orient: horizontal;
	flex-wrap: nowrap;
}

.ui-piece-item>.ui-piece-lab {
	-webkit-box-align: center;
	flex-shrink: 0;
	align-content: center;
	width: 7em;
	color: #9A9A9A;
}

.ui-piece-item>.ui-piece-val {
	-webkit-box-align: center;
	flex-shrink: 0;
	align-content: center;
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	flex: 1;
}

.ui-explain {
	background-color: #F5F5F5;
	padding: 20px;
	border-radius: 3px;
}

.ui-explain .ui-p {
	padding: 4px 0;
	font-size: 14px;
	color: #666666;
}

.ui-explain .ui-title {
	font-size: 18px;
	color: #353535;
}

.ui-explain .ui-text {
	font-size: 14px;
	color: #666666;
}

.ui-explain .ui-ul {
	font-size: 14px;
	color: #666666;
}

.ui-explain .ui-ul>li {
	padding: 2px 0;
}


/**
 * 隐藏元素
 */

.hide {
	display: none !important;
}

.ui-btn {
	display: inline-block;
	padding: 0 22px;
	min-width: 54px;
	line-height: 2.42857143;
	vertical-align: middle;
	text-align: center;
	text-decoration: none;
	border-radius: 3px;
	font-size: 14px;
	cursor: pointer;
	border-width: 1px;
	border-style: solid;
	box-sizing: content-box;
	color: #666;
	border-color: #E4E8EB;
	background-color: #FFFFFF;
}

.ui-btn_radius {
	border-radius: 100px;
}

.ui-btn_hollow {
	background-color: transparent;
}

.ui-btn:hover {
	text-decoration: none;
}

.ui-btn_disabled {
	cursor: default;
}

.ui-btn-mini {
	padding: 0 12px;
	min-width: 20px;
	font-size: 12px;
	line-height: 2.42857143;
}

.ui-btn_primary {
	background-color: #1AAD19;
	border-color: #1AAD19;
	color: #FFFFFF;
}

.ui-btn_primary.ui-btn_hollow {
	background-color: transparent;
	border-color: #1AAD19;
	color: #1AAD19;
}

.ui-btn_primary:hover {
	background-color: #34A123;
	border-color: #34A123;
	color: #AFDAAC;
}

.ui-btn_primary.ui-btn_hollow:hover {
	background-color: transparent;
	color: #1AAD19;
}


/*.ui-btn_loading{
	position: relative;
	
}*/

.ui-btn_loading:after {
	content: "";
	display: inline-block;
	position: relative;
	width: 18px;
	height: 18px;
	margin-left: 4px;
	vertical-align: middle;
	border: 2px solid #aaa;
	border-left-color: #ddd;
	border-radius: 24px;
	vertical-align: middle;
	-webkit-animation: loading .6s linear .6s infinite;
}

.ui-btn_primary.ui-btn_disabled,
.ui-btn_primary.ui-btn_loading {
	background-color: #89D183;
	border-color: #89D183;
	color: #D1ECCE;
}

.ui-btn_primary.ui-btn_loading:after {
	border: 2px solid #FFFFFF;
	border-left-color: transparent;
	/*margin: 4px;*/
	/*background: transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAMAAABhEH5lAAAAnFBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////+TINBkAAAANHRSTlMABSAWDz8aC3l0alY0Ls/Dta6mn5mSflFHGAkC9u7cyo5wY11EOSknJhMH6eLTuqKJhE1LthbKbwAAALFJREFUGNNdjVUSwkAQRGc17h4g7jjc/25UsgXZ4n2+7pmGDUsPXddXTfiSxZ7n3hyntAMszBj6dwPn+dQ413IrkihQiQh5UNhrrw41+OFfPIApquZd8eLMwKhSkNBOEWgPLivraEP8XGSlHE+gxgj+0FUCEgeEINV6WS0KAlzrVCrNFAEk+mtXhKw5bZtUEQJxzLexzGiTgaKDkg0jzkVIOyN5d6w3LYz2FxZjzMTi/gO16wq4+ye9JwAAAABJRU5ErkJggg==) no-repeat 0 0;*/
}

.ui-btn_default {
	background-color: #FBFBFB;
	border-color: #E4E8EB;
	color: #353535;
}

.ui-btn_default:hover {
	background-color: #EFF0F2;
	color: #858585;
	border-color: #E4E8EB;
}

.ui-btn_default.ui-btn_disabled,
.ui-btn_default.ui-btn_loading {
	background-color: #F5F6F6;
	border-color: #E4E8EB;
	color: #CCCDCD;
}

.ui-btn_default.ui-btn_loading:after {
	/*background: transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAAEhyb7BAAAAAXNSR0IArs4c6QAAArNJREFUOBGNlD9MU1EUxvte36tt0zaWgJAWHOuEkyEkLjRGTYCU0gQXF42DCyYaR2NkwonBOMhgohMDiSC2QGSyDi6iMQwOLlX8UxpbNa19BdtSf+fBbYBA0pucnnvO/c53zz3nvDocrBcs0Y5UKnVX9MLCwpZo2Zy3N/KTTCb7moaGdQ4rb3sajYamjiB7pnN6UtO0hnLW6/Vr9h7GcRAztsFmWiE4mHEsLS0dUw7Req1W24nDmJ2dddq3zM/Pxw3DyFUqlXe2g9hTAO7hfB4MBpMbGxs9TqfzCRmYsVisTx42hlwUzsMWifzSq9VqO3l+OAwgvlAo1GlfB/rK9vZ2Nh6Pv1Tg1dVVM5fLhbxe7/dmKcjrNDncoDzdAF+PjIzcVwGKaRomL4lPtLW1ZQuFwmXANwFdJfG30ppbJH5bRSktBedsXWwd6RkeHp5Sh0pLA5CHAB8YOC11cFD7fL5HpVJpXZiOBKXTaSubzXbaIBoVOMgidn9///FIJNLQKeRTmjdG03x7gQxGuFgseqLRaM0ugTABvkAZKiT7l5eV2edHR0c/S2CzmGIsLi52cXgdUC+mPMpkbxJoyn5XDDBrpmlODA0NfcFnL5uIjnQCvoPHT+AnQI8HBwd/7mL2KbAhXdcnwZ1FLOLiNCWjkUWElMdxVtGTiUSisC/yCIOndjNkryDyA7kkRYpBUvF4PFOtkgg3GX9DJRAvYjfXRapWOBze+SDxtroYyjWwkpHDIJv3pNebyWTOYL8RZ6tLPt58Pm+43e6qKnYCsi7kK/OZQjf/EA4j5XJteXm5nRrpdHCLEfjTbL+0nnpFIdEBbvLcj5Zl/ejo6CgPDAw0VlZW3PgDBAYhqIP75/f7swzaplzWJNp789zc3AmAIZfLFSDYycTWuKTMWPzGzlOb0l687P8DN4FeDmwUxzsAAAAASUVORK5CYII=) no-repeat 0 0;*/
}

.ui-btn_warn {
	background-color: #FBFBFB;
	border-color: #E4E8EB;
	color: #FA5151;
}

.ui-btn_warn:hover {
	background-color: #EFF0F2;
	border-color: #E4E8EB;
	color: #FA5151;
}

.ui-btn_warn.ui-btn_disabled,
.ui-btn_warn.ui-btn_loading {
	background-color: #F5F6F6;
	border-color: #E4E8EB;
	color: #CCCDCD;
}

.ui-btn_warn.ui-btn_loading:after {
	/*background: transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAMAAABhEH5lAAAAnFBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////+TINBkAAAANHRSTlMABSAWDz8aC3l0alY0Ls/Dta6mn5mSflFHGAkC9u7cyo5wY11EOSknJhMH6eLTuqKJhE1LthbKbwAAALFJREFUGNNdjVUSwkAQRGc17h4g7jjc/25UsgXZ4n2+7pmGDUsPXddXTfiSxZ7n3hyntAMszBj6dwPn+dQ413IrkihQiQh5UNhrrw41+OFfPIApquZd8eLMwKhSkNBOEWgPLivraEP8XGSlHE+gxgj+0FUCEgeEINV6WS0KAlzrVCrNFAEk+mtXhKw5bZtUEQJxzLexzGiTgaKDkg0jzkVIOyN5d6w3LYz2FxZjzMTi/gO16wq4+ye9JwAAAABJRU5ErkJggg==) no-repeat 0 0;*/
}

.ui-img-item {
	height: 80px;
	width: 80px;
	background-color: #FFFFFA;
	border: 1px solid #CCCCCC;
}

.ui-bg-add {
	height: 80px;
	width: 80px;
	background-color: #FFFFFA;
	display: inline-block;
	vertical-align: bottom;
	border: 1px dashed #CCCCCC;
	position: relative;
	font-size: 0;
	/*	padding-top: 100%;*/
	cursor: pointer;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.ui-bg-add:before {
	content: "+";
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	color: #999;
	display: block;
	text-align: center;
	width: 30px;
	height: 30px;
	line-height: 30px;
	font-size: 28px;
}

.ui-tag,
.ui-tag-2 {
	/* float: left; */
	display: inline-block;
	vertical-align: middle;
	font-size: 14px;
	color: #999;
	background-color: #f4f4f4;
	padding: 4px 6px;
	line-height: 1;
	margin-right: 4px;
	border-radius: 4px;
}


/* .ui-tag-def{
  color: #999;
  background-color: #f4f4f4;
} */

.ui-tag-m {
	font-size: 8px;
	padding: 2px 4px;
	margin-right: 2px;
	border-radius: 2px;
}

.ui-tag-green,
.ui-tag-1 {
	color: #309f00;
	background-color: rgba(220, 255, 204, 0.7);
}

.ui-tag-warning,
.ui-tag-2 {
	color: #e64a2a;
	background-color: rgba(255, 227, 221, 0.7);
}

.ui-tag-primary,
.ui-tag-3 {
	color: #FFB900;
	background-color: rgba(255, 242, 204, 0.7);
}

.ui-tag-danger,
.ui-tag-4 {
	color: #713aff;
	background-color: rgba(199, 178, 255, 0.7);
}

.ui-tag-white {
	color: #FFF;
}

.ui-wrapper {
	position: relative;
	padding-top: 120px;
}

.ui-wrapper-min {
	/*padding: 0 0;*/
	max-width: 960px !important;
	margin: 0 auto;
}

.ui-wrapper-view {
	max-width: 1100px;
	margin: 0 auto;
}

.ui-wrapper.auto {
	padding-top: 0px;
}

.ui-wrapper.auto .ui-head {
	position: relative;
}

.ui-wrapper.auto .ui-menu {
	display: none;
}

.ui-wrapper.auto .ui-main {
	margin-left: 0px;
	min-height: 500px;
}

.ui-wrapper.auto .ui-foot.ui-menu-pd {
	padding-left: 0px;
	margin-top: 80px;
}

.ui-head {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	background-color: #FFFFFF;
	box-shadow: 0 1px 4px 0 rgba(238, 238, 238, 0.5);
	margin-bottom: 40px;
}

.ui-head.un-margin {
	margin-bottom: 0;
}

.head-cont {
	padding: 0 65px;
	height: 80px;
}
.head-cont .logo img{
	height: 50px;
}

.ui-menu {
	width: 250px;
	float: none;
	position: absolute;
	left: 0;
	top: 120px;
}

.menu-cont {
	width: 100%;
	height: 100%;
	background-color: #333;
}

.ui-main {
	margin-left: 250px;
	min-height: 500px;
	position: relative;
}

.main-con {
	width: 90%;
	max-width: 1600px;
	margin-left: auto;
	margin-right: auto;
}

.ui-foot {
	padding-left: 0px;
	margin-top: 80px;
}

.ui-foot.ui-menu-pd {
	padding-left: 250px;
	margin-top: 80px;
}

.ui-foot.ui-menu-pd .foot-con {
	width: 90%;
	max-width: 1600px;
	margin-left: auto;
	margin-right: auto;
}

.foot-con {
	padding: 16px 0 40px;
	border-top: none;
	margin-left: auto;
	margin-right: auto;
}

.foot-con_info {
	padding-bottom: 10px;
	margin-bottom: 8px;
	border-bottom: 1px solid #E4E8EB;
}

.foot-con .ui-group {
	display: flex;
	font-size: 0;
}

.foot-con .ui-group .ui-item {
	position: relative;
	margin: 0 14px;
}

.foot-con .ui-group .ui-item:first-child {
	margin-left: 0;
}

.ui-group_split {
	position: relative;
}

.ui-group_split .ui-item:before {
	content: "";
	position: absolute;
	display: block;
	left: -14.4px;
	top: 3px;
	bottom: 3px;
	width: 1px;
	background-color: #9A9A9A;
}

.ui-group_split .ui-item:first-child:before {
	display: none;
}

.foot-con .ui-link {
	font-size: 12px;
	color: #9A9A9A;
}

.ui-main>.main-cont {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	width: 100%;
	overflow: auto;
	background-color: #F5F5F5;
}

.head-cont .ui-box {
	height: 100%;
}


/*盒子布局*/

.ui-box {
	position: relative;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	align-items: center;
	align-content: center;
	justify-content: flex-start;
	/* -webkit-box-lines: multiple;
   -webkit-box-orient: horizontal;
   flex-wrap:wrap; */
	-webkit-box-lines: single;
	-webkit-box-orient: horizontal;
	flex-wrap: nowrap;
}


.ui-box_content {
	align-items: center;
	align-content: center;
	justify-content: center;
}

.ui-list {
	display: block;
}

.ui-list>.ui-item,
.ui-list>li {
	border-bottom: 1px solid #EEEEEA;
}

.ui-list>.ui-item:last-child {
	border-bottom: none;
}

.ui-list.ui-item-link>.ui-item,
.ui-list.ui-item-link>li {
	cursor: pointer;
}

.ui-list-box {
	background-color: #FFFFFF;
}

.ui-list-box.on {
	background-color: #EEEEEA;
}

.ui-list-box:hover {
	background-color: #FFFFFA;
}

.ui-list-box.on:hover {
	background-color: #EEEEEA;
}

.ui-list-box>.ui-item {
	padding: 10px 0;
}

.ui-list-box>.ui-item {
	padding-right: 6px;
}

.ui-list-box.ui-list-box_prm>.ui-item {
	padding-right: 12px;
}

.ui-list-box>.ui-item:first-child {
	padding-left: 12px;
}

.ui-list-box>.ui-item:last-child {
	padding-right: 12px;
}


.ui-assem{
	background-color: #F5F5F5;
}
.ui-assem>.ui-item{
	background-color: #FFFFFF;
	margin-bottom: 20px;
}




/*填充*/
.ui-box.ui-stretch>.ui-item {
	-webkit-align-self: stretch;
	align-self: stretch;
}
.ui-stretch {
	-webkit-align-self: stretch;
	align-self: stretch;
}

.ui-flex-start {
	align-self: flex-start;
}


/*向下对齐*/

.ui-flex-end {
	align-self: flex-end;
}

.ui-box_start {
	-webkit-box-align: start;
	-webkit-align-items: flex-start;
	align-items: flex-start;
}

.ui-box_vertical {
	-webkit-box-orient: vertical;
	-webkit-box-align: stretch;
	-webkit-align-items: stretch;
	align-items: stretch;
	flex-flow: column;
}


/*列表项的列*/

.ui-box>.ui-item {
	-webkit-box-align: center;
	flex-shrink: 0;
	align-content: center;
}

.ui-box.ui-box_vertical>.ui-item {
	align-self: stretch;
	overflow:auto;
}

.ui-self-h {
	align-self: flex-start;
}

.ui-self-f {
	align-self: flex-end;
}

.ui-self-c {
	align-self: center;
}


/*列表项的列占满*/

.ui-box>.ui-flex {
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	flex: 1;
}

.ui-box>.ui-item.ui-img-con {
	padding-right: 10px;
}

.ui-mr_n {
	margin-right: 8px;
}

.ui-ml_n {
	margin-left: 8px;
}

.ui-box-mr_n>.ui-item {
	margin-right: 8px;
}

.ui-mr_m,
.ui-box-mr_m>.ui-item {
	margin-right: 16px;
}

.ui-mr_s,
.ui-box-mr_s>.ui-item {
	margin-right: 24px;
}

.ui-ml_m,
.ui-box-ml_m>.ui-item {
	margin-left: 16px;
}

.ui-ml_s,
.ui-box-ml_s>.ui-item {
	margin-left: 24px;
}

.ui-box_space_s>.ui-item {
	padding: 6px;
}

.ui-box_space_m>.ui-item {
	padding: 12px;
}

.ui-box_space_l>.ui-item {
	padding: 18px;
}

.ui-box_xmp {
	padding: 0 6px;
}

.ui-box_xmp>.ui-item {
	padding-left: 6px;
	padding-right: 6px;
}



/*.ui-box_mp>.ui-item {
	padding-left: 8px;
	padding-right: 8px;
}

.ui-box_sp>.ui-item {
	padding-left: 12px;
	padding-right: 12px;
}

.ui-box_lp>.ui-item {
	padding-left: 16px;
	padding-right: 16px;
}*/

.ui-box_xlp>.ui-item {
	padding-left: 20px;
	padding-right: 20px;
}

.ui-box_xxlp>.ui-item {
	padding-left: 28px;
	padding-right: 28px;
}












.ui-box_sizing>.ui-item {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.ui-box_edge>.ui-item:first-child {
	padding-left: 0px;
}

.ui-box_edge>.ui-item:last-child {
	padding-right: 0px;
}

.ui-box_spacing>.ui-item {
	padding-left: 6px;
	padding-right: 6px;
}
.ui-box_spacing>.ui-item:first-child {
	padding-left: 0px;
}

.ui-box_spacing>.ui-item:last-child {
	padding-right: 0px;
}



.ui-box_mp {
	padding: 6px 6px;
}

.ui-box_mp>.ui-item {
	padding-left: 6px;
	padding-right: 6px;
}

.ui-box_cp {
	padding: 12px 6px;
}

.ui-box_cp-big {
	padding-top: 18px;
	padding-bottom: 18px;
}

.ui-box_cp>.ui-item {
	padding-left: 6px;
	padding-right: 6px;
}

.ui-box_lp {
	padding: 12px 12px;
}

.ui-box_lp>.ui-item {
	padding-left: 12px;
	padding-right: 12px;
}


/*页面标题*/

.ui-page-head {
	margin-bottom: 20px;
}

.ui-page-switch {
	border-bottom: 1px solid #E0E1E2;
}

.ui-page-sw {
	text-align: left;
	line-height: 40px;
	font-size: 16px;
}

.ui-page-sw>.ui-item {
	margin-bottom: -1px;
	border-bottom: 2px solid transparent;
}

.ui-page-sw>.ui-item .ui-link {
	color: #353535;
}

.ui-page-sw>.ui-item.on {
	border-bottom: 2px solid #1AAD19;
}

.ui-page-sw>.ui-item.on .ui-link {
	color: #44B549;
}

.ui-page-btns {
	line-height: 40px;
}

.ui-page-btns .ui-link {
	color: #9A9A9A;
}

.ui-page-btns .ui-link.on {
	color: #353535;
}

.ui-pagination {
	text-align: right;
	padding: 24px 32px;
	color: #9A9A9A;
}

.ui-pagination input {
	padding: 0 4px;
	width: 30px;
	height: 25px;
	vertical-align: middle;
	text-align: center;
	text-decoration: none;
	border-radius: 3px;
	font-size: 14px;
	cursor: pointer;
	border-width: 1px;
	border-style: solid;
	box-sizing: content-box;
	color: #666;
	border-color: #E4E8EB;
}

.ui-input{
	padding: 0 4px;
	width: 200px;
	height: 30px;
	vertical-align: middle;
	text-align: center;
	text-decoration: none;
	border-radius: 3px;
	font-size: 14px;
	cursor: pointer;
	border-width: 1px;
	border-style: solid;
	box-sizing: content-box;
	color: #666;
	border-color: #E4E8EB;
}
.ui-input_min{
	width: 60px;
	text-align: center;
}

.ui-pagination .ui-btn {
	font-size: 0;
	padding: 0 0px;
	line-height: 25px;
	min-width: 0px;
	width: 25px;
	height: 25px;
}

.ui-pagination .ui-btn.disabled {
	background-color: #F9F9F9;
	cursor: default;
	opacity: 0.7;
}

.ui-btn-ico_left {
	position: relative;
}

.ui-btn-ico_left:before {
	content: '';
	display: block;
	height: 0;
	width: 0;
	border-width: 5px;
	border-style: dashed;
	border-color: transparent;
	border-left-width: 0;
	border-right-color: #9A9A9A;
	border-right-style: solid;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
}

.ui-btn-ico_right {
	position: relative;
}

.ui-btn-ico_right:before {
	content: '';
	display: block;
	height: 0;
	width: 0;
	border-width: 5px;
	border-style: dashed;
	border-color: transparent;
	border-right-width: 0;
	border-left-color: #9A9A9A;
	border-left-style: solid;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
}


/*
.ui-pagination__nav .ui-btn:first-child:before {
    display: inline-block;
    width: 0;
    height: 0;
    border-width: 3px;
    border-style: dashed;
    border-color: transparent;
    border-left-width: 0;
    border-right-color: #9A9A9A;
    border-right-style: solid;
}*/

.ui-box .ui-ico-con {
	padding-right: 6px;
}

.ui-ico {
	display: inline-block;
	vertical-align: text-bottom;
	position: relative;
	width: 40px;
	height: 40px;
	line-height: 0;
	box-sizing: border-box;
	text-indent: -200%;
	overflow: hidden;
	background-repeat: no-repeat;
	background-position: center center;
	font-size: 0;
	margin: 0;
}

.ui-ico_mp {
	margin-right: 6px;
}

.ui-ico-round {
	border: 1px solid #E4E8EB;
	border-radius: 50%;
	overflow: hidden;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.ui-ico-mim {
	width: 23px;
	height: 23px;
}

.ui-ico_message {
	background-image: url("data:image/svg+xml;charset=utf8, %3Csvg width='22' height='20' viewBox='0 0 22 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%239A9A9A' fill-rule='evenodd'%3E%3Cpath d='M1 1h20a1 1 0 0 1 1 1v16a1 1 0 0 1-1 1H1a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1zm1 2v14h18V3H2z'/%3E%3Cpath d='M2 9.059L11 14l9-4.941V7l-9 4.941L2 7v2.059z'/%3E%3C/g%3E%3C/svg%3E");
	background-size: 22px 20px;
}

.ui-ico_home {
	background-image: url(../images/svg/menu_home.svg);
	background-size: 23px;
}

.ui-ico_menu {
	background-image: url(../images/svg/menu_function.svg);
	background-size: 23px;
}

.ui-ico_extend {
	background-image: url(../images/svg/menu_ad.svg);
	background-size: 23px;
}

.ui-ico_setting {
	background-image: url(../images/svg/menu_setup.svg);
	background-size: 23px;
}

.ui-ico_search {
	background-image: url(../images/svg/ico_search.svg);
	background-size: 16px;
}

.ui-img-ico {
	margin: 4px;
}

.ui-ico_msg {
	background-image: url("data:image/svg+xml;charset=utf8, %3Csvg width='16' height='19' viewBox='0 0 16 19' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle%3Enotification%3C/title%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='M5 17c.046.156 0 .325 0 1 0 .334 1.008 1 2 1h2c.982 0 2-.672 2-1 0-.676-.045-.844 0-1H5z' fill='%239A9A9A'/%3E%3Cpath d='M1.05 15h13.518a8.462 8.462 0 0 0-.172-.659 8.803 8.803 0 0 0-.832-1.934 6.74 6.74 0 0 0-.537-.783l-.219-.274V11l.004-5.088C13.04 3.358 10.75 1 7.808 1c-2.333 0-4.663 2.384-5 5.06v5.29l-.218.274a6.74 6.74 0 0 0-.537.784 8.801 8.801 0 0 0-.833 1.933 8.453 8.453 0 0 0-.17.659z' stroke='%239A9A9A' stroke-width='2'/%3E%3C/g%3E%3C/svg%3E");
	width: 16px;
	height: 19px;
}

.ui-img-xxn {
	width: 20px;
	height: 20px;
}

.ui-img-xn {
	width: 25px;
	height: 25px;
}

.ui-img-sn {
	width: 40px;
	height: 40px;
}

.ui-img-n {
	width: 60px;
	height: 60px;
}

.ui-img-s {
	width: 80px;
	height: 80px;
}

.ui-img-m {
	width: 100px;
	height: 100px;
}

.ui-img-l {
	width: 120px;
	height: 120px;
}

.ui-img-xl {
	width: 160px;
	height: 160px;
}

.ui-img-xxl {
	width: 200px;
	height: 200px;
}
.ui-img-sq{
	width: 100%;
}


/*正方形图片，调用：style='background-image: url("http:///img/gb.jpg");' */

.ui-img {
	position: relative;
	/*width: 100%;*/
	padding-top: 100%;
	height: 0;
	vertical-align: middle;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}

.ui-img-bg {
	background-color: #EEEEEE;
}


/*正方形比例显示图片，结合mode='aspectFill' 使用*/

.ui-con-square {
	padding-top: 100%;
}


/*5:3 长方形*/

.ui-con-rectangle {
	padding-top: 60%;
}


/*5:2长方形*/

.ui-con-breadth {
	padding-top: 40%;
}


/*4:3相片*/

.ui-con-photo {
	padding-top: 75%;
}

@keyframes loading {
	0% {
		transform: rotate(0);
	}
	50% {
		transform: rotate(180deg);
	}
	100% {
		transform: rotate(360deg);
	}
}

.ui-hint {
	display: block;
	text-align: center;
	color: #9A9A9A;
}

.ui-loading-ico {
	width: 14px;
	height: 14px;
	display: inline-block;
	border: 2px solid #aaa;
	border-left-color: #ddd;
	border-radius: 24px;
	vertical-align: middle;
	-webkit-animation: loading .6s linear .6s infinite;
	margin: 4px;
}

.ui-loading-ico.white {
	border-color: #DDDDDD;
	border-left-color: #FFFFFF;
}

.ui-link_def {
	color: #333;
}

.ui-link_gray {
	color: #999;
}

.ui-link_primary {
	color: #44b549;
}


/*主要颜色primary*/

.ui-cl {
	color: #353535;
}


/*次要颜色secondary*/

.ui-cs {
	color: #9A9A9A;
}


/*不重要颜色secondary*/

.ui-cm {
	color: #CCCCCC;
}

.ui-d {}

.ui-price,
.ui-color_price {
	color: #F43530 !important;
}

.ui-old-price,
.ui-color_oldprice {
	color: #9A9A9A !important;
	text-decoration: line-through;
	font-size: 12px;
}

.ui-price-txt {
	font-size: 28px;
}


/*颜色*/

.ui-color_primary {
	color: #1aad19;
}

.ui-color_warn {
	color: #eaa000;
}

.ui-color_default {
	color: #9a9a9a;
}

.ui-bg_primary {
	background-color: rgba(26, 173, 25, 0.8) !important;
}

.ui-bg_warn {
	background-color: rgba(243, 160, 0, 0.8) !important;
}

.ui-bg_default {
	background-color: rgba(154, 154, 154, 0.8) !important;
}

.ui-block {
	display: block;
}

.ui-inline {
	display: inline-block;
	vertical-align: middle;
}

.ui-text-center {
	text-align: center;
}

.con-msg {
	text-align: center;
}

.con-msg a {
	text-align: center;
	color: #353535;
	padding-top: 16px;
}

.con-msg a:hover {
	text-align: center;
	color: #44B549;
}


/*primary、warning、danger、success、royal*/


/*secondary low*/

.ui-title {
	font-size: 16px;
	color: #353535;
}

.ui-text {
	font-size: 14px;
	color: #9A9A9A;
}

.ui-desc {
	font-size: 14px;
	color: #CCCCCC;
}

.ui-title-small {
	font-size: 12px;
	color: #353535;
}

.ui-title-large {
	font-size: 14px;
	color: #353535;
}

.ui-title-max {
	font-size: 16px;
	color: #353535;
}

.ui-title-key {
	font-size: 18px;
	color: #353535;
}

.ui-text-mini {
	font-size: 8px;
	color: #9A9A9A;
}

.ui-text-small {
	font-size: 12px;
	color: #9A9A9A;
}

.ui-text-large {
	font-size: 14px;
	color: #9A9A9A;
}

.ui-text-max {
	font-size: 16px;
	color: #9A9A9A;
}

.ui-title-number {
	font-size: 24px;
	color: #353535;
}

.ui-text-bold {
	font-weight: bold;
}


/*文字超过三行隐藏*/

.ui-text-ellipsis {
	display: -webkit-box;
	overflow: hidden;
	white-space: normal;
	text-overflow: ellipsis;
	word-wrap: break-word;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	
	
}

.ui-text-ellipsis.line_1 {
	-webkit-line-clamp: 1;
}

.ui-text-ellipsis.line_2 {
	-webkit-line-clamp: 2;
}

.ui-text-ellipsis.line_3 {
	-webkit-line-clamp: 3;
}

.ui-text-ellipsis.line_4 {
	-webkit-line-clamp: 4;
}

.ui-tree-top {}

.ui-tree.ui-tree-top>.ui-item {
	position: relative;
}

.ui-tree-top .ui-link {
	vertical-align: middle;
}

.ui-tree-top .ui-link:hover {
	text-decoration: none;
	background-color: rgba(0, 0, 0, 0.03);
}

.ui-tree.ui-tree-top>.ui-item:before {
	content: " ";
	position: absolute;
	bottom: 0;
	left: 93px;
	width: 43%;
	border-top: 1px solid #E4E8EB;
}

.ui-tree.ui-tree-top>.ui-item:last-child:before {
	display: none;
}

.ui-tree.ui-tree-top>.ui-item>.ui-link {
	font-size: 18px;
	line-height: 50px;
	padding-left: 60px;
	position: relative;
	display: block;
}

.ui-tree-top .ui-ico {
	margin-right: 10px;
}

.ui-tree {
	display: block;
}

.ui-tree>.ui-item {
	padding: 8px 0;
}

.ui-tree>.ui-item>.ui-link {
	color: #333333;
	display: block;
	line-height: 36px;
	padding-left: 93px;
	padding-right: 20px;
}

.ui-tree>.ui-item>.ui-link.on {
	color: #1AAD19;
}

.new {
	display: inline-block;
	padding: 2px 6px;
	min-width: 8px;
	border-radius: 18px;
	background-color: #F25721;
	color: #FFFFFF;
	line-height: 1;
	text-align: center;
	vertical-align: middle;
	margin: 0 5px;
	font-size: 8px !important;
}

.ui-page-title {
	font-size: 26px;
	font-weight: 400;
	line-height: 1;
	margin-bottom: 20px;
}

.ui-view {}

.ui-search-con {
	position: relative;
	width: 243px;
	display: inline-block;
	vertical-align: middle;
}

.ui-search-btn {
	position: absolute;
	right: 0;
	font-size: 14px;
	top: 1px;
	width: 50px;
	text-align: center;
	display: block;
	height: 36px;
	line-height: 36px;
}

.ui-search-input {
	display: block;
	width: 100%;
	padding: 0em 10px;
	box-sizing: border-box;
	background: #FFFFFF;
	border: 1px solid #E4E8EB;
	border-radius: 3px;
	font-size: 14px;
	line-height: 1.2;
	height: 36px;
	padding-right: 50px;
}

.ui-panel {
	padding: 24px 40px;
	margin-bottom: 30px;
	background-color: #FFFFFF;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.05);
}

.ui-panel-auto {
	max-width: 900px;
	margin: 0 auto;
}

.ui-panel-head {
	padding-bottom: 24px;
	border-bottom: 1px solid #EEEEEA;
	margin-bottom: 30px;
}

.con-item {}

.con-item:hover {
	background-color: #F6F8F9;
	transition: background .3s;
}

.item-link:hover {
	cursor: pointer;
}

.ui-btn_extend {
	position: relative;
	min-width: 10px;
	line-height: 2.42857143;
	font-size: 14px;
	padding: 0 12px;
}

.ui-btn_extend:after {
	content: ' ';
	display: block;
	height: 0;
	width: 0;
	border-style: solid;
	border-width: 5px;
	border-bottom: none;
	border-color: #fff transparent transparent;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	padding-top: 0px;
}

@media only screen and (max-width: 1280px) {}

@media only screen and (max-width: 1024px) {}

@media only screen and (max-width: 800px) {
	.head-user-info {
		display: none;
	}
}

@media only screen and (max-width: 640px) {}

@media only screen and (max-width: 480px) {}

@media only screen and (max-width: 320px) {}

.ui-table {
	width: 100%;
	border-collapse: collapse;
	text-align: left;
	border: none;
}

.ui-table th,
.ui-table td {
	padding: 18.8px 10px;
	word-break: break-all;
}

.ui-table th:last-child,
.ui-table td:last-child {
	padding-right: 20px;
	text-align: right;
}

.ui-table th:last-child .ui-link,
.ui-table td:last-child .ui-link {
	display: inline-block;
	vertical-align: middle;
	margin-right: 0;
	margin-left: 14px;
}

.ui-table th:last-child .ui-link:first-child,
.ui-table td:last-child .ui-link:first-child {
	margin-left: 0;
}

.ui-table th {
	font-weight: 400;
}

.ui-table th.ui-th__dropdown__wrp {
	padding: 0;
}

.ui-table td {
	border-bottom: 1px solid #E4E8EB;
}

.ui-table td:first-child {
	padding-left: 20px;
	text-align: left;
}

.ui-table td[loading="true"],
.ui-table td[empty="true"] {
	color: #9A9A9A;
	text-align: center;
	padding: 65px 0;
}

.ui-table tr:first-child th:first-child {
	padding-left: 20px;
	text-align: left;
}

.ui-table thead {
	background-color: #F6F8F9;
	color: #9A9A9A;
}

.ui-table__opr {
	padding-bottom: 20px;
	border-bottom: 1px solid #E4E8EB;
}

.ui-table-item {
	background-color: #F0F0F0;
}

.ui-table.simple_data td {
	height: 52px;
	padding-top: 12px;
	padding-bottom: 12px;
}

.article_choose {
	width: 60px;
}

.article_time {
	width: 100px;
}

.article_num {
	width: 100px;
}

.article_opr {
	width: 180px;
}

.article_desc {
	width: 180px;
}


/*.ui-form_controls{
	background-color: red;
}
*/

.ui-form-item {
	padding-bottom: 25px;
}

.ui-form_desc {
	padding-bottom: 40px;
}

.ui-form_lable {
	width: 140px;
	line-height: 40px;
}

.ui-form_opt {
	line-height: 40px;
}

.ui-form_input_con {}

.ui-form_input_item {
	display: inline-block;
	margin-right: 20px;
	min-height: 40px;
	vertical-align: middle;
	/*padding: 7.5px;*/
	margin-bottom: 10px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.ui-form_input,
.ui-form_textarea {
	display: inline-block;
	position: relative;
	vertical-align: middle;
	width: 500px;
	/*    max-width: 500px;*/
	font-size: 0px;
	padding: 0 10px;
	border: 1px solid #e7e7eb;
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	background-color: #fff;
	outline: 0;
	min-height: 40px;
	line-height: 25px;
	font-size: 14px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.ui-form_input_mini{
	width: 150px;
}

.ui-form_msg {
	padding-top: 4px;
	color: #e15f63
}

.frm_msg.success {
	color: #7fba4f
}

.frm_msg.fail {
	color: #e15f63
}

.ui-form_tips {
	padding-top: 4px;
	max-width: 500px;
	color: #9A9A9A;
}

.ui-form_sub {
	margin-top: 15px;
	display: block;
	border-top: 1px solid #e7e7eb;
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	text-align: center;
	padding-bottom: 50px;
	padding-top: 20px;
}

.ui-edior {
	max-height: 250px;
	height: 250px;
	background-color: white;
	border-collapse: separate;
	border: 1px solid rgb(204, 204, 204);
	padding: 4px;
	box-sizing: content-box;
	-webkit-box-shadow: rgba(0, 0, 0, 0.01) 0px 1px 1px 0px inset;
	box-shadow: rgba(0, 0, 0, 0.01) 0px 1px 1px 0px inset;
	border-radius: 3px;
	/*overflow: scroll;*/
	overflow: auto;
	outline: none;
}

.ui-edior::-webkit-scrollbar,
.ui-scroll::-webkit-scrollbar {
	width: 10px;
	height: 10px;
}

.ui-edior::-webkit-scrollbar-track,
.ui-edior::-webkit-scrollbar-thumb,
.ui-scroll::-webkit-scrollbar-track,
.ui-scroll::-webkit-scrollbar-thumb {
	border-radius: 999px;
	border: 3px solid transparent;
}

.ui-edior::-webkit-scrollbar-track,
.ui-scroll::-webkit-scrollbar-track {
	box-shadow: 1px 1px 5px rgba(0, 0, 0, .2) inset;
}

.ui-edior::-webkit-scrollbar-thumb,
.ui-scroll::-webkit-scrollbar-thumb {
	min-height: 20px;
	background-clip: content-box;
	box-shadow: 0 0 0 5px rgba(0, 0, 0, 0.3) inset;
}

.ui-edior::-webkit-scrollbar-corner,
.ui-scroll::-webkit-scrollbar-corner {
	background: transparent;
}

div[data-role="editor-toolbar"] {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.ui-process {
	position: relative;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-lines: multiple;
	-webkit-box-orient: horizontal;
	flex-wrap: wrap;
}

.ui-process>.ui-item {
	-webkit-box-align: center;
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	flex: 1;
}

.ui-process .ui-process-text {
	line-height: 36px;
	background-color: #EEEEEA;
	display: block;
	position: relative;
	padding: 0 40px;
	color: #9A9A9A;
	text-align: center;
}

.ui-process-text.on {
	background-color: #1AAD19;
	color: #FFFFFF;
}

.ui-process-text.on:before {
	border-color: #1AAD19 #1AAD19 #1AAD19 #fff;
}

.ui-process-text.on:after {
	border-color: #fff #fff #fff #1AAD19;
}

.ui-process>.ui-item:first-child .ui-process-text:before {
	display: none;
}

.ui-process>.ui-item:last-child .ui-process-text:after {
	display: none;
}

.ui-process-text:before {
	content: ' ';
	display: block;
	height: 0;
	width: 0;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	border-color: #EEEEEA #EEEEEA #EEEEEA #fff;
	border-width: 18px 18px 18px 18px;
	border-style: solid;
}

.ui-process-text:after {
	content: ' ';
	display: block;
	height: 0;
	width: 0;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	margin: auto;
	border-color: #fff #fff #fff #EEEEEA;
	border-width: 18px 0 18px 18px;
	border-style: solid;
}

.ui-relative {
	position: relative;
}

.ui-ico-new {
	width: 15px;
	height: 15px;
	text-align: center;
	font-size: 0px;
	display: block;
	background-color: #F25721;
	color: #FFFFFF;
	border-radius: 50%;
	position: absolute;
	top: -5px;
	right: -5px;
	cursor: pointer;
	display: inline-block;
	vertical-align: middle;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	color: #FFFFFF;
}

.ui-ico-new_msg {
	width: 18px;
	height: 18px;
	line-height: 18px;
	font-size: 8px;
	-webkit-text-size-adjust: none;
}

.ui-ico-new_mini {
	width: 8px;
	height: 8px;
	top: -2px;
	right: -2px;
}

.ui-ico-del {
	width: 15px;
	height: 15px;
	text-align: center;
	font-size: 0px;
	display: block;
	background-color: #F25721;
	color: #FFFFFF;
	border-radius: 50%;
	position: absolute;
	top: -5px;
	right: -5px;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.ui-ico-del:before,
.ui-ico-del:after {
	content: '';
	height: 2px;
	display: block;
	background: #FFFFFF;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	position: absolute;
	top: 0;
	left: 3px;
	right: 3px;
	bottom: 0;
	margin: auto;
	text-align: center;
	font-size: 0;
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
}

.ui-ico-del:after {
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
}

.ui-detail-con {
	display: block;
	text-align: center;
}

.ui-detail-img {
	max-width: 500px;
	/*max-height: 1000px;*/
	width: 100%;
}

.btn-toolbar {
	padding: 5px 0;
}

.btn-group {
	position: relative;
	display: inline-block;
	font-size: 0;
	vertical-align: middle;
	white-space: nowrap;
	border: 1px solid #CCCCCC;
	border-radius: 3px;
	overflow: hidden;
}

.btn {
	display: inline-block;
	padding: 4px 12px;
	margin-bottom: 0;
	font-size: 14px;
	line-height: 20px;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
	color: #333333;
}

.btn:hover {
	opacity: 0.9;
}

.btn:active {
	background-color: #DDDDDD;
}

.btn-info {
	color: #ffffff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #49afcd;
}

.ui-line>li {
	border-bottom: 1px solid #EEEEEA;
}

.ui-line-lm {}

.ui-editor {
	max-width: 800px;
}


/*进度条*/

.ui-progress {
	background: rgba(0, 0, 0, .1);
	border-radius: 4px;
	width: 200px;
	overflow: hidden;
	display: inline-block;
	vertical-align: middle;
}

.ui-progress-bar.begin {
	width: 0%;
}

.ui-progress-bar.end {
	width: 100%;
}

.ui-progress-bar {
	width: 0%;
	background-color: #1AAD19;
	position: relative;
	height: 5px;
	border-radius: 4px;
	-webkit-transition: .4s linear;
	-moz-transition: .4s linear;
	-o-transition: .4s linear;
	transition: .4s linear;
	-webkit-transition-property: width, background-color;
	-moz-transition-property: width, background-color;
	-o-transition-property: width, background-color;
	transition-property: width, background-color;
}

.ui-progress-bar.active {
	animation: reverse progress-bar-stripes 0.40s linear infinite, animate-positive 2s;
	background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
	background-size: 20px 20px;
}

@keyframes progress-bar-stripes {
	from {
		background-position: 20px 0
	}
	to {
		background-position: 0 0
	}
}


/*end 进度条*/


/*提示信息*/

.ui-page-msg {
	background: #eff1f3;
	line-height: 32px;
	border-radius: 4px;
	margin-bottom: 10px;
}

.ui-icon {
	width: 40px;
	height: 40px;
	vertical-align: middle;
	display: inline-block;
	text-indent: 100%;
	overflow: hidden;
}

.ui-icon-m {
	width: 18px;
	height: 18px;
	vertical-align: text-bottom;
	display: inline-block;
	text-indent: 100%;
	overflow: hidden;
}

.ui-icon-xxl {
	width: 80px;
	height: 80px;
	vertical-align: text-bottom;
	display: inline-block;
	text-indent: 100%;
	overflow: hidden;
}


/*公共图标*/

.icon_info {
	background: url(../images/ico/caution.png) no-repeat;
	background-size: 100% 100%;
}

.icon_success {
	background: url(../images/ico/success.png) no-repeat;
	background-size: 100% 100%;
}

.icon_error {
	background: url(../images/ico/caution.png) no-repeat;
	background-size: 100% 100%;
}

.icon_close {
	background: url(../images/ico/close.png) no-repeat;
	background-size: 100% 100%;
}


/*end公共图标*/


/*关闭图标*/

.ui-close {
	position: relative;
}

.ui-close::before,
.ui-close::after {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	width: 100%;
	height: 2px;
	left: 0;
	right: 0;
	margin: auto;
	background-color: #9A9A9A;
}

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

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


/*end关闭图标*/


/****修改默认的富文本框****/

.w-e-toolbar {
	background-color: #F8F8F8 !important;
	border: 1px solid #e7e7eb !important;
}

.w-e-text-container {
	border: 1px solid #e7e7eb !important;
	margin-top: -1px !important;
}

.w-e-text {
	overflow-y: auto !important;
}

.w-e-text::-webkit-scrollbar {
	width: 10px;
	height: 10px;
}

.w-e-text::-webkit-scrollbar-track,
.w-e-text::-webkit-scrollbar-thumb {
	border-radius: 999px;
	border: 3px solid transparent;
}

.w-e-text::-webkit-scrollbar-track {
	box-shadow: 1px 1px 5px rgba(0, 0, 0, .2) inset;
}

.w-e-text::-webkit-scrollbar-thumb {
	min-height: 20px;
	background-clip: content-box;
	box-shadow: 0 0 0 5px rgba(0, 0, 0, 0.5) inset;
}

.w-e-text::-webkit-scrollbar-corner {
	background: transparent;
}


/*end 弹出层*/


/*状态控件*/

.state-box .box-state,
.state-box .box-state-item {
	display: none;
}


/*.state-box .box-*-state{
	display: none;
	background-color: red;
}*/


/*end 状态控件*/


/*块容器*/

.ration-con {
	width: 40px;
	text-align: right;
	display: inline-block;
	vertical-align: middle;
}


/*end块容器*/

.ui-cont-block {
	padding: 100px 100px;
	text-align: center;
}

.ui-meta {
	text-align: left;
}

.ui-desc {
	color: #9a9a9a;
}

.ui-list-ico {
	display: inline-block;
	vertical-align: middle;
	width: 6px;
	height: 35px;
	background-color: #008800;
	margin-top: 15px;
	margin-bottom: 15px;
}


/*表*/

.ui-grids {
	overflow: hidden;
	padding: 0px 6px;
	display: block;
}

.ui-grids_unpadding {
	padding: 0px 0px;
}

.ui-grids_frame {
	padding: 1px 0 0 1px;
}

.ui-grids_pb {
	padding: 6px;
}

.ui-grid {
	position: relative;
	float: left;
	padding: 6px 6px;
	width: 33.33333333%;
	box-sizing: border-box;
}

.ui-grids_frame>.ui-grid {
	border: 1px solid #EEEEEA;
	margin-left: -1px;
	margin-top: -1px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.ui-grids_col1>.ui-grid {
	width: 100%;
}

.ui-grids_col2>.ui-grid {
	width: 50%;
}

.ui-grids_col3>.ui-grid {
	width: 33.33333333%;
}

.ui-grids_col4>.ui-grid {
	width: 25%;
}

.ui-grids_col5>.ui-grid {
	width: 20%;
}


/* .ui-grids>.ui-grid:last-child:before{
  display: none;
} */

.ui-grids-title {
	display: block;
	padding: 20rpx;
	color: #9a9a9a;
}

.ui-grid-opt {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	background-color: rgba(0, 0, 0, .5);
	padding: 10px;
	display: none;
}

.ui-grid-optcon {
	width: 30px;
	height: 30px;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	margin: auto;
}

.ui-grids_opt .ui-grid:hover .ui-grid-opt {
	display: block;
}


/*.ui-grid-del{
	position: absolute;
	right: 0;
	top: 0;
	display: none;
}
.ui-grids_opt .ui-grid:hover .ui-grid-del{
	display: block;
}*/

.ui-grids_line {
	position: relative;
}

.ui-grids_line>.ui-grid {
	position: relative;
}

.ui-grids_line>.ui-grid:before {
	content: '';
	position: absolute;
	right: 0;
	height: 1px;
	left: 0;
	bottom: 0;
	background: #BBBBBB;
	transform: scaleY(0.25);
	transform-origin: 0 100%;
	z-index: 1;
}

.ui-grids_line>.ui-grid:after {
	content: '';
	position: absolute;
	width: 1px;
	top: 0;
	bottom: 0;
	right: 0;
	background: #DDDDDD;
	transform: scaleX(0.25);
	transform-origin: 100% 0;
	z-index: 1;
}

.ui-grids_item>.ui-grid {
	padding: 40rpx 0;
}

.ui-grids_item>.ui-grid:active {
	background-color: #F4F4F4;
}

.ui-grid-ico {
	width: 50%;
	margin: 0 auto;
}

.ui-grid-txt {
	padding: 20rpx 20rpx 0;
	line-height: 1;
	text-align: center;
	display: block;
	color: #9a9a9a;
}

.ui-grid-new {
	position: absolute;
	right: 20rpx;
	top: 20rpx;
	width: 35rpx;
	height: 35rpx;
	line-height: 35rpx;
	text-align: center;
	font-size: 20rpx;
	border-radius: 100%;
	color: #FFFFFF;
	background-color: #ff6700;
	box-sizing: border-box;
	overflow: hidden;
}

.ui-new {
	/* width: 35rpx; */
	/* height: 35rpx; */
	line-height: 1;
	padding: 5rpx 15rpx;
	text-align: center;
	font-size: 20rpx;
	border-radius: 20rpx;
	color: #FFFFFF;
	background-color: #ff6700;
	box-sizing: border-box;
	overflow: hidden;
}

.ui-grid-more {
	width: 15rpx;
	height: 15rpx;
	display: block;
	position: absolute;
	right: 20rpx;
	top: 20rpx;
	border-radius: 50%;
	background-color: #ff6700;
}

.ui-grid-del {
	width: 18px;
	height: 18px;
	display: block;
	position: absolute;
	right: -0px;
	top: -0px;
}

.ui-grid-del_m {
	width: 26px;
	height: 26px;
}

.ui-info {
	position: relative;
	position: relative;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	align-items: center;
	align-content: center;
	justify-content: center;
	-webkit-box-lines: single;
	-webkit-box-orient: horizontal;
	flex-wrap: nowrap;
	text-align: left;
}

.ui-info_vertical {
	position: relative;
	-webkit-box-orient: vertical;
	-webkit-box-align: stretch;
	-webkit-align-items: stretch;
	align-items: stretch;
	flex-flow: column;
	text-align: center;
}

.ui-info>.ui-info-ico {
	flex-shrink: 0;
	/*background-color: #F0AD4E;*/
	padding: 6px;
}

.ui-info>.ui-info-area {
	flex-shrink: 0;
}

.ui-info>.ui-info-con {
	flex-shrink: 1;
	/*background-color: #000066;*/
	padding: 6px;
}

.ui-info .ui-info-img {
	width: 60px;
	height: 60px;
}

.ui-info.ui-info_vertical .ui-info-img {
	margin: 20px;
}

.ui-info .ui-info-img {
	width: 60px;
	height: 60px;
}

.ui-info .ui-info-img.ui-info-img_max {
	width: 120px;
	height: 120px;
}

.ui-info .ui-info-title {
	/*color: #FFFFFF;*/
	font-size: 18px;
	line-height: 1.5;
}

.ui-info .ui-info-text {
	/*color: #FFFFFA;*/
	font-size: 14px;
	line-height: 1.3em;
	height: 2.6em;
	overflow: hidden;
}

.head-nav {
	font-size: 16px;
}

.head-nav-con {}

.head-nav-con>.ui-item.on {
	position: relative;
	line-height: 80px;
}

.head-nav-con>.ui-item.on:before {
	content: '';
	position: absolute;
	bottom: 0px;
	left: 25px;
	right: 25px;
	height: 3px;
	background-color: #1AAD19;
}

.ui-ico-add {
	/*height: 80px;
	width: 80px;*/
	display: inline-block;
	vertical-align: bottom;
	position: relative;
	font-size: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	font-size: 60px;
	width: 60px;
	height: 60px;
	line-height: 1;
	text-align: center;
}

.ui-ico-add:before {
	content: "+";
	color: #999;
	line-height: 1;
	display: block;
	text-align: center;
	font-size: 60px;
}

.ui-checklist {
	display: block;
}

.ui-checklist>.ui-item {
	padding: 20px 12px;
	background-color: #F5F5F5;
	margin-bottom: 2px;
}


/*.ui-width-s{
	text-align: right;
}*/

.ui-tl {
	text-align: left;
}

.ui-tr {
	text-align: right;
}

.ui-tc {
	text-align: center;
}

.ui-width-s {
	width: 100px;
}

.ui-width-m {
	width: 150px;
}

.ui-width-l {
	width: 150px;
}

.ui-area-item {
	margin-bottom: 15px;
}

.ui-area-item>.ui-area-title {
	color: #909090;
	padding: 10px 0 5px;
}

.ui-area-item>.ui-area-cont {
	color: #909090;
	background: #F5F5F5;
	/*padding: 12px;*/
	border-radius: 3px;
}

.ui-area-nodata {
	color: #909090;
	line-height: 53px;
	text-align: center;
	padding: 12px 6px;
}

.ui-no {
	width: 10px;
	height: 10px;
	background-color: #CCCCCC;
	border-radius: 10px;
	display: inline-block;
	vertical-align: middle;
}

.ui-sleitem {
	border: 1px solid #DDDDDD;
	/*padding:6px 12px;*/
	width: 500px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.ui-phoneview {
	height: 500px;
	overflow: hidden;
	border-bottom: 1px solid #e3e4e6;
}

.ui-phone {
	position: relative;
	box-sizing: border-box;
	font-size: 14px;
	width: 324px;
	height: 614px;
	background: #fafbfc;
	background-image: linear-gradient(-180deg, #fff 1%, rgba(250, 251, 252, 0));
	box-shadow: inset 0 0 0 2px #e3e4e6;
	border-radius: 20px;
	padding: 40px 12px;
	margin: 0 auto;
}

.ui-phone_m{
	width: 375px;
	height: 747px;
}
.ui-phone-con {
	height: 100%;
	border: 1px solid #e3e4e6;
	position: relative;
}


.ui-phone-img {
	width: 100%;
	height: 100%;
}

.ui-phone-con:hover .ui-phone-code {
	visibility: visible;
	opacity: 1;
}

.ui-phone-code {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background-color: rgba(255, 255, 255, 0.8);
	text-align: center;
	padding: 100px 12px;
	visibility: hidden;
	transition: all 0.3s;
	opacity: 0;
}

.ui-content-con {
	padding: 40px 100px;
}

.info-wrapper {
	height: 400px;
	max-height: 600px;
	min-height: 400px;
}

.info-menu {
	width: 180px;
	height: 100%;
	background-color: #F8F8F8;
	border: 1px solid #EEEEEA;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin-left: 10px;
}

.info-main {
	height: 100%;
	background-color: #F8F8F8;
	border: 1px solid #EEEEEA;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.info-main-cont {
	overflow: auto;
}

.info-menu-cont {
	overflow: auto;
}

.info-main-head {
	height: 50px;
	background-color: #FFFFFA;
	border-bottom: 1px solid #EEEEEA;
}

.info-main-head h3 {
	font-size: 16px;
	line-height: 50px;
	padding: 0px 20px;
	color: #353535;
}

.ui-cont-title{
	padding: 6px 12px;
	font-size: 14px;
	color: #9A9A9A;
}



.ui-sle-lead{
	width: 2em;
	text-align: left;
	color: #9A9A9A;
}







.ui-ico-opt{
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color:transparent;
  margin: 6px 12px;
  display: inline-block;
  vertical-align: middle;
}


.ui-ico-opt::before{
  content: '';
  position: absolute;
  left: -8px;
}
.ui-ico-opt::after{
  content: '';
  position: absolute;
  right: -8px;
}
.ui-ico-opt,.ui-ico-opt::before,.ui-ico-opt::after{
  width: 4px;
  height: 4px;
  border-radius: 20px;
  display: inline-block;
  vertical-align: middle;
  background-color: #9a9a9a;
}
.ui-ico-opt{
  width: 6px;
  height: 6px;
}

.ui-ico-opt::before,.ui-ico-opt::after{
  top: 0;
  bottom: 0;
  margin: auto;
}

.ui-ico-opt_black,.ui-ico-opt_black::before,.ui-ico-opt_black::after{
   background-color: #9a9a9a;
}
.ui-ico-opt_white,.ui-ico-opt_white::before,.ui-ico-opt_white::after{
   background-color: #f8f8f8;
}


.ui-item-lab{
	width: 6em;
	color: #9a9a9a;
}