.er-pop-robotbody,
html {
	padding: 0;
	margin: 0;
}

html {
	font-size: 12px;
}

button,
input,
select,
textarea {
	outline: none;
	font-family: Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB, Microsoft YaHei, SimSun, sans-serif;
}

body {
	font-family: Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB, Microsoft YaHei, SimSun, sans-serif;
}

ol,
ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.clearfix::before,
.clearfix::after {
	content: " ";
	display: block;
}

.clearfix::after {
	clear: both;
}

.clearfix {
	clear: both;
}

.clear {
	clear: both;
	font-size: 0;
	height: 0;
	overflow: hidden;
}

@media only screen and (max-width:480px) {
	/*分辨率小于320的默认字体大小为10.5px（iphone4s）*/
	html,
	input,
	select,
	button {
		font-size: 10.5px;
	}
}

@media only screen and (orientation:landscape) and (max-width:480px) {
	html,
	input,
	select,
	button {
		font-size: 10.5px;
	}
}

a:link {
	/*color: #555;*/
	text-decoration: none;
}


/*a:visited {
	color: #555;
}*/

a:hover,
a:focus {
	/*color: #007AD5!important;
	text-decoration: underline;*/
	/*color: #007AD5;*/
}

a:focus {
	outline: 5px auto -webkit-focus-ring-color;
	outline-offset: -2px;
}
/*去除移动端a标签点击的蓝色阴影*/
a,a:hover,a:active,a:visited,a:link,a:focus{
  -webkit-tap-highlight-color:rgba(0,0,0,0);
  -webkit-tap-highlight-color: transparent;
  outline:none;
/*  background: none;注销,影响省上列表样式里面3种模式图切换图标不显示*/
  text-decoration: none;
}

.er-wrap {
	position: relative;
}

.er-news-list {
	font-size: 1rem;
	/*overflow: hidden;*/
	/*当列表中有浮动层时会导致显示不全*/
	line-height: 0;
	/*避免行之前的间隙*/
}


/*@media only screen and (max-width:768px ) {
	.er-news-list{
		font-size:0.8rem;
	}
}*/

.er-news-list .addition {
	padding-top: 0.5em;
	color: #555;
	font-size: 1.1em;
}

.er-news-list .addition em {
	font-style: normal;
}

.er-news-list .addition .fa {
	min-width: 1em;
	text-align: right;
}

.er-news-list .addition>span {
	margin-right: 1em;
}

.er-news-list-texts {
	width: 100%;
	overflow: hidden;
}

.er-news-list-texts .list span,
.er-news-list-texts .list a {
	display: inline-block;
}
.er-news-list-texts .list span.type{color: #999;}
.er-news-list-texts-ul .list {
	border-bottom: dashed 1px #ccc;
	line-height: 2em;
	display: inline-block;
}

.er-news-list-texts-ul .list-visibility {
	visibility: hidden;
}

.er-news-list-con {
	padding: 1em 0;
}

.er-news-list-slide .er-news-list-con {
	padding: 0;
}

.er-news-list-slide .er-news-list-box-title .news {
	padding-top: 0;
}

.er-news-list-con:after {
	content: "";
	display: block;
	height: 0;
	clear: both;
}

.er-news-list-texts-ul .list:last-child {
	border-bottom: dashed 0px #ccc;
}

.er-news-list-texts-ul .list a {
	display: inline-block;
	cursor: pointer;
	color: inherit;
}

.er-news-list-texts-ul .list .text {
	font-size: 1.2em;
	display: block;
	overflow: hidden;
	padding-left: 1em;
	text-overflow: ellipsis;
}

.er-news-list-texts .list .textright2 {
	font-size: 1.1em;
	float: right;
	margin-left: 1em;
	padding-right: 1em;
	color: #555;
}

.er-news-list-texts .list .fa {
	color: #aaa;
}

.er-news-list .el-pagination {
	padding-top: 3em;
	padding-bottom: 3em;
	text-align: center;
}

.er-news-list-box {
	overflow: hidden;
	border-bottom: 1px dashed #ccc;
	display: inline-block;
}

.er-news-list-box:last-child {
	border-bottom: 0;
}

.er-news-list-box.list-visibility {
	visibility: hidden;
}

.er-news-list-box .pic {
	padding-bottom: 0.5em;
}

.er-news-list-box .pic-ratio {
	position: relative;
}

.er-news-list-box .pic-con {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}


.er-news-list-box .pic-con>* {
	display: block;
	width: 100%;
	height: 100%;
}

.er-news-list-box .pic-con img {
	width: 100%;
	height: 100%;
	position: absolute;
	max-height: initial;
	max-width: initial;
}

.er-news-list-box-title {
	width: auto;
	overflow: hidden;
	line-height: 2em;
	padding: 0 1em;
}

.er-news-list-box-title span,
.er-news-list-box-title a {
	display: inline-block;
}

.er-news-list-box-title .title .textright {
	float: right;
	font-size: 1.1em;
	font-weight: normal;
	margin-left: 1em;
	color: #555;
}

.er-news-list-box-title .title .textleft a {
	font-weight: bold;
	color: inherit;
}


.er-news-list-box-title .title .textleft {
	display: block;
	overflow: hidden;
	font-size: 1.4em;
}

.er-news-list-box-title .news {
	font-size: 1.2em;
	line-height: 1.8em;
	padding-top: 0.5em;
	color: #555;
}

.er-news-list-box-title .news em {
	font-style: normal;
}

.er-news-list-box-title .news a {
	display: inline-block;
}

.er-news-list-box-photo {
	float: left;
	border: 1px solid #ccc;
	padding: 4px;
	margin-left: 1em;
}

.er-news-list-box-photo .tu {
	width: 100px;
	position: relative;
}

.er-news-list-box-photo .tu-con {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.er-news-list-box-photo .tu_ratio {
	display: inline-block;
	line-height: 0;
	text-align: center;
	vertical-align: middle;
	width: 100%;
	padding-top: 100%;
}

.er-news-list-box-photo .minMax {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	transition: transform 1s ease 0s;
}

.er-news-list-Line {
	display: inline-block;
}

.er-news-list-Line .er-news-list-con {
	padding: 0;
}

.articleCalendar {
	display: inline-block;
	vertical-align: top;
	text-align: right;
	width: auto;
	float: left;
}

.articleCalendar .er-news-listDate {
  display: inline-block;
  font-size: 1.4em;
  padding-right: 10px;
  margin-top: 15px;
  color: #555;
}

.er-news-listLineBody {
	position: relative;
	overflow: hidden;
	padding-left: 1em;
}

.er-news-listLineBody .articleCircleOuter {
	background: #f4f4f4;
	border-radius: 50%;
	display: inline-block;
	height: 18px;
	width: 18px;
	position: absolute;
	vertical-align: top;
	z-index: 1;
	left: 0.25em;
	top: 5px;
}

.er-news-listLineBody .articleCircle {
	background: #bababa;
	border-radius: 50%;
	height: 12px;
	width: 12px;
	left: 3px;
	position: absolute;
	top: 3px;
	z-index: 2;
}

.articleTitlePanel {
	padding-left: 1.6em;
	display: block;
	line-height: 2em;
	border-left: 1px solid #ccc;
	padding-bottom: 2em;
}

.articleTitlePanel .articleTitlePanel-title {
	font-size: 1.4em;
	font-weight: bold;
	color:#333;
}
.articleTitlePanel .articleTitlePanel-title a{color:inherit;}
.articleTitlePanel .articleTitlePanel-title a img{vertical-align: text-top;}
.articleTitlePanel .articleTitlePanel-con {
	font-size: 1.2em;
	padding-top: 0.5em;
	color: #555;
}

.articleTitlePanel_nodate {
	border-left: 0;
	padding-left: 0;
}

.er-news-list-box-photo .time {
	width: 90px;
	background: #f2f2f2;
	position: relative;
}

.er-news-list-box-photo .time .bili {
	display: inline-block;
	width: 100%;
	padding-top: 100%;
	line-height: 0;
	vertical-align: middle;
	text-align: center;
}

.er-news-list-box-photo .time .bili .tt {
	position: absolute;
	left: 0;
	top: 20%;
	width: 100%;
	height: 100%;
	line-height: 1.6em;
	color: #555;
}

.er-news-list-box-photo .time .bili a {
	display: block;
	text-align: center;
	text-decoration: none;
	cursor: pointer;
	padding-top: 0;
	line-height: 100%;
}

.er-news-list-box-photo .time .date {
	font-size: 1.6em;
	line-height: 1.8em;
	display: block;
}

.er-news-list-box-photo .time .year {
	font-size: 1.2em;
}

.er-news-list-box-item {
	padding: 0;
	border: 0;
}


/*-------rs-detail-list-------*/

.rs-detail-list .rs-img {
	display: block;
	width: 100%;
	height: 100%;
}

.rs-detail-list .rs-img img {
	width: 100%;
	height: 100%;
}

.rs-detail-list .rs-img-add {
	line-height: 2em;
	background: rgba(50, 50, 50, 0.7);
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	color: #fff;
}

.rs-detail-list .rs-img-add:after {
	content: "";
	display: block;
	clear: both;
	height: 0;
}

.rs-detail-list .rs-img-add .fa {
	color: #ccc;
}

.rs-detail-list .rs-img-add-l {
	float: left;
	padding: 0 0.5em;
	display: inline-block;
}

.rs-detail-list .rs-img-add-r {
	float: right;
	display: inline-block;
	padding: 0 0.5em;
}

.rs-detail-list .rs-img-icon {
	position: absolute;
	left: 0;
	top: 0;
}

.rs-detail-list .title .textright span {
	display: inline-block;
	padding-left: 1em;
}

.rs-detail-list .title .textright em {
	font-style: normal;
	color: #888;
}

.rs-detail-list .title .textright label {
	color: #0082E6;
}

.rs-detail-list .rs-detail em {
	font-style: normal;
	color: #888;
}

.rs-detail-list .rs-attribute {
	word-spacing: -4px;
}

.rs-detail-list .rs-attribute em {
	font-style: normal;
	color: #888;
}

.rs-detail-list .rs-attribute span {
	display: inline-block;

}
.rs-detail-list .rs-attribute span label{
	display: inline-block;
	padding-right:1em;
	border-right: 1px solid #ddd;
	line-height:1em;
	margin-right: 1em;
}
.rs-detail-list .rs-attribute span:last-child label {
	padding-right: 0;
	border-right: 0;
	margin-right: 0;
}


/*-----------space-list------------------*/

.space-list {}

.space-list .addition {
	padding-top: 0;
}

.space-list .er-news-list-box-photo {
	padding: 0;
	border-radius: 50%;
}

.space-list .space-header {
	display: inline-block;
	width: 100%;
	height: 100%;
}

.space-list .space-header img {
	width: 100%;
	height: 100%;
	border-radius: 50%;
}

.space-list .space-attribute em {
	font-style: normal;
}

.space-list .space-attribute span {
	display: inline-block;
	padding-right: 0.5em;
	border-right: 1px solid #ddd;
	padding-left: 0.5em;
	line-height: 1.2em;
}

.space-list.space-list-vertical .space-attribute span {
	display: block;
	padding-left: 0em;
	padding-top: 0.5em;
}

.space-list .space-attribute {
	word-spacing: -4px;
}

.space-list .space-attribute span:last-child {
	border-right: 0;
	padding-right: 0;
}

.space-list .space-attribute span:first-child {
	padding-left: 0;
}

.space-list .er-news-list-box {
	border-bottom: 0;
}


/*--------------space-list-kj---------------*/

.space-list-kj .er-news-list-con {
	padding: 1em;
}

.space-list-kj .er-news-list-box-title {
	text-align: center;
}

.space-list-kj .er-news-list-box-title {
	padding: 0px;
}

.space-list-kj .er-news-list-box {
	border-bottom: 0px;
}

.space-list-kj .er-news-list-box-title .title a {
	font-size: 1.2em;
}


/*-----------------spacegrids-list------------------*/

.spacegrids-list {}

.spacegrids-list .er-news-list-box {
	border-bottom: 0;
}

.spacegrids-list .er-news-list-con {
	margin: 1%;
	padding: 0em;
	border: 1px solid #ddd;
}

.spacegrids-list .er-news-list-box-photo {
	margin-left: 0;
	padding: 1em 0 1em 1em;
	border: 0;
	margin-right: 1em;
}

.spacegrids-list .er-news-list-box-title {
	padding: 1em;
}

.spacegrids-list .er-news-list-box-title .addition {
	text-align: right;
}

.spacegrids-list .er-news-list-box-title .attribute>span a {
	display: inline-block;
	padding: 0 10px;
	line-height: 26px;
	border: 1px solid #ceebb9;
	margin-left: 10px;
	background-color: #f1ffe7;
	color: #5ebc1d;
	text-decoration: none;
	font-size: 12px;
}

.spacegrids-list .er-news-list-box-title .attribute>span a:hover {
	background-color: #5ebc1d;
	border-color: #5ebc1d;
	color: #fff;
	cursor: pointer;
}

.spacegrids-list .er-news-list-box-title .attribute>span i {
	margin-right: 0.5em;
}

.spacegrids-list .er-news-list-addcontent {
	clear: both;
	height: 50px;
	background: #fbfbfb;
	border-top: 1px solid #efefef;
	overflow: hidden;
}

.spacegrids-list .er-news-list-addcontent .abstract {
	line-height: 1.8em;
	padding: 0.5em 1em;
}

.spacegrids-list .grid-detail span {
	display: inline-block;
	padding-right: 1em;
	border-right: 1px solid #ddd;
	padding-left: 0.5em;
	line-height: 1.2em;
}

.spacegrids-list .grid-detail span:first-child {
	padding-left: 0;
}

.spacegrids-list .grid-detail span:last-child {
	border-right: 0;
	padding-right: 0;
}
.spacegrids-list .addition{
	line-height: 3em;
}
.spacegrids-list .addition:after{
	content:"";
	display: block;
	clear:both;
}

.spacegrids-list .grid-detail{
	padding-bottom: .5em;
	max-height:3em;
	overflow: hidden;
}

.spacegrids-list .grid-detail em {
	font-style: normal;
	vertical-align: middle;
	color:#aaa;
}
.spacegrids-list .grid-detail  label{
	line-height: 1.6em;
}

.spacegrids-list .grids-src img {
	width: 100%;
	height: 100%;
}

.spacegrids-list .attribute_sl{
	float:left;
	font-size:1em;
}
.spacegrids-list .attribute_sl span{
	display: inline-block;
	margin-right:1em;
	color:#888;
}
.spacegrids-list .attribute_sl label{
	color:#333;
	font-size:1.2em;
}
.spacegrids-list .addition .attribute{
	float:right;
}

/*---------application-list--------*/

.application-list .application-header {
	display: inline-block;
	width: 100%;
	height: 100%;
}

.application-list .application-header img {
	width: 100%;
	height: 100%;
	border-radius: 50%;
}

.application-list .er-news-list-box-photo {
	border: 0px;
}

.application-list .er-news-list-box-title {
	line-height: 70px;
}

.application-list .er-news-list-box {
	border-bottom: 0px;
}


/*----------app-list-----------------*/

.app-list .er-news-list-body>div {
	border-left: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}

.app-list .er-news-list-box {
	border-bottom: 0;
}

.app-list .er-news-list-con {
	border: 1px solid #ddd;
	margin-bottom: -1px;
	margin-left: -1px;
}

.app-list .er-news-list-box-photo {
	margin-left: 8%;
	padding: 2px;
}

.app-list .er-news-list-con {
	padding: 8% 0;
	width: 100%;
}

.app-list .app-level {
	display: inline-block;
	margin-left: 1em;
	background: #fb5847;
	color: #fff;
	font-size: 1em;
	line-height: 1.5em;
	padding: 0 0.6em;
	border-radius: 0 0.4em 0.4em 0;
}

.app-list .fa-star {
	color: #aaa;
}

.app-list .app-star-1 .fa:nth-child(-n+1) {
	color: #fb5847;
}

.app-list .app-star-2 .fa:nth-child(-n+2) {
	color: #fb5847;
}

.app-list .app-star-3 .fa:nth-child(-n+3) {
	color: #fb5847;
}

.app-list .app-star-4 .fa:nth-child(-n+4) {
	color: #fb5847;
}

.app-list .app-star-5 .fa:nth-child(-n+5) {
	color: #fb5847;
}

.app-list .addition {
	padding-top: 0;
}

.app-list .app-free {
	background: #099d47;
	color: #fff;
	line-height: 1.5em;
	padding: 0 0.5em;
	border-radius: 0.2em;
}

.app-list .app-price {
	background: #fb5847;
	color: #fff;
	line-height: 1.5em;
	padding: 0 0.5em;
	border-radius: 0.2em;
}


/*----------------special-list--------------*/

.special-list .er-news-list-box {
	border-bottom: 0px;
}

.special-list .er-news-list-con {
	position: relative;
	padding: 1em;
}

.special-list .er-news-list-box-photo {
	position: absolute;
	right: 0;
	top: 15%;
}

.special-list .er-news-list-box-title {
	width: 70%;
}


/*奇数*/

.special-list .er-news-list-box:nth-child(odd) .er-news-list-box-title {
	background: #16a667;
}


/*偶数*/

.special-list .er-news-list-box:nth-child(even) .er-news-list-box-title {
	background: #03203e;
}

.special-list .er-news-list-box-title .title {
	padding: 1.4em 1em;
}

.special-list .er-news-list-box-title .news {
	width: 120px;
	padding: 0 1em 1em 1em;
}

.special-list .er-news-list-box-title .title {
	text-align: center;
	width: 120px;
}

.special-list .er-news-list-box-title .title a {
	font-size: 2em;
	font-weight: normal;
	color: #fff;
}

.special-list .special-list-detail {
	color: #fff;
	text-align: left;
	font-size: 1.1em;
}

.special-list .er-news-list-box-photo {
	border: 0px;
}

.special-list .er-news-list-box-photo .tu {
	width: 140px;
}


/*----------------rank-list--------------*/

.rank-list .rank-num {
	display: inline-block;
	background: #aaa;
	color: #fff;
	width: 1.5em;
	height:1.5em;
	line-height:1.6em;
	font-size:.8em;
	margin-right: 0.5em;
	text-align: center;
}

.rank-list .er-news-list-texts .list:nth-child(-n+3) .rank-num {
	background: #fb5847;
}


/*------------------history-list-------------------*/

.history-list .er-news-list-box {
	border-bottom: 0;
}

.history-list .er-news-list-con {
	margin: 2%;
	border: 1px solid #ddd;
	padding: 0;
}

.history-list .er-news-list-box-title {
	padding: 0;
}

.history-list .er-news-list-box-title .title {
	padding: 0 1em;
}

.history-list .er-news-list-box-title .news {
	padding: 0.5em 1em;
	height: 3.4em;
	overflow: hidden;
	text-overflow: ellipsis;
}

.history-list .addition {
	padding: 0.6em 1em;
	background: #f0f0f0;
}

.history-list .addition:after {
	content: "";
	display: block;
	clear: both;
}

.history-list .active-date {
	float: left;
}

.history-list .addition em {
	font-style: normal;
	color: #999
}

.history-list .active-action {
	overflow: hidden;
	text-align: right;
}

.history-list .active-action a {
	color: #fff;
	background: #20a0ff;
	padding: 0 1em;
	border-radius: 0.2em;
}

.history-list .active-action a:hover {
	color: #fff!important;
	text-decoration: none;
	background: #333;
}


/*------user-info-list--------*/

.user-info-list .er-news-list-box {
	border-bottom: 0;
	overflow: visible;
}

.user-info-list .er-news-list-box-photo {
	margin-left: 0;
	padding: 0;
	border: 0;
}

.user-info-list .er-news-list-box-photo .tu-con {
	overflow: visible;
}

.user-info-list .er-news-list-box-title h3 {
	margin: 0;
}

.user-info-list .er-news-list-box-title .title a {
	color: #20a0ff;
}

.user-info-list .er-news-list-box-title .news i {
	color: #f60;
	width: 12px;
}

.user-info-list .er-news-list-box-title .news em {
	font-style: normal;
	color: #20a0ff;
	padding: 0 5px;
}

.user-info-list .pos_rel {
	position: relative;
	width: auto;
	text-align: center;
	margin-top: -10px;
	left: 50%;
}

.user-info-list .pos_rel .lvRect {
	position: relative;
	left: -50%;
	background: #f60;
	padding: 0px 10px;
	border-radius: 10px;
	line-height: 25px;
	color: #fff;
}

.user-info-list .pos_rel .pos_abs {
	position: absolute;
	left: -50%;
	top: 30px;
	z-index: 10;
}

.user-info-list .pos_rel .pos_abs:before {
	content: "";
	display: block;
	position: absolute;
	left: 15%;
	top: -6px;
	width: 10px;
	height: 10px;
	border: 1px solid #bebebe;
	background: #fff;
	transform: rotate(45deg);
	border-color: #bebebe transparent transparent #bebebe;
}

.user-info-list .pos_rel .gradebox {
	text-align: left;
	border: #bebebe solid 1px;
	background: #fff;
	box-shadow: 0px 0px 10px #ccc;
	width: 260px;
	padding: 5px 10px 8px 10px;
	font-size: 12px;
}

.user-info-list .pos_rel .gradebox p {
	margin: 0;
	padding: 0;
	line-height: 20px;
}

.user-info-list .fr {
	float: right;
}

.user-info-list .fr .blue {
	color: #20a0ff;
}

.user-info-list .er-progress {
	padding: 0.4em 0;
	width: 82%;
}

.user-info-list .er-progress-bar-r {
	position: relative;
}

.user-info-list .er-progress .lv_bg {
	background: #ffdd83;
	border: #febc5c solid 1px;
	color: #d74b01;
	margin-left: 8px;
	position: absolute;
	left: 0;
	line-height: 100%;
	top: 0;
	padding: 0 6px;
	font-style: normal;
}


/*-----------user-File-list----------*/

.user-File-list .er-news-list-box {
	border-bottom: 0;
	border-left: 1px solid #d9d9d9;
	margin-left: -1px;
	text-align: center;
	color: #616161;
	cursor: pointer;
	position: relative;
	zoom: 1;
}

.user-File-list .er-news-list-con {
	padding: 0;
}

.user-File-list .er-news-list-box-title {
	position: relative;
	height: 44px;
}

.user-File-list .er-news-list-box-title .title {
	font-size: 1.6rem;
}

.user-File-list .er-news-list-box-title .news {
	padding-top: 0;
}

.user-File-list .er-news-list-box-title .addition {
	position: absolute;
	left: 0px;
	top: 0px;
	top: 44px\9;
	width: 100%;
	height: 100%;
	background: #20a0ff;
	font-size: 12px;
	color: #fff;
	line-height: 44px;
	margin: 0px;
	padding-top: 0;
}

.user-File-list .er-news-list-box-title .addition a {
	color: #fff;
}

.user-File-list .er-news-list-box-title .addition:hover {
	text-decoration: none;
}

.user-File-list .er-news-list-box-title .addition {
	transform: translateY(44px);
	-webkit-transform: translateY(44px);
	-moz-transform: translateY(44px);
	-ms-transform: translateY(44px);
	transition: transform .2s linear;
	-webkit-transition: -webkit-transform .2s linear;
	-moz-transition: -moz-transform .2s linear;
	-ms-transition: -ms-transform .2s linear;
}

.user-File-list .er-news-list-box-title:hover .addition {
	transform: translateY(0px);
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	-ms-transform: translateY(0px);
	top: 0px\9
}

.er-thumb-list {
	font-size: 1rem;
	padding: 1%;
}

.er-thumb-list li {
	float: left;
}

.er-thumb-list .item-panel {
	margin: 4% 8%;
}

.er-thumb-list .item-pic {
	border: 1px solid #eee;
	width: 100%;
	overflow: hidden;
	position: relative;
}

.er-thumb-list .item-pic-con {
	text-align: center;
}

.item-pic-ratio .item-pic-con {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

.er-thumb-list .item-pic-ratio {
	padding-top: 75%;
}

.item-pic-auto .item-pic-con img {
	max-width: 100%;
	max-height: 100%;
}


/*item-texts*/

.er-thumb-list .item-texts {
	padding: 2%;
}

.er-thumb-list .item-title {
	display: block;
	line-height: 2em;
	color: #666;
	overflow: hidden;
	font-size: 1.2em;
}

.er-thumb-list .item-addition {
	font-size: 1.1em;
	color: #555;
	line-height: 2em;
}

.er-thumb-list .item-addition::after {
	clear: both;
	content: " ";
	display: block;
	font-size: 0;
	height: 0;
	visibility: hidden;
}

.er-thumb-list .el-pagination {
	padding-top: 3em;
	padding-bottom: 3em;
	text-align: center;
}


/*-----资源列表-----*/

.rs-thumb-list .item-title {
	text-align: center;
}

.rs-thumb-list .rs-title a {
	color: #007AD5;
	white-space: nowrap;
	width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
}

.rs-thumb-list .rs-attribute {
	line-height: 1.4em;
	color: #888;
}

.rs-thumb-list .rs-attribute a:link {
	color: #888;
}

.rs-thumb-list .rs-img {
	display: block;
	width: 100%;
	height: 100%;
}

.rs-thumb-list .rs-img img {
	width: 100%;
	height: 100%;
}

.rs-thumb-list .rs-img-add,
.rs-thumb-list .rs-img-add a {
	line-height: 2em;
	background: rgba(50, 50, 50, 0.7);
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	color: #fff;
	padding-left: 10px;
}

.rs-thumb-list .rs-img-add:after {
	content: "";
	display: block;
	clear: both;
	height: 0;
}

.rs-thumb-list .rs-img-add .fa {
	color: #ccc;
}

.rs-thumb-list .rs-img-add-l {
	float: left;
	padding: 0 0.5em;
	display: inline-block;
}

.rs-thumb-list .rs-img-add-r {
	float: right;
	display: inline-block;
	padding: 0 0.5em;
}

.rs-thumb-list .rs-img-icon {
	position: absolute;
	left: 0;
	top: 0;
}
/*-----相册图片列表无间隙-----*/
.no-clearance .item-panel{
  margin: 0px;
}
.no-clearance .item-texts{
  padding: 0px;
}
.no-clearance{
  padding: 0px;
}
.no-clearance .item-pic-auto .item-pic-con img{
  height: 100%;
  width: 100%;
}

/*-----资源图片圆角列表-----*/

.rs-thumb-radius-list .item-title {
	text-align: center;
}

.rs-thumb-radius-list .rs-title a {
	color: #007AD5;
}

.rs-thumb-radius-list .rs-attribute {
	line-height: 1.4em;
	color: #888;
}

.rs-thumb-radius-list .rs-attribute a:link {
	color: #888;
}

.rs-thumb-radius-list .rs-img {
	display: block;
	width: 100%;
	height: 100%;
}

.rs-thumb-radius-list .item-pic {
	border: 0;
}

.rs-thumb-radius-list .rs-img img {
	width: 100%;
	height: 100%;
}


/*------------er-thumb-list-------------*/

.er-imagefile-list .item-panel {
	padding: 8%;
	position: relative;
	cursor: pointer;
}

.er-imagefile-list .er-close {
	position: absolute;
	right: 0;
	top: 0;
	background: #f00;
	border-radius: 50%;
}

.er-imagefile-list .er-imagefile-big {
	position: absolute;
	padding: 0.5rem;
	border-radius: 3px;
	left: 0;
	top: 80px;
	background: #fff;
	border: 1px solid #ddd;
	box-shadow: 0.2rem 0.2rem 0.2rem rgba(0, 0, 0, 0.5);
	width: 18rem;
	margin-left: -5rem;
	s
}

.er-imagefile-list .er-imagefile-big img {
	width: 100%;
}

.er-imagefile-list .item-addition {
	display: none;
}

.er-imagefile-list .item-panel:hover {
	z-index: 10;
}

.er-imagefile-list .item-panel:hover .item-addition {
	display: block;
}

.er-imagefile-list .item-addition {
	border: 0;
}

.er-imagefile-list .item-title {
	white-space: nowrap;
	text-overflow: ellipsis;
	font-size: 1rem;
	text-align: center;
}

.er-imagefile-list .item-pic-con>div {
	width: 100%;
	height: 100%;
	position: relative;
	display: -ms-flexbox;
	display: -webkit-box;
	-ms-flex-pack: center;
	-ms-flex-align: center;
	-webkit-box-align: center;
	-webkit-box-pack: center;
}

.er-imagefile-list .item-pic-con>div:after {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	border: 1px solid #eee;
}

.er-imagefile-list .item-pic-con>div img {
	max-width: 100%;
	max-height: 100%;
}

.er-imagefile-list .item-pic-con>div.active:after {
	border-color: #20a0ff;
}

.er-imagefile-list .item-pic {
	border: 0;
}

.er-close {
	color: #fff;
	background: #666;
	display: inline-block;
	width: 1.5em;
	height: 1.5em;
	font-size: 1rem;
	text-align: center;
	cursor: pointer;
}

.er-close:hover {
	background: #333;
}

.er-close:after {
	content: "";
	display: inline-block;
	width: 0;
	height: 100%;
	border-left: 1px solid #fff;
	border-color: inherit;
	transform: rotate(45deg);
	line-height: 0;
}

.er-close:before {
	content: "";
	display: inline-block;
	width: 0;
	line-height: 0;
	height: 100%;
	border-left: 1px solid #fff;
	border-color: inherit;
	transform: rotate(-45deg);
}

.table-responsive .el-pagination {
	padding-top: 3em;
	padding-bottom: 3em;
	text-align: center;
}

.er-table {
	border: 0;
	border-collapse: collapse;
}

.er-table>table {
	width: 100%;
	border-spacing: 0;
}

.er-table>table th {
	font-weight: bold;
	border-bottom: 1px solid #ddd;
	color: #333;
}

.er-table>table td,
.er-table>table th {
	padding: 0.6em;
	line-height: 1.8em;
	font-size: 1.2rem;
}

.er-table>table td {
	border-bottom: 1px solid #eee;
}

.er-table>table td {
	color: #555;
}

.er-table>table td.textCenter,
.er-table>table th.textCenter {
	text-align: center;
}

.er-table>table td.textRight,
.er-table>table th.textRight {
	text-align: right;
}

.er-table>table td.textLeft,
.er-table>table th.textLeft {
	text-align: left;
}

.er-table .er-table-striped>tbody tr:nth-child(2n+2) {
	background: #fafafa;
}

.er-table .er-table-highlight>tbody tr:hover {
	background: #e5f2ff;
}

.er-table .el-pagination {
	padding-top: 3em;
	padding-bottom: 3em;
	text-align: center;
}


/*.el-form-item{margin: 0;padding: 1em 0;}*/

.el-breadcrumb {
	line-height: 2.8em;
}


/*--------------er-mult-menu--------------*/

.er-mult-menu {
	font-size: 1.2rem;
	position: relative;
}

.er-mult-menu .er-mult-menu-level1:after {
	content: "";
	display: block;
	clear: both;
	height: 0;
}

.er-mult-menu .er-mult-menu-level1>.er-mult-menu-item {
	float: left;
	line-height: 3.4em;
	text-align: center;
}

.er-mult-menu .er-mult-menu-item {
	line-height: 3.4em;
	position: relative;
	white-space: nowrap;
}

.er-mult-menu .er-mult-menu-node {
	position: relative;
}

.er-mult-menu .node-a {
	display: block;
	padding: 0 1em;
	font-size: 1.1em;
}

.er-mult-menu .node-a .fa {
	margin-left: 0.5em;
}

.er-mult-menu .er-mult-menu-level1>.er-mult-menu-item>.er-mult-menu-children {
	left: 0;
	top: 100%;
	padding-top: 0.2em;
	padding-left: 0;
}

.er-mult-up .er-mult-menu-level1>.er-mult-menu-item>.er-mult-menu-children {
	top: auto;
	bottom: 100%;
	padding-bottom: 0.2em;
	padding-top: 0;
}

.er-mult-menu .er-mult-menu-children {
	position: absolute;
	left: 100%;
	top: 0;
	display: none;
	min-width: 100%;
	padding-top: 0;
	padding-left: 0.2em;
}

.er-mult-menu .er-mult-menu-children ul {
	border-radius: 0.2em;
}

.er-mult-menu .er-mult-menu-item:hover>.er-mult-menu-children {
	display: block;
}

.er-mult-menu .er-mult-menu-level2 .er-mult-menu-item:hover>.er-mult-menu-node:after {
	content: "";
	display: block;
	position: absolute;
	left: 100%;
	top: 50%;
	width: 0px;
	height: 0px;
	border: 0.4rem solid #fff;
	margin-top: -0.2rem;
	border-color: transparent transparent transparent inherit;
}

.er-mult-menu .er-mult-menu-level2 .er-mult-menu-leaf:hover .er-mult-menu-node:after {
	display: none;
}


/*------default-color--------*/

.er-mult-menu-small {
	font-size: 1rem;
}

.er-mult-menu-normal {
	font-size: 1.2rem;
}

.er-mult-menu-large {
	font-size: 1.4rem;
}

.er-mult-menu,
.er-mult-menu .er-mult-menu-children ul {
	background: #20a0ff;
	color: #fff;
}

.er-mult-menu .er-mult-menu-level1 .er-mult-menu-children>ul {
	background: #41acfc;
}

.er-mult-menu .er-mult-menu-level2 .er-mult-menu-children>ul {
	background: #59b9ff;
}

.er-mult-menu .er-mult-menu-level2 .er-mult-menu-item:hover>.er-mult-menu-node:after {
	border-color: transparent transparent transparent #20a0ff;
}

.er-mult-menu .er-mult-menu-item:hover>.er-mult-menu-node {
	background: rgba(0, 0, 0, 0.1);
}

.er-mult-menu .er-mult-menu-node.selected {
	background: rgba(0, 0, 0, 0.2)
}

.er-mult-menu a {
	color: #fff
}

.er-mult-menu a:link,
.er-mult-menu a:visited,
.er-mult-menu a:hover,
.er-mult-menu a:focus,
.er-mult-menu a:active {
	color: #fff;
	text-decoration: none;
}

.er-mult-menu-box {}

.er-mult-menu-box .er-wrap>.er-mult-menu-nodes {
	display: -ms-flexbox;
	display: -webkit-box;
}

.er-mult-menu-box .er-mult-menu-level1>.er-mult-menu-item {
	display: flex;
	-ms-flex: 1;
	-webkit-box-flex: 1;
}

.er-mult-menu-box .er-wrap>.er-mult-menu-nodes>.er-mult-menu-item>.er-mult-menu-node {
	width: 100%;
}

.er-mult-menu-l01 {
	background: none;
	color: #666;
}

.er-mult-menu-l01 .er-mult-menu-level1>.er-mult-menu-item>.er-mult-menu-node a:link,
.er-mult-menu-l01 .er-mult-menu-level1>.er-mult-menu-item>.er-mult-menu-node a:visited,
.er-mult-menu-l01 .er-mult-menu-level1>.er-mult-menu-item>.er-mult-menu-node a:hover,
.er-mult-menu-l01 .er-mult-menu-level1>.er-mult-menu-item>.er-mult-menu-node a:focus,
.er-mult-menu-l01 .er-mult-menu-level1>.er-mult-menu-item>.er-mult-menu-node a:active {
	color: #666!important;
}

.er-mult-menu-l01 .er-mult-menu-level1>.er-mult-menu-item:hover>.er-mult-menu-node:after,
.er-mult-menu-l01 .er-mult-menu-level1>.er-mult-menu-item>.er-mult-menu-node:after {
	background-color: #20a0ff;
}

.er-mult-menu-l01 .er-mult-menu-level1>.er-mult-menu-item:hover>.er-mult-menu-node,
.er-mult-menu-l01 .er-mult-menu-level1>.er-mult-menu-item>.er-mult-menu-node.selected {
	background: none;
}

.er-mult-menu-l01 .er-mult-menu-level1>.er-mult-menu-item>.er-mult-menu-node.selected a:link,
.er-mult-menu-l01 .er-mult-menu-level1>.er-mult-menu-item>.er-mult-menu-node.selected a:visited,
.er-mult-menu-l01 .er-mult-menu-level1>.er-mult-menu-item>.er-mult-menu-node.selected a:hover,
.er-mult-menu-l01 .er-mult-menu-level1>.er-mult-menu-item>.er-mult-menu-node.selected a:focus,
.er-mult-menu-l01 .er-mult-menu-level1>.er-mult-menu-item>.er-mult-menu-node.selected a:active {
	color: #20a0ff!important;
}

.er-mult-menu-l02 {
	background: #555;
}

.er-mult-menu-l02 .er-mult-menu-level1>.er-mult-menu-item:hover>.er-mult-menu-node {
	background: rgba(0, 0, 0, 0.3);
}

.er-mult-menu-l02 .er-mult-menu-level1>.er-mult-menu-item>.er-mult-menu-node.selected {
	background: #20a0ff;
}

.er-mult-menu-l03 {
	background: none;
}

.er-mult-menu-l03 .er-mult-menu-level1>.er-mult-menu-item:hover>.er-mult-menu-node {
	background: #ddd;
}

.er-mult-menu-l03 .er-mult-menu-level1>.er-mult-menu-item>.er-mult-menu-node.selected {
	background: #20a0ff;
}

.er-mult-menu-l03 .er-mult-menu-level1>.er-mult-menu-item>.er-mult-menu-node a:link,
.er-mult-menu-l03 .er-mult-menu-level1>.er-mult-menu-item>.er-mult-menu-node a:visited {
	color: #666!important;
}

.er-mult-menu-l03 .er-mult-menu-level1>.er-mult-menu-item>.er-mult-menu-node a:hover,
.er-mult-menu-l03 .er-mult-menu-level1>.er-mult-menu-item>.er-mult-menu-node a:focus,
.er-mult-menu-l03 .er-mult-menu-level1>.er-mult-menu-item>.er-mult-menu-node a:active {
	color: #666!important;
}

.er-mult-menu-l03 .er-mult-menu-level1>.er-mult-menu-item>.er-mult-menu-node.selected a:link,
.er-mult-menu-l03 .er-mult-menu-level1>.er-mult-menu-item>.er-mult-menu-node.selected a:visited,
.er-mult-menu-l03 .er-mult-menu-level1>.er-mult-menu-item>.er-mult-menu-node.selected a:hover,
.er-mult-menu-l03 .er-mult-menu-level1>.er-mult-menu-item>.er-mult-menu-node.selected a:focus,
.er-mult-menu-l03 .er-mult-menu-level1>.er-mult-menu-item>.er-mult-menu-node.selected a:active {
	color: #fff!important;
}

.er-mult-menu-l04 {
	background: none;
}

.er-mult-menu-l04 .er-mult-menu-level1>.er-mult-menu-item:hover>.er-mult-menu-node {
	background: #ddd;
}

.er-mult-menu-l04 .er-mult-menu-level1>.er-mult-menu-item>.er-mult-menu-node.selected {
	background: #20a0ff;
}

.er-mult-menu-l04 .er-mult-menu-level1>.er-mult-menu-item>.er-mult-menu-node a:link,
.er-mult-menu-l04 .er-mult-menu-level1>.er-mult-menu-item>.er-mult-menu-node a:visited {
	color: #666!important;
}

.er-mult-menu-l04 .er-mult-menu-level1>.er-mult-menu-item>.er-mult-menu-node a:hover,
.er-mult-menu-l04 .er-mult-menu-level1>.er-mult-menu-item>.er-mult-menu-node a:focus,
.er-mult-menu-l04 .er-mult-menu-level1>.er-mult-menu-item>.er-mult-menu-node a:active {
	color: #666!important;
}

.er-mult-menu-l04 .er-mult-menu-level1>.er-mult-menu-item>.er-mult-menu-node.selected a:link,
.er-mult-menu-l04 .er-mult-menu-level1>.er-mult-menu-item>.er-mult-menu-node.selected a:visited,
.er-mult-menu-l04 .er-mult-menu-level1>.er-mult-menu-item>.er-mult-menu-node.selected a:hover,
.er-mult-menu-l04 .er-mult-menu-level1>.er-mult-menu-item>.er-mult-menu-node.selected a:focus,
.er-mult-menu-l04 .er-mult-menu-level1>.er-mult-menu-item>.er-mult-menu-node.selected a:active {
	color: #fff!important;
}

.er-mult-menu-l04:after {
	background: #20a0ff;
}

.er-mult-menu-l05 {
	background: none;
}

.er-mult-menu-l05 .er-mult-menu-level1>.er-mult-menu-item>.er-mult-menu-node {
	border-radius: 0.3em;
	background: #ddd;
}

.er-mult-menu-l05 .er-mult-menu-level1>.er-mult-menu-item:hover>.er-mult-menu-node {
	background: rgba(0, 0, 0, 0.2);
}

.er-mult-menu-l05 .er-mult-menu-level1>.er-mult-menu-item>.er-mult-menu-node.selected {
	background: #20a0ff;
}

.er-mult-menu-l05 .er-mult-menu-level1>.er-mult-menu-item>.er-mult-menu-node a:link,
.er-mult-menu-l05 .er-mult-menu-level1>.er-mult-menu-item>.er-mult-menu-node a:visited {
	color: #666!important;
}

.er-mult-menu-l05 .er-mult-menu-level1>.er-mult-menu-item>.er-mult-menu-node a:hover,
.er-mult-menu-l05 .er-mult-menu-level1>.er-mult-menu-item>.er-mult-menu-node a:focus,
.er-mult-menu-l05 .er-mult-menu-level1>.er-mult-menu-item>.er-mult-menu-node a:active {
	color: #666!important;
}

.er-mult-menu-l05 .er-mult-menu-level1>.er-mult-menu-item>.er-mult-menu-node.selected a:link,
.er-mult-menu-l05 .er-mult-menu-level1>.er-mult-menu-item>.er-mult-menu-node.selected a:visited,
.er-mult-menu-l05 .er-mult-menu-level1>.er-mult-menu-item>.er-mult-menu-node.selected a:hover,
.er-mult-menu-l05 .er-mult-menu-level1>.er-mult-menu-item>.er-mult-menu-node.selected a:focus,
.er-mult-menu-l05 .er-mult-menu-level1>.er-mult-menu-item>.er-mult-menu-node.selected a:active {
	color: #fff!important;
}

.er-mult-menu-l06 {
	background: none;
}

.er-mult-menu-l06 .er-mult-menu-level1>.er-mult-menu-item:hover>.er-mult-menu-node {
	background: #ddd;
}

.er-mult-menu-l06 .er-mult-menu-level1>.er-mult-menu-item>.er-mult-menu-node.selected {
	background: #20a0ff;
}

.er-mult-menu-l06 .er-mult-menu-level1>.er-mult-menu-item>.er-mult-menu-node a:link,
.er-mult-menu-l06 .er-mult-menu-level1>.er-mult-menu-item>.er-mult-menu-node a:visited {
	color: #666!important;
}

.er-mult-menu-l06 .er-mult-menu-level1>.er-mult-menu-item>.er-mult-menu-node a:hover,
.er-mult-menu-l06 .er-mult-menu-level1>.er-mult-menu-item>.er-mult-menu-node a:focus,
.er-mult-menu-l06 .er-mult-menu-level1>.er-mult-menu-item>.er-mult-menu-node a:active {
	color: #666!important;
}

.er-mult-menu-l06 .er-mult-menu-level1>.er-mult-menu-item>.er-mult-menu-node.selected a:link,
.er-mult-menu-l06 .er-mult-menu-level1>.er-mult-menu-item>.er-mult-menu-node.selected a:visited,
.er-mult-menu-l06 .er-mult-menu-level1>.er-mult-menu-item>.er-mult-menu-node.selected a:hover,
.er-mult-menu-l06 .er-mult-menu-level1>.er-mult-menu-item>.er-mult-menu-node.selected a:focus,
.er-mult-menu-l06 .er-mult-menu-level1>.er-mult-menu-item>.er-mult-menu-node.selected a:active {
	color: #fff!important;
}

.er-mult-menu-l06 .er-wrap {
	background: #fff;
	border: 2px solid #20a0ff;
}

.er-mult-menu-l07 {
	background: #20a0ff;
}

.er-mult-menu-l07 .er-mult-menu-level1>.er-mult-menu-item:hover>.er-mult-menu-node {
	background: rgba(0, 0, 0, 0.3);
}

.er-mult-menu-l07 .er-mult-menu-level1>.er-mult-menu-item>.er-mult-menu-node.selected {
	background: #fff;
}

.er-mult-menu-l07 .er-mult-menu-level1>.er-mult-menu-item>.er-mult-menu-node.selected:after {
	background: #20a0ff;
}

.er-mult-menu-l07 .er-mult-menu-level1>.er-mult-menu-item>.er-mult-menu-node.selected a:link,
.er-mult-menu-l07 .er-mult-menu-level1>.er-mult-menu-item>.er-mult-menu-node.selected a:visited,
.er-mult-menu-l07 .er-mult-menu-level1>.er-mult-menu-item>.er-mult-menu-node.selected a:hover,
.er-mult-menu-l07 .er-mult-menu-level1>.er-mult-menu-item>.er-mult-menu-node.selected a:focus,
.er-mult-menu-l07 .er-mult-menu-level1>.er-mult-menu-item>.er-mult-menu-node.selected a:active {
	color: #20a0ff!important;
}

.er-mult-menu-l08 {
	background: none;
	color: #666;
}

.er-mult-menu-l08 .er-mult-menu-level1>.er-mult-menu-item>.er-mult-menu-node a:link,
.er-mult-menu-l08 .er-mult-menu-level1>.er-mult-menu-item>.er-mult-menu-node a:visited,
.er-mult-menu-l08 .er-mult-menu-level1>.er-mult-menu-item>.er-mult-menu-node a:hover,
.er-mult-menu-l08 .er-mult-menu-level1>.er-mult-menu-item>.er-mult-menu-node a:focus,
.er-mult-menu-l08 .er-mult-menu-level1>.er-mult-menu-item>.er-mult-menu-node a:active {
	color: #666!important;
}

.er-mult-menu-l08 .er-mult-menu-level1>.er-mult-menu-item:hover>.er-mult-menu-node:after,
.er-mult-menu-l08 .er-mult-menu-level1>.er-mult-menu-item>.er-mult-menu-node:after {
	background-color: #20a0ff;
}

.er-mult-menu-l08 .er-mult-menu-level1>.er-mult-menu-item:hover>.er-mult-menu-node,
.er-mult-menu-l08 .er-mult-menu-level1>.er-mult-menu-item>.er-mult-menu-node.selected {
	background: none;
}

.er-mult-menu-l08 .er-mult-menu-level1>.er-mult-menu-item>.er-mult-menu-node.selected a:link,
.er-mult-menu-l08 .er-mult-menu-level1>.er-mult-menu-item>.er-mult-menu-node.selected a:visited,
.er-mult-menu-l08 .er-mult-menu-level1>.er-mult-menu-item>.er-mult-menu-node.selected a:hover,
.er-mult-menu-l08 .er-mult-menu-level1>.er-mult-menu-item>.er-mult-menu-node.selected a:focus,
.er-mult-menu-l08 .er-mult-menu-level1>.er-mult-menu-item>.er-mult-menu-node.selected a:active {
	color: #20a0ff!important;
}

.er-mult-menu-l09 {
	background: none;
	color: #666;
}

.er-mult-menu-l09 .er-mult-menu-level1>.er-mult-menu-item>.er-mult-menu-node a:link,
.er-mult-menu-l09 .er-mult-menu-level1>.er-mult-menu-item>.er-mult-menu-node a:visited,
.er-mult-menu-l09 .er-mult-menu-level1>.er-mult-menu-item>.er-mult-menu-node a:hover,
.er-mult-menu-l09 .er-mult-menu-level1>.er-mult-menu-item>.er-mult-menu-node a:focus,
.er-mult-menu-l09 .er-mult-menu-level1>.er-mult-menu-item>.er-mult-menu-node a:active {
	color: #666!important;
}

.er-mult-menu-l09 .er-mult-menu-level1>.er-mult-menu-item>.er-mult-menu-node.selected:after {
	background-color: #20a0ff;
}

.er-mult-menu-l09 .er-mult-menu-level1>.er-mult-menu-item:hover>.er-mult-menu-node {
	background: #eee;
}

.er-mult-menu-l09 .er-mult-menu-level1>.er-mult-menu-item>.er-mult-menu-node.selected {
	background: #fff;
}

.er-mult-menu-l09 .er-mult-menu-level1>.er-mult-menu-item>.er-mult-menu-node.selected a:link,
.er-mult-menu-l09 .er-mult-menu-level1>.er-mult-menu-item>.er-mult-menu-node.selected a:visited,
.er-mult-menu-l09 .er-mult-menu-level1>.er-mult-menu-item>.er-mult-menu-node.selected a:hover,
.er-mult-menu-l09 .er-mult-menu-level1>.er-mult-menu-item>.er-mult-menu-node.selected a:focus,
.er-mult-menu-l09 .er-mult-menu-level1>.er-mult-menu-item>.er-mult-menu-node.selected a:active {
	color: #20a0ff!important;
}

.er-mult-menu-l10 {
	background: none;
}

.er-mult-menu-l10 .er-mult-menu-level1>.er-mult-menu-item:hover>.er-mult-menu-node {
	background: #ddd;
}

.er-mult-menu-l10 .er-mult-menu-level1>.er-mult-menu-item>.er-mult-menu-node.selected {
	background: #20a0ff;
}

.er-mult-menu-l10 .er-mult-menu-level1>.er-mult-menu-item>.er-mult-menu-node a:link,
.er-mult-menu-l10 .er-mult-menu-level1>.er-mult-menu-item>.er-mult-menu-node a:visited {
	color: #666!important;
}

.er-mult-menu-l10 .er-mult-menu-level1>.er-mult-menu-item>.er-mult-menu-node a:hover,
.er-mult-menu-l10 .er-mult-menu-level1>.er-mult-menu-item>.er-mult-menu-node a:focus,
.er-mult-menu-l10 .er-mult-menu-level1>.er-mult-menu-item>.er-mult-menu-node a:active {
	color: #666!important;
}

.er-mult-menu-l10 .er-mult-menu-level1>.er-mult-menu-item>.er-mult-menu-node.selected a:link,
.er-mult-menu-l10 .er-mult-menu-level1>.er-mult-menu-item>.er-mult-menu-node.selected a:visited,
.er-mult-menu-l10 .er-mult-menu-level1>.er-mult-menu-item>.er-mult-menu-node.selected a:hover,
.er-mult-menu-l10 .er-mult-menu-level1>.er-mult-menu-item>.er-mult-menu-node.selected a:focus,
.er-mult-menu-l10 .er-mult-menu-level1>.er-mult-menu-item>.er-mult-menu-node.selected a:active {
	color: #fff!important;
}

.er-mult-menu-l11 {
	background: #20a0ff;
}

.er-mult-menu-l11 .er-mult-menu-level1>.er-mult-menu-item:hover>.er-mult-menu-node {
	background: rgba(0, 0, 0, 0.3);
}

.er-mult-menu-l11 .er-mult-menu-level1>.er-mult-menu-item>.er-mult-menu-node.selected {
	background: #fff;
}

.er-mult-menu-l11 .er-mult-menu-level1>.er-mult-menu-item>.er-mult-menu-node.selected:after {
	background: #20a0ff;
}

.er-mult-menu-l11 .er-mult-menu-level1>.er-mult-menu-item>.er-mult-menu-node.selected a:link,
.er-mult-menu-l11 .er-mult-menu-level1>.er-mult-menu-item>.er-mult-menu-node.selected a:visited,
.er-mult-menu-l1 .er-mult-menu-level1>.er-mult-menu-item>.er-mult-menu-node.selected a:hover,
.er-mult-menu-l11 .er-mult-menu-level1>.er-mult-menu-item>.er-mult-menu-node.selected a:focus,
.er-mult-menu-l11 .er-mult-menu-level1>.er-mult-menu-item>.er-mult-menu-node.selected a:active {
	color: #20a0ff!important;
}

.er-mult-menu-l12 {
	background: none;
}

.er-mult-menu-l12 .er-mult-menu-level1>.er-mult-menu-item>.er-mult-menu-node {
	overflow: hidden;
}

.er-mult-menu-l12 .er-mult-menu-level1>.er-mult-menu-item>.er-mult-menu-node:first {
	border-left: 0;
}

.er-mult-menu-l12 .er-mult-menu-level1>.er-mult-menu-item:hover>.er-mult-menu-node {
	background: rgba(0, 0, 0, 0.2);
}

.er-mult-menu-l12 .er-mult-menu-level1>.er-mult-menu-item>.er-mult-menu-node.selected {
	background: #20a0ff;
}

.er-mult-menu-l12 .er-mult-menu-level1>.er-mult-menu-item>.er-mult-menu-node a:link,
.er-mult-menu-l12 .er-mult-menu-level1>.er-mult-menu-item>.er-mult-menu-node a:visited {
	color: #666!important;
}

.er-mult-menu-l12 .er-mult-menu-level1>.er-mult-menu-item>.er-mult-menu-node a:hover,
.er-mult-menu-l12 .er-mult-menu-level1>.er-mult-menu-item>.er-mult-menu-node a:focus,
.er-mult-menu-l12 .er-mult-menu-level1>.er-mult-menu-item>.er-mult-menu-node a:active {
	color: #666!important;
}

.er-mult-menu-l12 .er-mult-menu-level1>.er-mult-menu-item>.er-mult-menu-node.selected a:link,
.er-mult-menu-l12 .er-mult-menu-level1>.er-mult-menu-item>.er-mult-menu-node.selected a:visited,
.er-mult-menu-l12 .er-mult-menu-level1>.er-mult-menu-item>.er-mult-menu-node.selected a:hover,
.er-mult-menu-l12 .er-mult-menu-level1>.er-mult-menu-item>.er-mult-menu-node.selected a:focus,
.er-mult-menu-l12 .er-mult-menu-level1>.er-mult-menu-item>.er-mult-menu-node.selected a:active {
	color: #fff!important;
}

.er-mult-menu-l12.er-mult-menu-width {
	width: 14em;
}


/*add er-mult-menu-l14 横向菜单*/

.er-mult-menu-l14 .er-mult-menu-nodes {}

.er-mult-menu-l14 .er-mult-menu-level1 .er-mult-menu-item {
	float: none;
	text-align: left;
	position: relative;
}

.er-mult-menu-l14 .er-mult-menu-level1 .node-a .fa {
	position: absolute;
	right: 1em;
	top: 1em;
}

.er-mult-menu-l14 .er-mult-menu-level1>.er-mult-menu-item>.er-mult-menu-children {
	/*display: block;*/
	position: absolute;
	left: 100%;
	top: -3px;
	width: 58em;
	margin-left: -2px;
	z-index: 20;
}

.er-mult-menu-l14 .er-mult-menu-level1 .er-mult-menu-children>ul {
	background: #fff!important;
	/*这个地方我不需要颜色变化,所以级别提高*/
	border: 2px solid #20a0ff;
	padding: .5em;
	line-height: 2.6em;
}

.er-mult-menu-l14 .er-mult-menu-level2 {
	white-space: normal;
}

.er-mult-menu-l14 .er-mult-menu-level2 .er-mult-menu-item {
	display: inline-block;
}

.er-mult-menu-l14 .er-mult-menu-level2 .er-mult-menu-item a {
	color: #333;
}

.er-mult-menu-l14 .er-mult-menu-level2 .node-a {
	padding: 0;
	line-height: 2em;
	margin: 0.2em 0.5em;
	min-width: 6em;
	font-size: 1em;
}


/*add er-mult-menu-l15 横向菜单*/

.er-mult-menu-l15.er-mult-menu {
	background: #fff;
}

.er-mult-menu-l15 .er-mult-menu-level1 .er-mult-menu-item {
	float: none;
	text-align: left;
	position: relative;
}

.er-mult-menu-l15 .er-mult-menu-level1 .er-mult-menu-item:hover>.er-mult-menu-node {
	background: #fafafa;
}

.er-mult-menu-l15 .er-mult-menu-level1 .er-mult-menu-item .node-a:hover {
	color: #20a0ff;
}

.er-mult-menu-l15 .er-mult-menu-level1 .node-a .fa {
	position: absolute;
	right: 1em;
	top: 1em;
}

.er-mult-menu-l15 .er-mult-menu-level1 .node-a {
	color: #333;
}

.er-mult-menu-l15 .er-mult-menu-level1>.er-mult-menu-item>.er-mult-menu-children {
	/*display: block;*/
	position: absolute;
	left: 100%;
	top: -3px;
	width: 58em;
	margin-left: 0px;
	z-index: 20;
}

.er-mult-menu-l15 .er-mult-menu-level1 .er-mult-menu-children>ul {
	background: #fafafa!important;
	/*这个地方我不需要颜色变化,所以级别提高*/
	padding: .5em;
	line-height: 2.6em;
	border-radius: 0;
}

.er-mult-menu-l15 .er-mult-menu-level2 {
	white-space: normal;
}

.er-mult-menu-l15 .er-mult-menu-level2 .er-mult-menu-item {
	display: inline-block;
}

.er-mult-menu-l15 .er-mult-menu-level2 .er-mult-menu-item a {
	color: #333;
}

.er-mult-menu-l15 .er-mult-menu-level2 .er-mult-menu-item:hover a {
	background: none;
	color: #20a0ff;
}

.er-mult-menu-l15 .er-mult-menu-level2 .node-a {
	padding: 0;
	line-height: 2em;
	margin: 0.2em 0.5em;
	min-width: 6em;
	font-size: 1em;
}


/*add er-mult-menu-l16 移動端竪向導航*/

.er-mult-menu-l16 {
	background: #fff;
}

.er-mult-menu-l16.er-mult-menu a:link,
.er-mult-menu-l16.er-mult-menu a:visited,
.er-mult-menu-l16.er-mult-menu a:hover,
.er-mult-menu-l16.er-mult-menu a:focus,
.er-mult-menu-l16.er-mult-menu a:active {
	color: #000;
}

.er-mult-menu-l16 .er-mult-menu-level1 .er-mult-menu-item {
	float: none;
	text-align: left;
}

.er-mult-menu-l16 .er-mult-menu-level1 .node-a .fa {
	position: absolute;
	right: 1em;
	top: 1em;
}

.er-mult-menu-l16 .er-mult-menu-item:hover>.er-mult-menu-node {
	background: none;
}

.er-mult-menu-l16 .er-mult-menu-children {
	position: relative;
	left: 0;
}

.er-mult-menu-l16 .er-mult-menu-level1>.er-mult-menu-item>.er-mult-menu-children {
	padding-top: 0;
}

.er-mult-menu-l16 .er-mult-menu-level1 .er-mult-menu-children>ul {
	background: #eee!important;
	border-radius: 0;
	text-indent: 1em;
}

.er-mult-menu-l16 .er-mult-menu-level2 .er-mult-menu-children {
	padding: 0;
}

.er-mult-menu-l16 .er-mult-menu-level2 .er-mult-menu-children>ul {
	background: #f5f5f5!important;
	text-indent: 2em;
}

.er-mult-menu-l16 .er-mult-menu-level3 .er-mult-menu-children>ul {
	background: #fafafa!important;
	text-indent: 3em;
}


/*图标导航*/

.er-mult-menu-imgTop .er-mult-menu-level1>.er-mult-menu-item {
	line-height: 2em;
}

.er-mult-menu-imgLeft .er-mult-menu-level1>.er-mult-menu-item a {
	display: flex;
	align-items: center;
	justify-content: center;
}

.er-mult-menu-imgLeft .er-mult-menu-level1>.er-mult-menu-item a span {
	margin-left: 0.5em;
}

.er-mult-menu-imgLeft img,
.er-mult-menu-imgTop img {
	width: 2em;
	height: 2em;
}

.er-mult-menu-imgLeft.er-mult-menu-small img,
.er-mult-menu-imgTop.er-mult-menu-small img {
	width: 2.4em;
	height: 2.4em;
}

.er-mult-menu-imgTop .er-mult-menu-node .node-a img {
	padding-top: 0.6em;
}


/*-----er-mult-menu-l01------*/

.er-mult-menu-l01 .er-mult-menu-level1>.er-mult-menu-item>.er-mult-menu-node:after {
	content: "";
	display: block;
	position: absolute;
	left: 2px;
	bottom: 0;
	height: 3px;
	right: 2px;
	transition: transform 0.3s ease;
	transform: scaleX(0);
}

.er-mult-menu-l01 .er-mult-menu-level1>.er-mult-menu-item:hover>.er-mult-menu-node:after,
.er-mult-menu-l01 .er-mult-menu-level1>.er-mult-menu-item>.er-mult-menu-node.selected:after {
	transform: scaleX(1);
}


/*-----er-mult-menu-l07------*/

.er-mult-menu-l07 .er-mult-menu-level1>.er-mult-menu-item>.er-mult-menu-node.selected:after {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	right: 0;
	height: 3px;
	top: -3px;
}


/*-----er-mult-menu-l04------*/

.er-mult-menu-l04:after {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	bottom: 0;
	right: 0;
	height: 3px;
}


/*-----er-mult-menu-l05------*/

.er-mult-menu-l05 .er-mult-menu-level1>.er-mult-menu-item {
	margin: 0 0.2em;
}


/*-----er-mult-menu-l08------*/

.er-mult-menu-l08 .er-mult-menu-level1>.er-mult-menu-item>.er-mult-menu-node:after {
	content: "";
	display: block;
	position: absolute;
	left: 2px;
	top: 0;
	height: 3px;
	right: 2px;
	transition: transform 0.3s ease;
	transform: scaleX(0);
}

.er-mult-menu-l08 .er-mult-menu-level1>.er-mult-menu-item:hover>.er-mult-menu-node:after,
.er-mult-menu-l08 .er-mult-menu-level1>.er-mult-menu-item>.er-mult-menu-node.selected:after {
	transform: scaleX(1);
}


/*-----er-mult-menu-l09------*/

.er-mult-menu-l09 .er-mult-menu-level1>.er-mult-menu-item {
	margin: 0 0.2em;
}

.er-mult-menu-l09 .er-mult-menu-level1>.er-mult-menu-item>.er-mult-menu-node.selected {
	border: 1px solid #ddd;
	border-top: 0;
}

.er-mult-menu-l09 .er-mult-menu-level1>.er-mult-menu-item>.er-mult-menu-node.selected:after {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	height: 3px;
	right: 0;
}


/*-----er-mult-menu-l10------*/

.er-mult-menu-l10 .er-mult-menu-level1>.er-mult-menu-item>.er-mult-menu-node {
	border-radius: 2em;
	margin: 0 0.2em;
}

.er-mult-menu-l10 .node-a {
	padding: 0 1.5em;
}


/*-----er-mult-menu-l12------*/

.er-mult-menu-l12 .er-mult-menu-node {
	height: 3.4em;
}

.er-mult-menu-l12 .er-mult-menu-level1>.er-mult-menu-item>.er-mult-menu-node.selected {
	border-top: 0;
}

.er-mult-menu-l12 .er-mult-menu-level1>.er-mult-menu-item>.er-mult-menu-node.selected:after {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	height: 3px;
	right: 0;
}

.er-mult-menu-l12 .er-wrap {
	width: 100%;
}

.er-mult-menu-l12 .er-mult-menu-level1>.er-mult-menu-item {
	float: none;
	text-align: left;
}

.er-mult-menu-l12 .er-mult-menu-children {
	min-width: initial;
	width: auto;
}

.er-mult-menu-l12 .er-mult-menu-level1>.er-mult-menu-item>.er-mult-menu-children {
	left: 100%;
	top: 0;
	padding-top: 0;
	padding-left: 0;
}

.er-mult-menu-l12 a.topLevel {
	font-size: 1.2em;
}

.er-mult-menu-l12 a.childLevel {
	margin-left: 1em;
}

.er-mult-menu-l12 .er-mult-menu-node {
	padding: 0 1.8em 0 1em;
}

.er-mult-menu-l12 .er-mult-menu-node span.classi {
	position: absolute;
	right: 16px;
	top: 0px;
	color: #666262;
}

.er-mult-menu-l12 .classWrap {
	display: inline-block;
	/*width: 95%;*/
	overflow: hidden;
}


/*er-Lightbg*/

.er-Lightbg {
	background: #fff;
}

.er-Lightbg .el-collapse-item__header {
	color: #333;
}

.er-Lightbg .el-collapse-item__wrap {
	background: #fafafa;
}

.er-Lightbg .er-mult-menu-l13 .er-mult-menu-level1>.er-mult-menu-item>.er-mult-menu-node a:link,
.er-Lightbg .er-mult-menu-l13 .er-mult-menu-level1>.er-mult-menu-item>.er-mult-menu-node a:visited {
	color: #666!important;
}


/*-----er-mult-menu-l13------*/

.el-collapse-menu {
	position: relative;
	overflow: hidden;
}

.er-deepbg {
	background: #000;
}

.el-collapse-menu .el-collapse {
	border-top: 0;
	border-bottom-color: rgba(255, 255, 255, 0.2);
}

.el-collapse-item__header {
	padding: 0 0 0 0.8em;
	border-bottom-color: rgba(255, 255, 255, 0.2);
	color: #fff;
}

.el-collapse-item__header .el-icon-arrow-right {
	margin-right: 0.5em;
}

.er-mult-menu-l13 {
	background: none;
}

.er-mult-menu-l13 .er-mult-menu-level1>.er-mult-menu-item>.er-mult-menu-node {
	overflow: hidden;
}

.er-mult-menu-l13 .er-mult-menu-level1>.er-mult-menu-item>.er-mult-menu-node:first {
	border-left: 0;
}

.er-mult-menu-l13 .er-mult-menu-level1>.er-mult-menu-item:hover>.er-mult-menu-node {
	background: rgba(0, 0, 0, 0.2);
}

.er-mult-menu-l13.er-mult-menu .er-mult-menu-level1 .er-mult-menu-children>ul {
	background: inherit;
}

.er-mult-menu-l13 .er-mult-menu-level1>.er-mult-menu-item>.er-mult-menu-node.selected {
	background: #20a0ff;
}

.er-mult-menu-l13 .er-mult-menu-level1>.er-mult-menu-item>.er-mult-menu-node a:link,
.er-mult-menu-l13 .er-mult-menu-level1>.er-mult-menu-item>.er-mult-menu-node a:visited {
	color: #fff!important;
}

.er-mult-menu-l13 .er-mult-menu-level1>.er-mult-menu-item>.er-mult-menu-node a:hover,
.er-mult-menu-l13 .er-mult-menu-level1>.er-mult-menu-item>.er-mult-menu-node a:focus,
.er-mult-menu-l13 .er-mult-menu-level1>.er-mult-menu-item>.er-mult-menu-node a:active {
	color: #fff!important;
}

.er-mult-menu-l13 .er-mult-menu-level1>.er-mult-menu-item>.er-mult-menu-node.selected a:link,
.er-mult-menu-l13 .er-mult-menu-level1>.er-mult-menu-item>.er-mult-menu-node.selected a:visited,
.er-mult-menu-l13 .er-mult-menu-level1>.er-mult-menu-item>.er-mult-menu-node.selected a:hover,
.er-mult-menu-l13 .er-mult-menu-level1>.er-mult-menu-item>.er-mult-menu-node.selected a:focus,
.er-mult-menu-l13 .er-mult-menu-level1>.er-mult-menu-item>.er-mult-menu-node.selected a:active {
	color: #fff!important;
}

.el-collapse-twomenu .er-mult-menu-l13 .er-mult-menu-level1>.er-mult-menu-item>.er-mult-menu-node a:link,
.el-collapse-twomenu .er-mult-menu-l13 .er-mult-menu-level1>.er-mult-menu-item>.er-mult-menu-node a:visited {
	color: #fff!important;
}

.er-mult-menu-l13 .er-mult-menu-node {
	height: 3.4em;
}

.er-mult-menu-l13 .er-mult-menu-level1>.er-mult-menu-item>.er-mult-menu-node.selected {
	border-top: 0;
}

.er-mult-menu-l13 .er-mult-menu-level1>.er-mult-menu-item>.er-mult-menu-node.selected:after {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	height: 3px;
	right: 0;
}

.er-mult-menu-l13 .er-wrap {
	width: 100%;
}

.er-mult-menu-l13 .er-mult-menu-level1>.er-mult-menu-item {
	float: none;
	text-align: left;
}

.er-mult-menu-l13 .er-mult-menu-children {
	min-width: initial;
	width: auto;
}

.er-mult-menu-l13 .er-wrap {
	position: inherit;
}

.er-mult-menu-l13.er-mult-menu {
	position: inherit;
	background: none;
}

.er-mult-menu-l13.er-mult-menu .er-mult-menu-item {
	position: inherit;
}

.er-mult-menu-l13.er-mult-menu .er-mult-menu-node {
	position: inherit;
}

.er-mult-menu-l13 .er-mult-menu-level1>.er-mult-menu-item>.er-mult-menu-children {
	left: 100%;
	top: 0;
	padding-top: 0;
	padding-left: 0;
	display: block;
	width: 100%;
	position: absolute;
	height: 100%;
	background: #fff;
	transition: transform 0.2s linear;
	-ms-transition: -ms-transform .2s linear;
	-webkit-transition: transform 0.2s linear;
}

.er-mult-menu-l13.er-mult-menu .er-mult-menu-item:hover>.er-mult-menu-children {
	transform: translate(-100%);
	-ms-transform: translate(-100%);
	-webkit-transform: translate(-100%);
}

.er-mult-menu-l13 .er-mult-menu-level1>.er-mult-menu-item>.er-mult-menu-children .er-mult-menu-head2>div {
	background: #000;
	color: #fff;
	font-size: 1.1em;
}

.er-mult-menu-l13 .er-mult-menu-level1>.er-mult-menu-item>.er-mult-menu-children .er-mult-menu-head2>div .fa {
	margin-right: 0.5em;
}

.er-mult-menu-l13 .el-collapse-menu-head {
	color: #666;
	padding-left: 1em;
	font-size: 1.2em;
	border-bottom: 1px solid #eee;
}

.er-mult-menu-l13 .el-collapse-menu-head .el-collapse-menu-head-text {
	margin-left: 1em;
}

.el-carousel__mask,
.el-cascader-menu,
.el-cascader-menu__item.is-disabled:hover,
.el-collapse-item__header,
.el-collapse-item__wrap {
	background: inherit;
}

.el-collapse-item__wrap {
	border-bottom-color: rgba(255, 255, 255, 0.2);
}

.er-mult-menu-l13 a.topLevel {
	font-size: 1.2em;
}

.er-mult-menu-l13 a.childLevel {
	margin-left: 1em;
}

.er-mult-menu-l13 .er-mult-menu-node {
	padding: 0 0 0 1em;
}

.er-mult-menu-l13 .er-mult-menu-node span.classi {
	position: absolute;
	right: 16px;
	top: 0px;
	color: #666262;
}

.er-mult-menu-head {
	color: #666;
	background: #fff;
}

.er-mult-menu-l12 .classWrap {
	display: inline-block;
	/*width: 95%;*/
	overflow: hidden;
}

.el-collapse-item__wrap .er-mult-menu-l13 .er-mult-menu-node {
	padding: 0;
}

.el-collapse-item__wrap .er-mult-menu-l13 .er-mult-menu-node a {
	color: #333;
}

.er-mult-menu-l13.er-mult-menu .node-a .fa {
	float: right;
	line-height: 42px;
}

.er-mult-menu-small.er-mult-menu-l13.er-mult-menu .node-a .fa {
	line-height: 40px;
}

.er-mult-menu-large.er-mult-menu-l13.er-mult-menu .node-a .fa {
	line-height: 49px;
}


/*--------------er-mult-sort-l01----------------*/

.er-mult-sort {
	background: none;
	font-size: 1.2rem;
}

.er-mult-sort .er-wrap {
	width: 100%;
}

.er-mult-sort .er-mult-menu-level1>.er-mult-menu-item {
	float: none;
	clear: both;
	padding: 0.5rem;
}

.er-mult-sort a:link,
.er-mult-sort a:visited {
	color: #555;
	text-decoration: none;
}

.er-mult-sort a:hover,
.er-mult-sort a:focus,
.er-mult-sort a:active {
	color: #555!important;
	text-decoration: none;
}

.er-mult-sort .er-mult-menu-node {
	padding: 0.5em;
}

.er-mult-sort .er-mult-menu-node a {
	padding: 0.5em;
}

.er-mult-sort .er-mult-menu-node a:hover {
	background: #eee;
}

.er-mult-sort .er-mult-menu-level1>.er-mult-menu-item .er-mult-menu-node {
	float: left;
}

.er-mult-sort .er-mult-menu-level1>.er-mult-menu-item>.er-mult-menu-children {
	display: block;
	overflow: hidden;
	border: 1px solid #ddd;
	padding: 0.4rem 0;
}

.er-mult-sort .er-mult-menu-children {
	display: block;
	overflow: hidden;
}

.er-mult-sort .er-mult-menu-level1 .er-mult-menu-children>ul {
	background: none;
}

.er-mult-sort .er-mult-menu-level2>.er-mult-menu-item>.er-mult-menu-node {
	font-weight: bold;
}

.er-mult-sort .selected a {
	background: #20a0ff;
}

.er-mult-sort .selected a:link,
.er-mult-sort .selected a:visited {
	color: #fff;
	text-decoration: none;
}


/*-------------------er-tabs--------------------------*/

.er-tabs {}

.er-tabs-title {
  line-height: 4rem;
  height: 4rem;
  background: #f7f7f7;
  position: relative;
}
.er-tabs-morecontent{
  position: absolute;
  right: 0;
  top: 100%;
  background: #fff;
  display: none;
  z-index: 2;
  line-height: 2.4em;
  padding: 0.5em 1em;

}
.er-tabs-more:hover .er-tabs-morecontent{
  display: block;
  box-shadow: 0px 2px 4px rgba(0,0,0,0.2);

}
.er-tabs-more .er-tabs-morecontent:before{
	content: "";
    position: absolute;
    left:50%;
    top:-14px;
    border: 7px solid #ccc;
    border-color: transparent transparent #ccc transparent;
    width: 0;
    height: 0;
    margin-left:-7px;


}

.er-tabs-morecontent>div:hover{color: #02B2B5;}


.er-tabs-title:after {
	content: "";
	display: block;
	clear: both;
}

.er-tabs-name {
	margin: 0;
	padding: 0;
	float: left;
	margin-right: 1rem;
	font-size: 1.2rem;
	padding-left: 1rem;
	padding-right: 1rem;
	position: relative;
	color: #555;
}

.er-tabs-name a {
	text-decoration: none;
	display: block;
}

.er-tabs-name:after {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 2px;
	background: #20a0ff;
}

.er-tabs-more {
	float: right;
	margin-left: 2rem;
	padding-right: 1rem;
}

.er-tabs-navs {
	white-space: nowrap;
}

.er-tabs-links {
	overflow: auto;
	text-align: right;
}

.er-tabs-links::-webkit-scrollbar {
	display: none;
}

.er-tabs-nav {
	padding: 0 1rem;
	display: inline-block;
	text-decoration: none!important;
	font-size: 1.1em;
	line-height: 3rem;
	margin: 0 0.5rem;
	position: relative;
}

.er-tabs-links .active {
	background: #20a0ff;
	color: #fff;
	text-decoration: none;
}

.er-tabs-links .active:focus,
.er-tabs-links .active:hover {
	color: #fff!important;
}

.er-tabs-con {
	background: #fff;
}

.er-tabs-box .er-tabs-links {
	display: -ms-flexbox;
	display: -webkit-box;
}

.er-tabs-box .er-tabs-nav {
	display: flex;
	line-height: 4rem;
	-ms-flex: 1;
	-webkit-box-flex: 1;
	margin: 0;
	padding: 0
}

.er-tabs-box .er-tabs-nav span {
	width: 100%;
	display: block;
	text-align: center;
}

.er-tabs-image .er-tabs-title .er-tabs-name {
	float: none;
	margin-right: 0;
}

.er-tabs-image .er-tabs-title {
	height: auto;
	position: relative;
}

.er-tabs-image .er-tabs-more {
	position: absolute;
	right: 1em;
	top: 0;
	margin-right: 0;
}

.er-tabs-image .er-tabs-navs {
	line-height: 1em;
}

.er-tabs-image .er-tabs-links {
	text-align: center;
}

.er-tabs-image .er-tabs-nav {
	line-height: 1.6em!important;
	padding-top: 1em;
	padding-bottom: 1em;
	text-align: center;
}

.er-tabs-image .er-tabs-nav img {
	max-width: 4em;
}


/*---------------------er-tabs-l01--------------------*/

.er-tabs-l01 {}

.er-tabs-l01 .er-tabs-title {
	border-top: 1px solid #20a0ff;
}

.er-tabs-l01 .er-tabs-nav {
	line-height: inherit;
}

.er-tabs-l01 .er-tabs-name:after {
	display: none;
}


/*---------------------er-tabs-l02--------------------*/

.er-tabs-l02 {}

.er-tabs-l02 .er-tabs-title {
	border-bottom: 1px solid #20a0ff;
}

.er-tabs-l02 .er-tabs-nav {
	line-height: inherit;
}

.er-tabs-l02 .er-tabs-name:after {
	display: none;
}


/*---------------------er-tabs-l03--------------------*/

.er-tabs-l03 {}

.er-tabs-l03 .er-tabs-nav {
	line-height: inherit;
}

.er-tabs-l03 .er-tabs-links .active {
	background: none;
	color: #20a0ff;
}

.er-tabs-l03 .er-tabs-links .active:hover,
.er-tabs-l03 .er-tabs-links .active:focus {
	color: #20a0ff!important;
}

.er-tabs-l03 .er-tabs-links .active:after {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 3px;
	background: #20a0ff;
}

.er-tabs-l03 .er-tabs-name:after {
	display: none;
}

.er-tabs-l03 .er-tabs-name:before {
	content: "";
	border-left: 3px solid;
	border-color: #20a0ff;
	height: 1.2em;
	position: absolute;
	left: 0;
	top: 15px;
}


/*---------------------er-tabs-l04--------------------*/

.er-tabs-l04 {}

.er-tabs-l04 .er-tabs-title {
	background: #20a0ff;
}

.er-tabs-l04 .er-tabs-name,
.er-tabs-l04 .er-tabs-name a {
	color: #fff;
}

.er-tabs-l04 .er-tabs-nav {
	line-height: inherit;
	color: #fff;
	line-height: 3.4rem;
	margin-top: 0.6rem;
	border-radius: 3px 3px 0 0;
}

.er-tabs-l04 .er-tabs-nav:hover,
.er-tabs-l04 .er-tabs-nav:focus {
	color: #fff!important;
}

.er-tabs-l04 .er-tabs-name:after {
	display: none;
}

.er-tabs-l04 .er-tabs-more {
	color: #fff;
}

.er-tabs-l04 .er-tabs-links {}

.er-tabs-l04 .er-tabs-links .active {
	background: #fff;
	color: #20a0ff;
}

.er-tabs-l04 .er-tabs-links .active:hover,
.er-tabs-l04 .er-tabs-links .active:focus {
	color: #333!important;
}


/*---------------------er-tabs-l05--------------------*/

.er-tabs-l05 {}

.er-tabs-l05 .er-tabs-title {
	border-bottom: 1px solid #20a0ff;
}

.er-tabs-l05 .er-tabs-nav {
	line-height: inherit;
}

.er-tabs-l05.er-tabs-image .er-tabs-nav {
	margin-bottom: -1px;
}

.er-tabs-l05 .er-tabs-name:after {
	display: none;
}

.er-tabs-l05 .er-tabs-links .active {
	background: #fff;
	color: #20a0ff;
	border: 1px solid #20a0ff;
	border-top-width: 2px;
	line-height: 3.9rem;
	border-bottom-color: #fff;
}

.er-tabs-l05 .er-tabs-links .active:hover,
.er-tabs-l05 .er-tabs-links .active:focus {
	color: #333!important;
}


/*---------------------er-tabs-l06--------------------*/

.er-tabs-l06 {}

.er-tabs-l06 .er-tabs-title {
	border-bottom: 2px solid #20a0ff;
}

.er-tabs-l06 .er-tabs-nav {
	line-height: inherit;
}

.er-tabs-l06 .er-tabs-name:after {
	display: none;
}

.er-tabs-l06 .er-tabs-links .active {
	background: none;
	color: #20a0ff;
}

.er-tabs-l06 .er-tabs-links .active:hover,
.er-tabs-l06 .er-tabs-links .active:focus {
	color: #333!important;
}

.er-tabs-l06 .er-tabs-links .active:after {
	content: "";
	display: block;
	position: absolute;
	left: 50%;
	bottom: 0;
	border: 0.5rem solid #20a0ff;
	border-color: transparent transparent #20a0ff transparent;
	margin-left: -0.5rem;
}


/*---------------------er-tabs-l07--------------------*/

.er-tabs-l07 {}

.er-tabs-l07 .er-tabs-nav {
	line-height: inherit;
}

.er-tabs-l07 .er-tabs-name:after {
	display: none;
}

.er-tabs-l07 .er-tabs-links .active:after {
	content: "";
	display: block;
	position: absolute;
	left: 50%;
	top: 100%;
	border: 0.5rem solid #20a0ff;
	border-color: #20a0ff transparent transparent transparent;
	margin-left: -0.5rem;
}


/*---------------------er-tabs-l08--------------------*/

.er-tabs-l08 {}

.er-tabs-l08 .er-tabs-nav {
	line-height: inherit;
	line-height: 3rem;
	border-radius: 2rem;
	padding-left: 1.5rem;
	padding-right: 1.5rem;
}

.er-tabs-l08 .er-tabs-name:after {
	display: none;
}
/*---------------------er-tabs vertical reverse--------------------*/
.er-tabs.vertical:after,.er-tabs.vertical .er-tabs-title:after{
  content: "";
  height: 0px;
  display: block;
  clear: both;
}
.er-tabs.vertical{
  display: flex;
}
.er-tabs.vertical.reverse{
  flex-direction:row-reverse;
  padding-top: 0px;
}
.er-tabs.vertical .er-tabs-title{
  flex: 1;
  height: auto;
}
.er-tabs.vertical .er-tabs-con{
  flex: 4;
}
.er-tabs.vertical .er-tabs-name,.vertical .er-tabs-navs{
  float: left;
  width: 100%;
  padding: 0px;
  margin: 0px;
  text-align: left;
}
.er-tabs.vertical .er-tabs-name a{
  padding-left: 1em;
}
.er-tabs.vertical .er-tabs-navs .er-tabs-links a{
  float: left;
  width: 100%;
  text-align: left;
  padding: 0px;
  margin: 0px;
  padding-left: 2em;
}

/*------------------iphone_line(自定义样式)-菜单横向滚动----2019.3.22add------------*/

.iphone_line .er-tabs-title {}

.iphone_line .er-tabs-title .er-tabs-navs {
	overflow: hidden;
	overflow-x: auto;
	height: 100%;
}

.iphone_line .er-tabs-box .er-tabs-links {
	text-align: left;
	height: 100%;
}

.iphone_line .er-tabs-box .er-tabs-nav {
	padding: 0 0.5rem;
	display: inline-block;
}


/*--------------er-slid------------*/

.er-slid {
	position: relative;
	overflow: hidden;
}

.er-slid-vertical {
	position: relative;
	padding: 0px;
}

.er-slid-horizontal {
	position: relative;
}

.er-slid-scroll {
	overflow: hidden;
}

.er-slid-scroll>div {
	position: absolute;
	top: 0;
	left: 0;
}

.er-slid-vertical .er-slid-scroll {
	overflow: visible;
}

.er-slid-horizontal .er-slid-wrapper {
	display: -ms-flexbox;
	display: -webkit-box;
}

.er-slid-horizontal .er-slid-interval.er-slid-scroll {
	margin-left: 2.6rem;
	margin-right: 2.6rem;
}

.er-slid-horizontal .er-news-list-box {
	display: flex;
}

.er-slid-horizontal .er-news-list-texts-ul .list {
	display: flex;
}

.er-slid-horizontal .er-slid-pagination {
	position: absolute;
	width: 100%;
	text-align: center;
	bottom: 0;
}
.er-slid-horizontal .er-slid-pagination.center{
  text-align: center;
}
.er-slid-horizontal .er-slid-pagination.left{
  text-align: left;
}
.er-slid-horizontal .er-slid-pagination.right{
  text-align: right;
}
.er-slid-vertical .er-slid-pagination {
	position: absolute;
	top: 0;
	width: 3rem;
	right: 0;
	height: 100%;
	text-align: center;
}

.er-slid-vertical .er-slid-pagination>div {
	width: 100%;
	height: 100%;
	display: table;
}

.er-slid-vertical .er-slid-pagination>div>div {
	display: table-cell;
	height: 100%;
	vertical-align: middle;
}

.er-slid-pagination .er-slid-bar {
	display: inline-block;
	width: 0.8rem;
	height: 0.8rem;
	background: #eee;
	border-radius: 50%;
	margin: 0.5rem;
	cursor: pointer;
}

.er-slid-pagination .er-slid-bar.active {
	background: #ff6537;
}

.er-slid-scroll {
	position: relative;
	overflow: hidden;
}

.er-slid-vertical .er-slid-wrapper {
	position: absolute;
	height: 100%;
	left: 0;
	top: 0;
}

.er-slid-wrapper {
	transition-property: transform;
	-ms-transition-property: -ms-transform;
	-webkit-transition-property: -webkit-transform;
	transition-timing-function: ease-in-out;
	-ms-transition-timing-function: ease-in-out;
	-webkit-transition-timing-function: ease-in-out;
}

.er-slit-up {
	position: absolute;
	width: 100%;
	left: 0;
	top: 0;
	text-align: center;
}

.er-slit-down {
	position: absolute;
	width: 100%;
	left: 0;
	bottom: 0;
	text-align: center;
}

.er-slit-next {
	position: absolute;
	right: 0;
	top: 50%;
	margin-top: -1.3rem;
	cursor: pointer;
}

.er-slit-prev {
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -1.3rem;
	cursor: pointer;
}

.er-slit-up .fa,
.er-slit-down .fa,
.er-slit-next .fa,
.er-slit-prev .fa {
	font-size: 2.6rem;
	color: #20a0ff;
}


/*-------------er-column-----------------*/

.er-column {
	font-size: 1rem;
	position: relative;
}

.er-column .er-column-title {
	position: relative;
	font-weight: normal;
}

.er-column .er-column-title-text {
	line-height: 100%;
}

.er-column.reverse .er-column-title-text {
	-webkit-box-pack: center;
}

.er-column.reverse .er-column-more {
	right: auto;
	left: 0em;
}

.er-column.reverse .er-column-more a {
	margin-right: 0px;
	margin-left: 0px;
}

.er-column .er-column-title h3,
.er-column .er-column-title h4 {
	padding: 0;
	margin: 0;
	font-weight: inherit;
}

.er-column .er-column-title h4 {
	font-size: 1.2em;
}

.er-column .er-column-more {
	font-size: 1.1rem;
	position: absolute;
	right: 1em;
	top: 0em;
	z-index: 2;
	height: 100%;
	text-align: center;
	line-height: 4em;
	min-width: 2em;
}

.er-column .er-column-more a {
	display: block;
	margin-left: 1em;
	margin-right: -1em;
}

.er-column .er-column-more * {
	color: inherit;
}


/*---------er-column-l01-------------------*/

.er-column-l01 .er-column-title {
	text-align: center;
	color: #20A0FF;
	-ms-flex-align: center;
	-webkit-box-align: center;
	font-size: 1.8rem;
}

.er-column-l01 .er-column-title h3 {
	color: inherit;
	font-size: 1em;
}

.er-column-l01 .er-column-title h4 {
	color: #555;
	font-size: 0.7em;
	padding: 0.6em 0 0.2em 0;
	position: relative;
}

.er-column-l01 .er-column-title-text {
	display: -ms-flexbox;
	display: -webkit-box;
	-ms-flex-pack: center;
	-ms-flex-align: center;
	-webkit-box-pack: center;
	-webkit-box-orient: vertical;
	height: 3em;
	width: 100%;
	padding: 0.8em 0;
}

.er-column-l01 .er-column-title-text:after {
	content: "";
	display: block;
	position: absolute;
	left: 50%;
	bottom: 0.5em;
	width: 1.2em;
	margin-left: -0.6em;
	height: 0;
	border: 2px solid #000;
	border-radius: 2px;
	border-color: inherit;
}

.er-column-l01 .er-column-more {
	position: absolute;
	/*right: 1em;*/
	/*top: 50%;*/
	/*margin-top: -0.5em;*/
}


/*---------------er-column-col2--------------------*/

.er-column-l02 .er-column-title {
	text-align: center;
	position: relative;
	font-size: 1.8rem;
	color: #20A0FF;
}

.er-column-l02 .er-column-title-text {
	display: -ms-flexbox;
	display: -webkit-box;
	-ms-flex-pack: center;
	-ms-flex-align: center;
	-webkit-box-pack: center;
	-webkit-box-orient: vertical;
	height: 3em;
	width: 100%;
	padding: 0.8em 0;
}

.er-column-l02 .er-column-title h3 {
	color: inherit;
	font-size: 1em;
}

.er-column-l02 .er-column-title h4 {
	color: #555;
	font-size: 0.7em;
	padding: 0.6em 0 0 0;
	position: relative;
	vertical-align: middle;
}

.er-column-l02 .er-column-title h4:after {
	content: "";
	display: inline-block;
	vertical-align: middle;
	width: 4em;
	border-bottom: 2px solid #bbb;
	margin-left: 1em;
}

.er-column-l02 .er-column-title h4:before {
	content: "";
	display: inline-block;
	vertical-align: middle;
	width: 4em;
	border-bottom: 2px solid #bbb;
	margin-right: 1em;
}

.er-column-l02 .er-column-more {
	position: absolute;
	/*right: 1em;*/
	/*top: 50%;*/
	/*margin-top: -0.5em;*/
}


/*------------------er-column-col3---------------------*/

.er-column-l03 .er-column-title {
	color: #20A0FF;
	font-size: 1.6rem;
}

.er-column-l03 .er-column-title-text {
	border-color: inherit;
	padding: 0.5em 0.5em 0.5em 1em;
	display: -ms-flexbox;
	display: -webkit-box;
	-ms-flex-direction: column;
	-ms-flex-pack: center;
	-webkit-box-orient: vertical;
	-webkit-box-pack: center;
	position: relative;
}

.er-column-l03 .er-column-title-text:after {
	content: "";
	display: block;
	position: absolute;
	left: 0.3em;
	top: 0.5em;
	bottom: 0.5em;
	width: 0;
	border-left: 3px solid #000;
	border-color: inherit;
}

.er-column-l03 .er-column-title h3 {
	color: inherit;
	font-size: 1em;
}

.er-column-l03 .er-column-title h4 {
	color: #555;
	font-size: 0.8em;
	padding-top: 0.5em;
	line-height: 100%;
}

.er-column-l03 .er-column-more {
	position: absolute;
	/*right: 1em;*/
	/*top: 50%;*/
	/*margin-top: -0.5em;*/
}


/*-------------------er-column-col4-------------------*/

.er-column-l04 .er-column-title {
	font-size: 1.6rem;
	padding: 0;
	color: #20A0FF;
}

.er-column-l04 .er-column-title h3 {
	color: inherit;
	line-height: 100%;
	font-size: 1em;
	display: inline-block;
	vertical-align: middle;
	padding-left: 0.5em;
}

.er-column-l04 .er-column-title h4 {
	display: inline-block;
	vertical-align: middle;
	color: #555;
	font-size: 0.8em;
	padding-left: 0.5em;
	padding-right: 0.5em;
	line-height: 100%;
}

.er-column-l04 .er-column-more {
	position: absolute;
	/*right: 1em;*/
	/*top: 50%;*/
	/*margin-top: -0.5em;*/
}

.er-column-l04 .er-column-title-text:after {
	content: "";
	display: block;
	height: 10px;
	background: #ddd;
	overflow: hidden;
	-ms-flex: 1;
	-webkit-box-flex: 1;
	border-left: 0.5rem solid #000;
	border-color: inherit;
}

.er-column-l04 .er-column-title-text {
	display: -ms-flexbox;
	-ms-flex-align: center;
	display: -webkit-box;
	-webkit-box-align: center;
	height: 4.6rem;
}


/*--------------er-column-col5-----------------*/

.er-column-l05 .er-column-title {
	text-align: center;
	padding: 0;
	font-size: 1.6rem;
	color: #20A0FF;
}

.er-column-l05 .er-column-title-text {
	display: -ms-flexbox;
	display: -webkit-box;
	-ms-flex-align: center;
	-webkit-box-align: center;
	-ms-flex-pack: center;
	-webkit-box-pack: center;
	height: 5.6rem;
	width: 100%;
	border-bottom: 1px solid #ddd;
}

.er-column-l05 .er-column-title h3 {
	color: inherit;
	font-size: 1em;
	vertical-align: middle;
}

.er-column-l05 .er-column-title h4 {
	display: inline-block;
	vertical-align: middle;
	color: #555;
	font-size: 0.8em;
	padding-left: 0.5em;
	line-height: 100%;
}

.er-column-l05 .er-column-more {
	position: absolute;
	/*right: 1em;*/
	/*top: 50%;*/
	/*margin-top: -0.5em;*/
}

.er-column-l05 .er-column-title {}

.er-column-l05 .er-column-title:after {
	content: "";
	display: block;
	position: absolute;
	width: 4em;
	height: 0;
	left: 50%;
	bottom: 0;
	border-bottom: 2px solid #000;
	border-color: inherit;
	margin-left: -2em;
}


/*--------------er-column-l06-----------------*/

.er-column-l06 .er-column-title {
	text-align: center;
	padding: 0;
	font-size: 1.6rem;
	color: #20A0FF;
}

.er-column-l06 .er-column-title-text {
	display: -ms-flexbox;
	display: -webkit-box;
	-ms-flex-align: center;
	-webkit-box-align: center;
	-ms-flex-pack: center;
	-webkit-box-pack: center;
	height: 5.6rem;
	width: 100%;
}

.er-column-l06 .er-column-title h3 {
	color: inherit;
	font-size: 1em;
	vertical-align: middle;
}

.er-column-l06 .er-column-title h4 {
	display: inline-block;
	vertical-align: middle;
	color: #555;
	font-size: 0.8em;
	padding-left: 0.5em;
	line-height: 100%;
}

.er-column-l06 .er-column-more {
	position: absolute;
	/*right: 1em;*/
	/*top: 50%;*/
	/*margin-top: -0.5em;*/
}

.er-column-l06 .er-column-title {
	border-bottom: 1px solid #ddd;
}

.er-column-l06 .er-column-title:after {
	content: "";
	display: block;
	position: absolute;
	width: 0;
	height: 0;
	border: 0.4em solid #ddd;
	border-color: transparent transparent #ddd transparent;
	left: 50%;
	bottom: 0;
	margin-left: -0.2em;
}

.er-column-l06 .er-column-title:before {
	content: "";
	display: block;
	position: absolute;
	width: 0;
	height: 0;
	border: 0.4em solid #ddd;
	border-color: #ddd transparent transparent transparent;
	left: 50%;
	bottom: -0.8em;
	margin-left: -0.2em;
}


/*--------------er-column-col7--------------------*/

.er-column-l07 .er-column-title {
	padding: 0;
	color: #fff;
	font-size: 1.4rem;
}

.er-column-l07 .er-column-title-text {
	background: #20A0FF;
	display: -ms-flexbox;
	display: -webkit-box;
	-ms-flex-align: center;
	-webkit-box-align: center;
	height: 4rem;
	width: 100%;
}

.er-column-l07 .er-column-title-text:before {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	bottom: 0;
	right: 0;
	top: 0;
	background: -webkit-linear-gradient(rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0));
	z-index: 0;
}

.er-column-l07 .er-column-title h4 {
	display: none;
}

.er-column-l07 .er-column-title h3 {
	color: inherit;
	font-size: 1em;
	padding-left: 0.5em;
}

.er-column-l07 .er-column-title-text {
	position: relative;
	z-index: 1;
}

.er-column-l07 .er-column-more {
	position: absolute;
	/*right: 1em;*/
	/*top: 50%;*/
	/*margin-top: -0.5em;*/
}

.er-column-l07 .er-column-more * {
	color: inherit;
}


/*-----------er-column-l08---------------*/

.er-column-l08 .er-column-title {
	display: -ms-flexbox;
	display: -webkit-box;
	font-size: 1.4rem;
	padding: 0;
	color: #fff;
	position: relative;
}

.er-column-l08 .er-column-title-text {
	background: #20A0FF;
	padding: 0 2em;
	border-radius: 0.3em 0.3em 0 0;
	height: 4rem;
	display: -ms-flexbox;
	display: -webkit-box;
	-ms-flex-align: center;
	-webkit-box-align: center;
}

.er-column-l08 .er-column-title-text:after {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 1px;
	background: inherit;
}

.er-column-l08 .er-column-title h3 {
	color: inherit;
	display: inline-block;
	font-size: 1em;
}

.er-column-l08 .er-column-title h4 {
	display: none;
}

.er-column-l08 .er-column-more {
	position: absolute;
	/*right: 1em;*/
	/*top: 50%;*/
	/*margin-top: -0.5em;*/
	color: #555;
}


/*--------------er-column-l09--------------------*/

.er-column-l09 .er-column-title {
	font-size: 1.4rem;
	color: #fff;
}

.er-column-l09 .er-column-title h4 {
	display: none;
}

.er-column-l09 .er-column-title h3 {
	color: inherit;
	font-size: 1em;
	padding-left: 0.5em;
}

.er-column-l09 .er-column-title-text {
	background: #20A0FF;
	position: relative;
	height: 4rem;
	display: -ms-flexbox;
	display: -webkit-box;
	-ms-flex-align: center;
	-webkit-box-align: center;
}

.er-column-l09 .er-column-more {
	position: absolute;
	/*right: 1em;*/
	/*top: 50%;*/
	/*margin-top: -0.5em;*/
}

.er-column-l09 .er-column-more * {
	color: inherit;
}


/*--------------er-column-l10--------------------*/

.er-column-l10 {
	background: #eee;
}

.er-column-l10 .er-column-title {
	font-size: 1.4rem;
	color: #fff;
}

.er-column-l10 .er-column-title h4 {
	display: none;
}

.er-column-l10 .er-column-title h3 {
	color: inherit;
	font-size: 1em;
	padding-left: 0.5em;
}

.er-column-l10 .er-column-title-text {
	position: relative;
	height: 4rem;
	display: -ms-flexbox;
	display: -webkit-box;
	-ms-flex-align: center;
	-webkit-box-align: center;
	background: #20A0FF;
}

.er-column-l10 .er-column-more {
	position: absolute;
	/*right: 1em;*/
	/*top: 50%;*/
	/*margin-top: -0.5em;*/
	z-index: 2;
}

.er-column-l10 .er-column-more * {
	color: #fff;
}


/*--------------er-column-l11--------------------*/

.er-column-l11 {
	background: #eee;
}

.er-column-l11 .er-column-title {
	color: #20a0ff;
	font-size: 1.4rem;
}

.er-column-l11 .er-column-title h4 {
	display: none;
}

.er-column-l11 .er-column-title h3 {
	color: inherit;
	font-size: 1em;
	padding-left: 0.5em;
}

.er-column-l11 .er-column-title-text {
	position: relative;
	background: #fff;
	height: 4rem;
	display: -ms-flexbox;
	display: -webkit-box;
	-ms-flex-align: center;
	-webkit-box-align: center;
	border-bottom: 2px solid #000;
	border-color: inherit;
}

.er-column-l11 .er-column-more {
	position: absolute;
	/*right: 1em;*/
	/*top: 50%;*/
	/*margin-top: -0.5em;*/
}


/*--------------er-column-l12--------------------*/

.er-column-l12 .er-column-con {
	padding: 1px;
}

.er-column-l12:before {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	border: 1px solid #ddd;
}

.er-column-l12 .er-column-title {
	color: #20A0FF;
	font-size: 1.4rem;
	border-bottom: 1px solid #ddd;
}

.er-column-l12 .er-column-title h4 {
	display: none;
}

.er-column-l12 .er-column-title h3 {
	color: inherit;
	font-size: 1em;
	padding-left: 0.5em;
}

.er-column-l12 .er-column-title-text {
	position: relative;
	border-top: 2px solid #000;
	border-color: inherit;
	height: 4rem;
	display: -ms-flexbox;
	display: -webkit-box;
	-ms-flex-align: center;
	-webkit-box-align: center;
}

.er-column-l12 .er-column-more {
	position: absolute;
	/*right: 1em;*/
	/*top: 50%;*/
	/*margin-top: -0.5em;*/
}


/*--------------er-column-l13--------------------*/

.er-column-l13 .er-column-con {
	padding: 1px;
}

.er-column-l13:before {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	border: 1px solid #ddd;
}

.er-column-l13 .er-column-title {
	color: #20a0ff;
	font-size: 1.4rem;
	border-bottom: 1px solid #ddd;
}

.er-column-l13 .er-column-title h4 {
	display: none;
}

.er-column-l13 .er-column-title h3 {
	color: inherit;
	font-size: 1em;
	padding-left: 0.5em;
}

.er-column-l13 .er-column-title-text {
	position: relative;
	height: 4rem;
	display: -ms-flexbox;
	display: -webkit-box;
	-ms-flex-align: center;
	-webkit-box-align: center;
}

.er-column-l13 .er-column-more {
	position: absolute;
	/*right: 1em;*/
	/*top: 50%;*/
	/*margin-top: -0.5em;*/
}


/*--------------er-column-l14--------------------*/

.er-column-l14 .er-column-title {
	color: #20a0ff;
	font-size: 1.4rem;
	border-bottom: 1px solid #ddd;
}

.er-column-l14 .er-column-title h4 {
	display: none;
}

.er-column-l14 .er-column-title h3 {
	color: inherit;
	font-size: 1em;
	padding-left: 1em;
	display: inline-block;
	padding-right: 1em;
	border-bottom: 2px solid #20A0FF;
	border-color: inherit;
	display: -ms-flexbox;
	display: -webkit-box;
	-ms-flex-align: center;
	-webkit-box-align: center;
	height: 100%;
}

.er-column-l14 .er-column-title-text {
	position: relative;
	z-index: 1;
	height: 4rem;
	display: -ms-flexbox;
	display: -webkit-box;
	-ms-flex-align: center;
	-webkit-box-align: center;
}

.er-column-l14 .er-column-more {
	position: absolute;
	/*right: 1em;*/
	/*top: 50%;*/
	/*margin-top: -0.5em;*/
}


/*--------------er-column-l15--------------------*/

.er-column-l15 .er-column-title {
	color: #20a0ff;
	font-size: 1.4rem;
	border-bottom: 1px solid #ddd;
}

.er-column-l15 .er-column-title h4 {
	display: none;
}

.er-column-l15 .er-column-title h3 {
	color: inherit;
	font-size: 1em;
	padding-left: 0.5em;
	border-left: 3px solid #000;
	border-color: inherit;
	margin-left: 0.5em;
}

.er-column-l15 .er-column-title-text {
	position: relative;
	height: 4rem;
	display: -ms-flexbox;
	display: -webkit-box;
	-ms-flex-align: center;
	-webkit-box-align: center;
}

.er-column-l15 .er-column-more {
	position: absolute;
	/*right: 1em;*/
	/*top: 50%;*/
	/*margin-top: -0.5em;*/
}


/*--------------er-column-l16--------------------*/

.er-column-l16 .er-column-title {
	color: #20a0ff;
	font-size: 1.4rem;
	border-bottom: 1px solid #ddd;
}

.er-column-l16 .er-column-title h4 {
	display: none;
}

.er-column-l16 .er-column-title h3 {
	color: inherit;
	font-size: 1em;
	margin-left: 0.2em;
}

.er-column-l16 .er-column-title h3:before {
	content: "";
	display: inline-block;
	vertical-align: middle;
	width: 0;
	height: 0;
	border: 0.5rem solid;
	border-color: inherit;
	border-top-color: transparent;
	border-right-color: transparent;
	border-bottom-color: transparent;
}

.er-column-l16 .er-column-title-text {
	position: relative;
	height: 4rem;
	display: -ms-flexbox;
	display: -webkit-box;
	-ms-flex-align: center;
	-webkit-box-align: center;
}

.er-column-l16 .er-column-more {
	position: absolute;
	/*right: 1em;*/
	/*top: 50%;*/
	/*margin-top: -0.5em;*/
}


/*--------------er-column-l17--------------------*/

.er-column-l17:after {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	border: 1px solid #ddd;
}

.er-column-l17 .er-column-con {
	padding: 1px;
}

.er-column-l17 .er-column-title {
	color: #fff;
	font-size: 1.4rem;
	/*padding: 1.2em 0;*/
}

.er-column-l17 .er-column-title h4 {
	display: none;
}

.er-column-l17 .er-column-title h3 {
	color: inherit;
	font-size: 1em;
	padding-left: 0.5em;
}

.er-column-l17 .er-column-title-text {
	position: relative;
	background: #20A0FF;
	height: 4rem;
	display: -ms-flexbox;
	display: -webkit-box;
	-ms-flex-align: center;
	-webkit-box-align: center;
}

.er-column-l17 .er-column-more {
	position: absolute;
	/*right: 1em;*/
	/*top: 50%;*/
	/*margin-top: -0.5em;*/
}

.er-column-l17 .er-column-more * {
	color: #fff;
}


/*-----------er-column-l18---------------*/

.er-column-l18 .er-column-title {
	display: -ms-flexbox;
	display: -webkit-box;
	font-size: 1.4rem;
	padding: 0;
	color: #fff;
	position: relative;
}

.er-column-l18 .er-column-title-text {
	background: #20A0FF;
	padding: 0 2em;
	border-bottom: 1px solid #20A0FF;
	height: 4rem;
	display: -ms-flexbox;
	display: -webkit-box;
	-ms-flex-align: center;
	-webkit-box-align: center;
}

.er-column-l18 .er-column-title-text:after {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 1px;
	background: inherit;
}

.er-column-l18 .er-column-title h3 {
	color: inherit;
	display: inline-block;
	font-size: 1em;
}

.er-column-l18 .er-column-title h4 {
	display: none;
}

.er-column-l18 .er-column-more {
	position: absolute;
	/*right: 1em;*/
	/*top: 50%;*/
	/*margin-top: -0.5em;*/
	color: #555;
}


/*--------------er-column-l19--------------------*/

.er-column-l19 .er-column-con {
	border: 1px solid #ddd;
	border-top: 0;
}

.er-column-l19 .er-column-title {
	color: #fff;
	font-size: 1.4rem;
}

.er-column-l19 .er-column-title h4 {
	display: none;
}

.er-column-l19 .er-column-title h3 {
	color: inherit;
	font-size: 1em;
	padding-left: 0.5em;
}

.er-column-l19 .er-column-title-text {
	position: relative;
	background: #20A0FF;
	border-radius: 0.5em 0.5em 0 0;
	height: 4rem;
	display: -ms-flexbox;
	display: -webkit-box;
	-ms-flex-align: center;
	-webkit-box-align: center;
}

.er-column-l19 .er-column-more {
	position: absolute;
	/*right: 1em;*/
	/*top: 50%;*/
	/*margin-top: -0.5em;*/
}

.er-column-l19 .er-column-more * {
	color: #fff;
}


/*--------------er-column-l20--------------------*/

.er-column-l20 .er-column-title {
	color: #fff;
	font-size: 1.4rem;
}

.er-column-l20 .er-column-title h4 {
	display: none;
}

.er-column-l20 .er-column-title h3 {
	color: inherit;
	font-size: 1em;
	padding-left: 0.5em;
}

.er-column-l20 .er-column-title-text {
	position: relative;
	z-index: 1;
	background: #20A0FF;
	border-radius: 0.5em 0.5em 0 0;
	height: 4rem;
	display: -ms-flexbox;
	display: -webkit-box;
	-ms-flex-align: center;
	-webkit-box-align: center;
}

.er-column-l20 .er-column-more {
	position: absolute;
	/*right: 1em;*/
	/*top: 50%;*/
	/*margin-top: -0.5em;*/
}

.er-column-l20 .er-column-more * {
	color: #fff;
}


/*--------------er-column-l21--------------------*/

.er-column-l21 {}

.er-column-l21 .er-column-title {
	border: 1px solid #ddeefb;
	border-bottom: 0;
}

.er-column-l21 .er-column-con {
	border: 1px solid #ddeefb;
	border-top: 0;
	background: #fff;
}

.er-column-l21 .er-column-title {
	color: #333;
	font-size: 1.4rem;
}

.er-column-l21 .er-column-title h4 {
	display: none;
}

.er-column-l21 .er-column-title h3 {
	color: inherit;
	font-size: 1em;
	padding-left: 0.5em;
}

.er-column-l21 .er-column-title-text {
	position: relative;
	z-index: 1;
	background: #20A0FF;
	background-image: linear-gradient(180deg, #e6f4ff, #fff);
	/*	border-radius: 0.5em 0.5em 0 0;*/
	height: 4rem;
	display: -ms-flexbox;
	display: -webkit-box;
	-ms-flex-align: center;
	-webkit-box-align: center;
}

.er-column-l21 .er-column-more {
	position: absolute;
	/*right: 1em;*/
	/*top: 50%;*/
	/*margin-top: -0.5em;*/
}

.er-column-l21 .er-column-more * {
	color: #333;
}


/*--------------er-column-l22--------------------*/

.er-column-l22 .er-column-title {
	color: #fff;
	font-size: 1.4rem;
}

.er-column-l22 .er-column-title h4 {
	display: none;
}

.er-column-l22 .er-column-title h3 {
	color: inherit;
	font-size: 1em;
	padding-left: 0.5em;
}

.er-column-l22 .er-column-title-text {
	position: relative;
	z-index: 1;
	background: #20A0FF;
	border-radius: 0.5em 0.5em 0 0;
	height: 4rem;
	display: -ms-flexbox;
	display: -webkit-box;
	-ms-flex-align: center;
	-webkit-box-align: center;
}

.er-column-l22 .er-column-more {
	position: absolute;
	/*right: 1em;*/
	/*top: 50%;*/
	/*margin-top: -0.5em;*/
}

.er-column-l22 .er-column-more * {
	color: #fff;
}

.er-column-l22 .er-column-moretitle {
	font-size: 1.4rem;
	display: -webkit-box;
	-webkit-box-align: center;
	line-height: 100%;
}

.er-column-l22 .er-column-moretitle-text {
	height: 4rem;
	background: #eee;
	width: 100%;
	border-radius: 0.5em 0.5em 0 0;
}

.er-column-l22 .er-column-moretitle-text h3 {
	color: inherit;
	font-size: 1em;
	padding-left: 0.5em;
}

.er-column-morecon {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	background: #fff;
	z-index: 2;
	transition: transform 0.5s linear;
	-webkit-transition: transform 0.5s linear;
	transform: translateX(100%);
	-webkit-transform: translateX(100%);
	cursor: pointer;
}

.er-column-morecon-s {
	transform: translateX(0);
	-webkit-transform: translateX(0);
}


/*----------------er-side-pendant----------------------*/

.er-side-pendant {
	position: fixed;
	right: 0;
	bottom: 2rem;
	z-index: 10;
}

.er-side-pendant .er-mult-menu-level1>.er-mult-menu-item {
	float: none;
}

.er-side-pendant .er-mult-menu-node {
	padding: 1rem;
	line-height: 120%;
	background: #fff;
	border: 1px solid #ddd;
	cursor: pointer;
	position: relative;
}

.er-side-pendant .er-mult-menu-node>img,
.er-side-pendant .er-mult-menu-item:hover img.moreImg:first-child {
	display: none;
}

.er-side-pendant .er-mult-menu-node>img:first-child,
.er-side-pendant .er-mult-menu-item:hover img.moreImg {
	display: inline-block;
}

.er-side-pendant .er-mult-menu-node * {
	display: block;
}

.er-side-pendant .er-mult-menu-node i {
	font-size: 3rem;
	color: #20a0ff;
}

.er-side-pendant .er-mult-menu-level1>.er-mult-menu-item>.er-mult-menu-node a {
	font-size: 1rem;
}

.er-side-pendant .er-mult-menu-level1>.er-mult-menu-item>.er-mult-menu-node {
	cursor: pointer;
}

.er-side-pendant .er-mult-menu-node a {
	font-size: 1.2rem;
	color: #888!important;
}

.er-side-pendant .er-mult-menu-node img {
	max-width: 10rem;
	margin: 0 auto;
	display: none;
}

.er-side-pendant .er-mult-menu-node img:first-child {
	display: block;
}

.er-side-pendant .er-mult-menu-item:first-child>.er-mult-menu-node {
	border-bottom-width: 0;
}

.er-side-pendant .er-mult-menu-item:nth-child(2)>.er-mult-menu-node {
	border-bottom-width: 0;
}

.er-side-pendant .er-mult-menu-item:last-child>.er-mult-menu-node {
	border-bottom-width: 1px;
}

.er-side-pendant .er-mult-menu-item:hover .er-mult-menu-node {
	background: none;
}

.er-side-pendant .er-mult-menu-level1>.er-mult-menu-item>.er-mult-menu-children {
	left: auto;
	top: auto;
	right: 100%;
	bottom: -50%;
	margin-right: -1px;
	z-index: 2;
}

.er-side-pendant .er-mult-menu-level1>.er-mult-menu-item:last-child>.er-mult-menu-children {
	bottom: 1rem;
}

.er-side-pendant .er-mult-menu-level1>.er-mult-menu-item:hover>.er-mult-menu-node * {
	color: #fff!important;
}

.er-side-pendant .er-mult-menu-level1>.er-mult-menu-item:hover>.er-mult-menu-node:before {
	content: "";
	display: inline-block;
	border: 1rem solid #fff;
	border-color: transparent transparent transparent #fff;
	position: absolute;
	left: -2px;
	top: 50%;
	margin-top: -1rem;
	z-index: 3;
}

.er-side-pendant .er-mult-menu-level1>.er-mult-menu-item:hover .er-mult-menu-children .er-mult-menu-node {
	background: #fff;
	line-height: 140%;
	cursor: default;
}


/*------------er-progress---------------------*/

.er-progress {
	font-size: 1rem;
}

.er-progress-bar {
	display: -ms-flexbox;
	display: -webkit-box;
}

.er-progress-bar-c {
	-ms-flex: 1;
	-webkit-box-flex: 1;
	position: relative;
}

.er-progress-bar-c span {
	display: block;
	height: 1em;
	background: #eee;
	border: 1px solid #ccc;
	border-radius: 3px;
	overflow: hidden;
	width: 100%;
}

.er-progress-bar-c i {
	display: inline-block;
	height: 100%;
	background: #20A0FF;
}

.er-progress-tinfo {
	text-align: center;
	line-height: 2.6em;
	font-size: 1.1em;
}

.er-progress-binfo {
	text-align: center;
	line-height: 2.6em;
	font-size: 1.1em;
}

.er-progress-bar-l *,
.er-progress-bar-r>* {
	padding: 0 1em;
}

.er-progress-cursor {
	position: absolute;
	top: -180%;
	width: 100%;
	margin-left: -50%;
	text-align: center;
	color: #20A0FF;
}

.er-progress-cursor:after {
	content: "";
	display: block;
	position: absolute;
	left: 50%;
	border: 6px solid #000;
	border-color: #000 transparent transparent transparent;
	border-top-color: inherit;
	margin-left: -6px;
	bottom: -15px;
}

.er-propgress-sc {
	padding-top: 2em;
}


/*------------er-button---------------------*/

.er-button {
	position: relative;
	display: inline-block;
	font-size: 1rem;
	vertical-align: middle;
}

.er-button-style {
	min-width: 4em;
	font-size: 1.2em;
	padding: 0 1rem;
	text-align: center;
	overflow: hidden;
	height: 2em;
	line-height: 2em;
	cursor: pointer;
	position: relative;
	display: inline-block;
}

.hover .er-button-style {
	color: #20a0ff;
	box-shadow: 0px 0px 0px 1px #20a0ff;
	border-radius: 0.3em;
	background: #20a0ff;
	display: -webkit-box;
	-webkit-box-pack: center;
	-webkit-box-align: center
}

.hover .er-button-style:before {
	content: "";
	display: block;
	background: #fff;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	border-radius: inherit;
}

.hover .er-button-style:hover:before {
	background: inherit;
}

.hover .er-button-style:hover * {
	color: #fff;
}

.er-button-style * {
	color: inherit;
	position: relative;
	z-index: 1;
}

.er-button-style>* {
	display: -webkit-box;
	display: -ms-flexbox;
	height: 100%;
	width: 100%;
	-webkit-box-pack: center;
	-webkit-box-align: center;
	-ms-flex-pack: center;
	-ms-flex-align: center;
}

.default .er-button-style {
	color: #fff;
	border: 1px solid #20a0ff;
	border-radius: 0.3em;
	background: #20a0ff;
	display: -webkit-box;
	-webkit-box-pack: center;
	-webkit-box-align: center;
	display: -ms-flexbox;
	-ms-flex-pack: center;
	-ms-flex-align: center;
}
.default .er-button-style a:link{
	color:#fff;
}
.default .er-button-style a:visited{
	color:#fff;
}
.default .er-button-style a:hover {
	color: #fff;
}

.default .er-button-style:hover {
	box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.5);
}

.er-button-disabled .er-button-style>* {
	cursor: not-allowed;
}

.er-button-disabled .er-button-style:before {
	content: "";
	height: 100%;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	opacity: 0.2;
	background: #000;
	z-index: 2;
	cursor: not-allowed;
}

.er-button-loading .er-button-style:before {
	content: "\f110";
	font-family: "FontAwesome";
	display: inline-block;
	z-index: 2;
	background: inherit;
	font-size: 1.4em;
	padding: inherit;
	-webkit-animation: loading 1s step-start;
	-webkit-animation-iteration-count: infinite;
}

.er-button-loading .er-button-style * {
	cursor: default;
}

.er-button.er-button-orang .er-button-style {
	background: rgb(255, 141, 6);
	border-color: rgb(255, 141, 6);
}

.er-button.larg .er-button-style {
	width: 7em;
}

@keyframes loading {
	0% {
		transform: rotate(0deg);
		transform-origin: center;
	}
	11% {
		transform: rotate(40deg);
		transform-origin: center;
	}
	22% {
		transform: rotate(80deg);
		transform-origin: center;
	}
	33% {
		transform: rotate(120deg);
		transform-origin: center;
	}
	44% {
		transform: rotate(160deg);
		transform-origin: center;
	}
	55% {
		transform: rotate(200deg);
		transform-origin: center;
	}
	66% {
		transform: rotate(240deg);
		transform-origin: center;
	}
	77% {
		transform: rotate(280deg);
		transform-origin: center;
	}
	88% {
		transform: rotate(320deg);
		transform-origin: center;
	}
	100% {
		transform: rotate(360deg);
		transform-origin: center;
	}
}

@-webkit-keyframes loading {
	0% {
		-ms-transform: rotate(0deg);
		-ms-transform-origin: center;
		-webkit-transform: rotate(0deg);
		-webkit-transform-origin: center;
	}
	11% {
		-ms-transform: rotate(40deg);
		-ms-transform-origin: center;
		-webkit-transform: rotate(40deg);
		-webkit-transform-origin: center;
	}
	22% {
		-ms-transform: rotate(80deg);
		-ms-transform-origin: center;
		-webkit-transform: rotate(80deg);
		-webkit-transform-origin: center;
	}
	33% {
		-ms-transform: rotate(120deg);
		-ms-transform-origin: center;
		-webkit-transform: rotate(120deg);
		-webkit-transform-origin: center;
	}
	44% {
		-ms-transform: rotate(160deg);
		-ms-transform-origin: center;
		-webkit-transform: rotate(160deg);
		-webkit-transform-origin: center;
	}
	55% {
		-ms-transform: rotate(200deg);
		-ms-transform-origin: center;
		-webkit-transform: rotate(200deg);
		-webkit-transform-origin: center;
	}
	66% {
		-ms-transform: rotate(240deg);
		-ms-transform-origin: center;
		-webkit-transform: rotate(240deg);
		-webkit-transform-origin: center;
	}
	77% {
		-ms-transform: rotate(280deg);
		-ms-transform-origin: center;
		-webkit-transform: rotate(280deg);
		-webkit-transform-origin: center;
	}
	88% {
		-ms-transform: rotate(320deg);
		-ms-transform-origin: center;
		-webkit-transform: rotate(320deg);
		-webkit-transform-origin: center;
	}
	100% {
		-ms-transform: rotate(360deg);
		-ms-transform-origin: center;
		-webkit-transform: rotate(360deg);
		-webkit-transform-origin: center;
	}
}

.center {
	text-align: center;
}


/*ErVerticalNav*/

.er-verticalNav-title {
	text-align: center;
	height: 40px;
	font-size: 1.4em;
	line-height: 40px;
	background: #20a0ff;
	color: #fff;
}


/*导航左边固定3级导航*/


/*--verticalNav--*/

.verticalNav {
	background: #20a0ff;
	height: 50px;
	line-height: 50px;
}

.verticalNav_wrap {
	width: 1200px;
	margin: auto;
}

.verticalNav_wrap:after {
	content: "";
	height: 0px;
	display: block;
	clear: both;
}

.vertical_nav {
	float: left;
	position: relative;
	line-height: inherit;
}

.vertical_nav .er-mult-menu,
.vertical_nav .er-mult-menu .er-mult-menu-children ul {
	/*background: inherit;*/
}

.vertical_nav .er-mult-menu .er-mult-menu-children ul {
	border-radius: 0;
}

.verticalNav .vertical_nav .er-wrap {
	width: auto;
	height: 100%;
}

.vertical_nav .er-mult-menu .er-mult-menu-level1>.er-mult-menu-item {
	line-height: inherit;
}

.vertical_nav .er-mult-menu-children {
	background: #ccc;
}

.vertical_nav .er-mult-menu .er-mult-menu-level1>.er-mult-menu-item>.er-mult-menu-children {
	padding-top: 0;
}

.vertical_nav .er-mult-menu .er-mult-menu-level1>.er-mult-menu-item .er-mult-menu-children {
	z-index: 2
}

.vertical_left_wrap {
	width: 300px;
	background: rgba(0, 0, 0, 0.4);
	color: #fff;
	text-align: center;
	font-size: 1.4em;
	line-height: inherit;
}


/*固定宽度title*/

.vertical_left_wrap .er-mult-menu-l12.er-mult-menu {
	position: absolute;
	top: 100%;
	width: 100%;
	z-index: 100;
	background: #f4f4f4;
	display: none;
}

.vertical_left_wrap:hover .er-mult-menu-l12.er-mult-menu {
	display: block;
}

.vertical_left_wrap .er-mult-menu-l12 .er-mult-menu-level1>.er-mult-menu-item>.er-mult-menu-node {
	background: inherit;
	border: 0;
}

.vertical_left_wrap .classWrap {
	width: 100%;
}

.vertical_left_wrap .classWrap a {
	padding: 0;
	text-align: left;
	text-indent: 1em;
	font-size: 1.1em;
}

.vertical_left_wrap .classWrap>span a {
	font-size: 12px;
}

.vertical_left_wrap .er-mult-menu-item:hover {
	background: #fff;
	border-left: 3px solid #20a0ff;
	cursor: pointer;
}


/*li:hover*/

.vertical_left_wrap .er-mult-menu-item:hover a:hover {
	background: none;
	color: #f90;
}

.vertical_left_wrap .er-mult-menu-l12 .er-mult-menu-level1>.er-mult-menu-item:hover>.er-mult-menu-node a {
	color: #20a0ff!important;
}


/*li:hover字体颜色*/

.vertical_left_wrap .er-mult-menu-l12 .er-mult-menu-level1>.er-mult-menu-item:hover>.er-mult-menu-node.selected a {
	color: #20a0ff!important;
}

.vertical_left_wrap .er-mult-menu-l12 .er-mult-menu-level1>.er-mult-menu-item>.er-mult-menu-node.selected a:link,
.vertical_left_wrap .er-mult-menu-l12 .er-mult-menu-level1>.er-mult-menu-item>.er-mult-menu-node.selected a:visited,
.vertical_left_wrap .er-mult-menu-l12 .er-mult-menu-level1>.er-mult-menu-item>.er-mult-menu-node.selected a:hover,
.vertical_left_wrap .er-mult-menu-l12 .er-mult-menu-level1>.er-mult-menu-item>.er-mult-menu-node.selected a:focus,
.vertical_left_wrap .er-mult-menu-l12 .er-mult-menu-level1>.er-mult-menu-item>.er-mult-menu-node.selected a:active {
	color: #666!important;
}

.vertical_nav.vertical_left_wrap .er-mult-menu .er-mult-menu-item {
	position: static;
	line-height: inherit;
}

.vertical_nav.vertical_left_wrap .er-mult-menu .er-mult-menu-item .er-mult-menu-node {
	/*padding:0;*/
}

.vertical_nav.vertical_left_wrap .er-mult-menu .er-mult-menu-children {
	/*width:300px;min-height:100%;top:0;*/
}

.vertical_nav.vertical_left_wrap .er-mult-menu-children {
	background: #fff;
	border-left: 0;
	border-top: 0;
	min-height: 100%;
}


/*3级样式*/

.vertical_nav.vertical_left_wrap .er-mult-menu .er-mult-menu-level1 .er-mult-menu-children>ul {
	background: inherit;
}

.vertical_nav.vertical_left_wrap .er-mult-menu .er-mult-menu-children .classWrap a {
	color: #666!important;
}

.vertical_nav.vertical_left_wrap .er-mult-menu .er-mult-menu-children .er-mult-menu-item:hover {
	border-left: 0;
}


/*3级的hover样式*/

.vertical_nav.vertical_left_wrap .er-mult-menu .er-mult-menu-children .er-mult-menu-item:hover .er-mult-menu-node {
	background: none;
}

.vertical_nav.vertical_left_wrap .er-mult-menu .er-mult-menu-children .er-mult-menu-item .er-mult-menu-node a:hover {
	color: #20a0ff!important;
}


/*3级的hover字体样式*/

.vertical_nav.vertical_left_wrap .er-mult-menu .er-mult-menu-children .er-mult-menu-node.selected {
	background: none;
}


/*----recommend-list-------*/

.recommend-list .er-news-list-box {
	border-bottom: 0;
}

.recommend-list .er-news-list-con {
	margin: 2%;
	border: 1px solid #ddd;
	padding: 0;
}

.recommend-list .er-news-list-con:hover {
	border-color: #20a0ff;
	cursor: pointer;
}


/*hover*/

.recommend-list .er-news-list-box .pic-con {
	overflow: hidden;
}


/*加上这个图片放大不会跑出框外*/

.recommend-list .er-news-list-con .pic-con .recommend-src img {
	transition: transform 1s ease-in-out 0s;
	-webkit-transition: -webkit-transform 1s ease-in-out 0s;
	-ms-transition: -ms-transform 1s ease-in-out 0s;
}

.recommend-list .er-news-list-con:hover .pic-con .recommend-src img {
	-ms-transform: scale(1.2);
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	transform: scale(1.2);
}

.recommend-list .er-news-list-box-title .news {
	padding: 0.5em 0em;
	height: 3.2em;
	overflow: hidden;
	text-overflow: ellipsis;
}

.recommend-list .state {
	position: absolute;
	right: 0;
	top: 0;
	background: rgba(0, 0, 0, 0.3);
	line-height: 1.2em;
	display: inline-block;
	height: 30px;
	line-height: 30px;
	color: #fff;
	text-align: center;
	width: auto;
	padding: 0 0.8em;
	margin: 0;
}

.recommend-list .typeTitle {
	position: absolute;
	left: 15px;
	top: 0px;
	width: 144px;
	padding: 0 10px;
	margin-top: 36px;
	border-radius: 12px;
	background: #fcf301;
	height: 24px;
	line-height: 24px;
	color: #bc4d03;
	font-size: 16px;
	text-align: center;
}

.recommend-list .eduType {
	position: absolute;
	left: 15px;
	top: 30%;
	height: auto;
	color: #fff;
	font-size: 20px;
	text-align: left;
}

.recommend-list .school {
	position: absolute;
	left: 15px;
	top: 45%;
	height: auto;
	color: #fff;
	font-size: 14px;
	text-align: left;
}

.recommend-list .addition {
	overflow: hidden;
	padding-top: 0;
	padding-bottom: 0.5em;
}

.recommend-list .price {
	float: left;
}

.recommend-list .time {
	float: right;
}

.recommend-list .price {
	color: #c91a1d;
}

.recommend-list .price s {
	margin-left: 8px;
	color: #b3b3b3;
	font-size: 14px;
}


/*------netSchoolMs名师样式1------*/

.netSchoolMs .er-news-list-box {
	border-bottom: 0;
}
ul.netSchoolMs-detail-info li {
  text-align: center;
}
.netSchoolMs .er-news-list-con {
	margin: 2%;
	border: 1px solid #ddd;
	padding: 1em 2em;
}

.netSchoolMs .er-news-list-box .pic {
	width: 120px;
	width: 100%;
	margin: 0 auto;
}

.netSchoolMs .er-news-list-box-title .title {
	text-align: center;
}

.netSchoolMs .er-news-list-box-title .news {
	padding: 0.5em 0em;
	height: 3.2em;
	overflow: hidden;
	text-overflow: ellipsis;
}

.netSchoolMs .er-news-list-con:hover {
	border-color: #20a0ff;
	background: #f6fbff;
	cursor: pointer;
}


/*hover*/

.netSchoolMs .er-news-list-box .pic-con {
	overflow: hidden;
}

.netSchoolMs .er-news-list-con .pic-con img {
	transform: rotateY(0deg);
	-ms-transform: rotateY(0deg);
	-webkit-transform: rotateY(0deg);
	-moz-transform: rotateY(0deg);
	transition: 0.5s;
	-webkit-transition: .5s;
	-ms-transition: .5s;
}

.netSchoolMs .er-news-list-con:hover .pic-con img {
	transform: rotateY(180deg);
	-webkit-transform: rotateY(180deg);
	-moz-transform: rotateY(180deg);
	-ms-transform: rotateY(180deg);
}


/*------------------------------wxms名师样式2--------------------------*/

.wxms .er-news-list-box {
	border-bottom: 0;
	overflow: initial;
	margin-top: 3%;
}

.wxms .er-news-list-con {
	margin: 2%;
	border: 1px solid #ddd;
	padding: 15% 0 1% 0;
	position: relative;
}

.wxms .er-news-list-box .pic {
	position: absolute;
	top: 0;
	left: 50%;
	width: 100%;
	max-width: 100px;
	margin: 0 auto;
	padding-bottom: 0;
}

.wxms .er-news-list-box-title {}

.wxms .er-news-list-box-title .title {
	padding: 0 0 30px 0;
	text-align: center;
}

.wxms .er-news-list-box-title .news {
	padding: 0.5em 0;
	height: 3.26em;
	overflow: hidden;
	text-overflow: ellipsis;
	border-top: 1px #ccc dashed;
}

.wxms .er-news-list-box .pic-con {
	position: absolute;
	margin-left: -50%;
	top: -50%;
	border: 2px solid #bababa;
	border-radius: 50%;
	overflow: hidden;
}

.wxms .er-news-list-box .er-news-list-con:hover {
	border-color: #20a0ff;
	background: #f6fbff;
	cursor: pointer;
}

.wxms .er-news-list-box .er-news-list-con .pic-con {
	transform: rotateY(0deg);
	-webkit-transform: rotateY(0deg);
	-moz-transform: rotateY(0deg);
	transition: 0.5s;
}

.wxms .er-news-list-box .er-news-list-con:hover .pic-con {
	border-color: #20a0ff;
	background: #f6fbff;
	cursor: pointer;
	transform: rotateY(180deg);
	-webkit-transform: rotateY(180deg);
	-moz-transform: rotateY(180deg);
}



/*----------------netSchoolMsTwo名师样式3-----------------*/

.netSchoolMsTwo .er-news-list-box {
	border-bottom: 0;
	overflow: initial;
	height: 330px;
}

.netSchoolMsTwo .er-news-list-con {
	position: relative;
	padding: 10%;
	margin: 2%;
	border: 1px solid #ddd;
	background: #f7f7f7;
}

.netSchoolMsTwo .er-news-list-con:after {
	display: block;
	content: "";
	position: absolute;
	/*right: 3em;
    bottom:-3em;
    border: 1.5em solid #ccc;
    border-color:#f7f7f7  transparent  transparent  transparent ;
    width: 0;
    height: 0;*/
	width: 2em;
	height: 2em;
	transform: rotate(45deg);
	background: #f7f7f7;
	position: absolute;
	right: 2.5em;
	bottom: -1.1em;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}

.netSchoolMsTwo .er-news-list-con:hover,
.netSchoolMsTwo .er-news-list-con:hover:after {
	border-color: #20a0ff;
	background: #f6fbff;
	cursor: pointer;
}


/*边框hover*/

.netSchoolMsTwo .er-news-list-box .pic {
	width: 100%;
	max-width: 100px;
	margin: 0 auto;
	position: absolute;
	right: 0;
	margin-right: 0;
	top: 120%;
	border: 2px solid #20a0ff;
	border-radius: 50%;
	padding-bottom: 0;
}

.netSchoolMsTwo .er-news-list-box-title .title {
	position: absolute;
	bottom: -50%;
	right: 0;
	margin-right: 30%;
}

.netSchoolMsTwo .er-news-list-box-title .news {
	height: 3.2em;
	padding: 0;
}

.netSchoolMsTwo .fuhao {
	font-size: 6em;
	color: #e1e1e1;
	position: absolute;
	left: 5%;
	top: 30%;
}


/*------slipms名师样式4--鼠标移动上去翻转----*/

.slipms .er-news-list-box {
	border-bottom: 0;
}

.slipms .er-news-list-con {
	margin: 2%;
	border: 1px solid #ddd;
	padding: 2em;
}

.slipms .er-news-list-box .pic {
	width: 120px;
	width: 100%;
	margin: 0 auto;
}

.slipms .er-news-list-box-title .title {
	text-align: center;
}

.slipms .er-news-list-box-title .news {
	padding: 0.5em 0em;
	height: 3.2em;
	overflow: hidden;
	text-overflow: ellipsis;
  white-space: nowrap;
  text-align: center;
}
.slipms .er-news-list-con{position: relative;}
.slipms .addition{
	position: absolute;
	left: 0;
	top:0;
	bottom: 0;
	right: 0;
	width: 100%;
	height: 100%;
	background: #F6F6F6;
	padding-top: 0;
	transition: ease-in-out 0.5s;
	transform: translateY(-100%);
	opacity: 0;

}
.slipms-detail-info{overflow: hidden;}
.slipms-detail-info .title{font-size: 1.4em;font-weight: bold;margin: 0;padding-top: 0.5em;}
.slipms-detail-info em{color: #999;font-size:0.8em; font-weight: normal;margin-left: 0.5em;}
.slipms-detail-info >ul{padding: 0.5em;overflow: hidden;}
.slipms-detail-info >ul> li{
	float: left;
  overflow: hidden;
  width: 50%;
  white-space: nowrap;
    }
    .slipms-detail-info >ul> li.dw,
    .slipms-detail-info >ul> li.email,
    .slipms-detail-info >ul> li.tc{width: 100%;white-space: nowrap}
.slipms-detail-info >ul> li span.txt{
	color: #333;
    display: inline-block;
    text-indent: 0;
    width: auto;
    vertical-align: text-top;
}
.slipms-detail-info >ul> li span{
    display: inline-block;
    color: #999;
    vertical-align: text-top;
}
.slipms-detail-info >ul> li span.key{height: 2em;overflow: hidden;}


.slipms .er-news-list-con:hover .addition{
	transform: translateY(0%);
	transition: ease-in-out 0.5s;
	opacity: 1;
	cursor: pointer;}



/*------------------------------slip-wxms名师样式5--------------------------*/

.slip-wxms .er-news-list-box {
	border-bottom: 0;
	overflow: initial;
	margin-top: 3%;
}

.slip-wxms .er-news-list-con {
	margin: 2%;
	border: 1px solid #ddd;
	padding: 15% 0 1% 0;
	position: relative;
}

.slip-wxms .er-news-list-box .pic {
	position: absolute;
	top: 0;
	left: 50%;
	width: 100%;
	max-width: 100px;
	margin: 0 auto;
	padding-bottom: 0;
}

.slip-wxms .er-news-list-box-title {}

.slip-wxms .er-news-list-box-title .title {
	padding: 0 0 2em 0;
	text-align: center;
}

.slip-wxms .er-news-list-box-title .title .textleft a{display: block;}

.slip-wxms .er-news-list-box-title .title .textleft a.typeTitle{font-size: 1.2rem;font-weight: normal;}
.slip-wxms .er-news-list-box-title .news {
	padding: 0.5em 0;
	height: 3.26em;
	overflow: hidden;
	text-overflow: ellipsis;
	border-top: 1px #ccc dashed;
}

.slip-wxms .er-news-list-box .pic-con {
	position: absolute;
	margin-left: -50%;
	top: -50%;
	border: 2px solid #bababa;
	border-radius: 50%;
	overflow: hidden;
}
.slip-wxms .er-news-list-box{position: relative;}
.slip-wxms .addition{
    cursor: pointer;
    position: absolute;
    left: 0;
    top:-25%;
    padding-top: 0;
    border: 1px solid #333;
    background: #F6F6F6;
    /*transition: linear 0.5s;
    transform: translateY(100%);*/
    transform: rotateY(0deg);
	-ms-transform: rotateY(0deg);
	-webkit-transform: rotateY(0deg);
	-moz-transform: rotateY(0deg);
	transition: 0.5s;
	-webkit-transition: .5s;
	-ms-transition: .5s;
    opacity: 0;
    z-index: 3;

}
.slip-wxms-detail-info{
	overflow: hidden;

    }
.slip-wxms .er-news-list-box-title .slip-wxms-detail-info .title{
	font-size: 1.4em;
	font-weight: bold;
	margin: 0;
	padding-top: 0.5em;
	padding-bottom: 0;
	}
.slip-wxms-detail-info em{color: #999;font-size:0.8em; font-weight: normal;margin-left: 0.5em;}
.slip-wxms-detail-info >ul{padding: 0.5em;overflow: hidden;}
.slip-wxms-detail-info >ul> li{
	float: left;
    overflow: hidden;
    min-width: 50%;
    }
    .slip-wxms-detail-info >ul> li.dw,
    .slip-wxms-detail-info >ul> li.email,
    .slip-wxms-detail-info >ul> li.tc{width: 100%;}
.slip-wxms-detail-info >ul> li span.txt{
	color: #333;
    display: inline-block;
    text-indent: 0;
    width: auto;
    vertical-align: text-top;
}
.slip-wxms-detail-info >ul> li span{
    display: inline-block;
    color: #999;
    vertical-align: text-top;
}
.slip-wxms-detail-info >ul> li span.key{height: 2em;overflow: hidden;}


.slip-wxms .er-news-list-con:hover .addition{
	/*transform: translateY(0%);
	transition: ease-in-out 0.5s;*/

   transform: rotateY(360deg);
	-ms-transform: rotateY(360deg);
	-webkit-transform: rotateY(360deg);
	-moz-transform: rotateY(360deg);
	opacity: 1;
}




/*selected-list*/

.selected-list .er-news-list-box {
	border-bottom: 0px;
}

.selected-list .er-news-list-box a.selected,
.selected-list .er-news-list-box a:hover {
	border: 2px solid #007AD5;
}

.selected-list .er-news-list-box a.selected:after {
	position: absolute;
	right: -3px;
	bottom: -2px;
	content: "";
	width: 50px;
	height: 38px;
	z-index: 100;
	background: url(../img/gbig.png) no-repeat;
}


/*图形渐变*/

.slidFadeIn .er-slid-scroll {
	height: 100%;
}

.slidFadeIn .er-slid-scroll>div {
	opacity: 0;
}

@-webkit-keyframes scaleUp {
	0% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}

@keyframes scaleUp {
	0% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}

@-webkit-keyframes scaleDown {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

@keyframes scaleDown {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}


/*加载更多按钮样式*/

a.loadMore {
	text-align: center;
	display: block;
	width: 100px;
	background: #20a0ff;
	color: #fff;
	height: 30px;
	line-height: 30px;
	margin: 10px auto;
	border-radius: 4px;
}


/*----手机端--盒子模型-----star-----*/

.mobi_template,
.mobi_mainbody {
	height: 100%;
	width: 100%;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	position: relative;
	overflow: hidden;
}

.mobi_DheaderBox {
	height: 44px;
	width: 100%;
}

.mobi_DfooterBox {
	width: 100%;
	z-index: 3;
	bottom: 0;
}

.mobi_webHeader,
.mobi_webFooter {
	width: 100%;
	height: 100%;
	position: relative;
}

.mobi_webHeader {
	z-index: 1;
	display: -webkit-box;
	-webkit-box-orient: horizontal;
}

.mobi_webHeaderBg {
	background: #00a0e9;
}

.mobi_webFooterBg {
	background: #00a0e9;
}

.mobi_DbodyBox {
	flex: 1;
	-webkit-box-flex: 1;
	overflow: auto;
	position: relative;
	height: 100%;
}

.mobi_layout_left {
	display: -webkit-box;
	-webkit-box-pack: center;
	-webkit-box-align: center;
	height: 100%;
	color: #fff;
	padding-left: 1rem;
	background: inherit;
}

.mobi_layout_left a:link,
.mobi_layout_left a:hover,
.mobi_layout_left a:active,
.mobi_layout_left a:visited {
	color: #fff;
}

.mobi_layout_left>* {
	display: inline-block;
	color: inherit;
}

.mobi_layout_left .fa {
	font-size: 1.5em;
	padding: 0 0.6em 0 0;
}

.mobi_layout_left .fa-reorder {
	font-size: 1.5em;
	padding: 0 0.6em 0 0;
}

.mobi_layout_left .fa-angle-left {
	font-size: 2.5em;
}

.mobi_layout_right {
	text-align: right;
	display: -webkit-box;
	-webkit-box-pack: center;
	-webkit-box-align: center;
	height: 100%;
	color: #fff;
	font-size: 1.4em;
	background: inherit;
	padding-right: 1rem;
}

.er-mobileLogin a {
	color: inherit;
}

.mobi_layout_right>* {
	display: inline-block;
	color: inherit;
}

.mobi_header {
	text-align: center;
	height: 100%;
	width: 100%;
	display: -webkit-box;
	-webkit-box-pack: center;
	-webkit-box-align: center;
	height: 100%;
	color: #fff;
	font-size: 1.4em;
	-webkit-box-flex: 1;
	padding: 0 1em;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	background: inherit;
}

.mobi_header>* {
	display: inline-block;
	color: inherit;
}

.mobi_navmenus {
	display: inline-block;
	cursor: pointer;
	text-decoration: none;
}


/*-----    登录后头像默认的样式-----*/

.mobi-nav-Button-user {
	position: relative;
	z-index: 2;
	cursor: pointer;
	display: -webkit-box;
	-moz-box-pack: center;
	-moz-box-align: center;
	height: 100%;
	width: 34px;
}

.mobi-nav-Button-user img {
	width: 100%;
	height: 100%;
	border-radius: 50%;
}

.er-mobileLogin_tip .er-mult-menu {
	position: absolute;
	right: 0;
	bottom: 0;
	padding-top: 0.5em;
	transform: translateY(0%);
  -webkit-transform:translateY(0%);
	transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
	opacity: 0;
	z-index: -1;
	background: none;
	margin-right: 1rem;
}

.er-mobileLogin_tip:hover .er-mult-menu {
	transform: translateY(100%);
  -webkit-transform:translateY(100%);
	opacity: 1;
}

.er-mobileLogin_tip .er-mult-menu:before {
	position: absolute;
	top: -0.4em;
	right: 0;
	margin-right: 0.5em;
	margin-top: -1px;
	content: "";
	border: 0.5em solid #ededed;
	border-color: transparent transparent #ededed transparent;
	z-index: -1;
}

.er-mobileLogin_tip .er-mult-menu:after {
	position: absolute;
	top: -0.4em;
	right: 0;
	margin-right: 0.5em;
	content: "";
	border: 0.5em solid #fff;
	border-color: transparent transparent #fff transparent;
	z-index: 0;
}

.er-mobileLogin_tip .er-mult-menu-nodes {
	background: #fff;
	box-shadow: 1px 1px 4px 0px rgba(0, 0, 0, 0.2);
}

.er-mobileLogin .er-mult-menu .er-mult-menu-level1>.er-mult-menu-item {
	line-height: 2.4em;
	text-align: center;
}

.er-mobileLogin .er-mult-menu-l12 .er-mult-menu-node {
	padding: 0;
	height: 2.4em;
}

.er-mobileLogin .er-mult-menu .node-a {
	padding: 0 1.2em;
}


/*-----    登录后头像默认的样式-----*/


/*-----    登录后头像左边的样式-----*/

.er-mobileLogin-left .er-mobileLogin_tip .er-mult-menu {
	position: absolute;
	left: 0;
	bottom: 0;
	right: auto;
	padding-top: 0.5em;
	transform: translateY(0%);
	transition: all 0.3s linear;
	opacity: 0;
	z-index: -1;
	min-width: 100%;
}

.er-mobileLogin-left .er-mobileLogin_tip:hover .er-mult-menu {
	transform: translateY(100%);
	opacity: 1;
}

.er-mobileLogin-left .er-mobileLogin_tip .er-mult-menu:before {
	left: 0;
	margin-left: 0.5em;
}


/*-----    登录后头像左边的样式----end-*/


/*.er-mobileMenu左边滑动菜单*/

.er-mobileMenu .er-mult-menu,
.er-mobileMenu .er-mult-menu ul.er-mult-menu-level1 {
	background: none;
}

.er-mobileMenu .er-mult-menu .node-a {
	position: relative;
}

.er-mobileMenu .er-mult-menu .node-a .fa {
	position: absolute;
	right: 0;
	top: 50%;
	margin-top: -0.5em;
	color: #ccc;
}

.er-mobileMenu .er-mult-menu .er-mult-menu-item .er-mult-menu-node a:link,
.er-mobileMenu .er-mult-menu .er-mult-menu-item .er-mult-menu-node a:visited {
	color: #fff!important;
}

.er-mobileMenu .er-mult-menu .er-mult-menu-node {
	padding: 0 1em;
	margin: 0;
	border-radius: 0;
}

.er-mobileMenu .er-mult-menu .node-a {
	padding: 0;
	margin: 0;
	border-radius: 0;
}


/*.er-mobileMenu左边滑动菜单end*/


/**----------------------------*/


/*==============*/


/*模板1*/


/*动画过渡*/

.mobi_template1 .mobi_mainbody {
	position: relative;
	z-index: 1;
	overflow: visible;
	transition: transform 0.2s linear;
	-webkit-transition: transform 0.2s linear;
}

.mobi_template1 .mobi_webTopBox {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	z-index: 2;
}

.mobi_template1 .mobi_webTop {
	height: 100%;
	width: 14em;
	transform: translate(-100%);
	-webkit-transform: translate(-100%);
	transition: transform 0.2s linear;
	-webkit-transition: transform 0.2s linear;
	position: absolute;
	background: #404248;
}

.mobi_template1.start .mobi_webTop {
	transition: transform 0s linear;
	-webkit-transition: transform 0s linear;
}

.mobi_template1.pageanimate .mobi_mainbody {
	/*transform: translate(14em);*/
	/*-webkit-transform: translate(14em);*/
}

.mobi_template1.pageanimate .mobi_webTop {
	transform: translate(0);
	-webkit-transform: translate(0);
}

.mobi_template1.pageanimate .mobi_webTopBox {
	width: 100%;
	background: rgba(0, 0, 0, 0.3);
}


/*模板1end---*/


/*模板2---*/

.mobi_template2 .mobi_mainbody {
	position: relative;
	z-index: 1;
	overflow: visible;
	transition: transform 0.2s linear;
	-webkit-transition: transform 0.2s linear;
}

.mobi_template2 .mobi_webTopBox {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	z-index: 2;
}

.mobi_template2 .mobi_webTop {
	height: 100%;
	width: 8em;
	transform: translate(-100%);
	-webkit-transform: translate(-100%);
	transition: transform 0.2s linear;
	-webkit-transition: transform 0.2s linear;
	position: absolute;
	background: #404248;
}

.mobi_template2.pageanimate .mobi_mainbody {
	transform: translate(8em);
	-webkit-transform: translate(8em);
}

.mobi_template2.pageanimate .mobi_webTop {
	transform: translate(0);
	-webkit-transform: translate(0);
}

.mobi_template2.pageanimate .mobi_webTopBox {
	width: 100%;
	background: rgba(0, 0, 0, 0.3);
}


/**---模板2-end---*/


/*--模板3--*/

.mobi_template3 .mobi_mainbody {
	position: relative;
	z-index: 1;
	overflow: visible;
	transition: transform 0.2s linear;
	-webkit-transition: transform 0.2s linear;
}

.mobi_template3 .mobi_navmenus {
	position: absolute;
	left: 2em;
	bottom: 6em;
	z-index: 2;
	background: #575757;
	border-radius: 100%;
	height: 3.6em;
	width: 3.6em;
	line-height: 3.6em;
	text-align: center;
	border: 2px solid #fff;
	box-shadow: 0 0 4px rgba(0, 0, 0, 0.5);
	margin: 0 auto;
	padding: 0;
}

.mobi_template3 .mobi_navmenus .fa-reorder {
	font-size: 1.2em;
	color: #fff;
}

.mobi_template3 .mobi_webTopBox {
	position: static;
	left: 0;
	bottom: 0;
	z-index: 4;
}

.mobi_template3 .mobi_webTop {
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 1;
	background: rgba(0, 0, 0, 0.6);
	height: 100%;
	width: 100%;
	transform: translateY(100%);
	-webkit-transform: translateY(100%);
	transition: transform 0.2s linear;
	-webkit-transition: transform 0.5s linear;
}

.mobi_template3.pageanimate .mobi_webTop {
	transform: translateY(0%);
	-webkit-transform: translateY(0%);
}

.mobi_template3.pageanimate .mobi_navmenus {
	background: #00a0e9;
}

.mobi_template3 .er-mobileMenu {
	position: absolute;
	left: 2em;
	top: 20%;
}

.mobi_template3 .er-mobileMenu .er-mult-menu .node-a .fa {
	display: none;
}


/*模板4---*/

.mobi_template4 .mobi_mainbody {
	position: relative;
	z-index: 1;
	overflow: visible;
	transition: transform 0.2s linear;
	-webkit-transition: transform 0.2s linear;
}

.mobi_template4 .mobi_webTopBox {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	z-index: 2;
}

.mobi_template4.start .mobi_webTop {
	transition: transform 0s linear;
	-webkit-transition: transform 0s linear;
}

.mobi_template4 .mobi_webTop {
	height: 100%;
	width: 25em;
	transform: translate(-100%);
	-webkit-transform: translate(-100%);
	transition: transform 0.2s linear;
	-webkit-transition: transform 0.2s linear;
	position: absolute;
	background: #404248;
}

.mobi_template4.pageanimate .mobi_mainbody {
	/*transform: translate(20em);*/
	/*-webkit-transform: translate(20em);*/
}

.mobi_template4.pageanimate .mobi_webTop {
	transform: translate(0);
	-webkit-transform: translate(0);
}

.mobi_template4.pageanimate .mobi_webTopBox {
	width: 100%;
	background: rgba(0, 0, 0, 0.3);
}


/**---模板4-end---*/


/**---模板5-star---*/

.mobi_template5 .mobi_template,
.mobi_template5 .mobi_mainbody {
	z-index: 0;
}

.mobi_template5 .mobi_webTop .er-mobileMenu .er-mult-menu .er-mult-menu-item .er-mult-menu-node a:link,
.mobi_template5 .mobi_webTop .er-mobileMenu .er-mult-menu .er-mult-menu-item .er-mult-menu-node a:visited {
	color: #333!important;
}

.mobi_template5 .mobi_webTopBox {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: #fff;
	z-index: 2;
	transform: translateY(-100%);
	transition: transform 0.3s linear;
	opacity: 0;
}

.mobi_template5.pageanimate .mobi_webTopBox {
	transform: translateY(0);
	opacity: 1;
	top: 44px;
}


/*--模板6--*/

.mobi_template6 .mobi_template,
.mobi_template6 .mobi_mainbody {
	/*z-index: 1;*/
}

.mobi_template6 .er-mobileMenu .er-mult-menu .er-mult-menu-item {
	float: left;
}

.mobi_template6 .er-mobileMenu .er-mult-menu .node-a .fa {
	display: none;
}

.mobi_template6 .er-mobileMenu .er-mult-menu .er-mult-menu-children {
	display: none;
}

.mobi_template6 .mobi_webTopBox {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 3.6em;
	line-height: 3.6em;
	background: #00a0e9;
	transform: translateY(0%);
	-webkit-transform: translateY(0%);
	transition: all 0.5s ease-in-out;
	-webkit-transition: all 0.5s linear;
	border-top: 1px solid rgba(255, 255, 255, 0.6);
	opacity: 0;
	cursor: pointer;
	overflow-x: auto;
	overflow-y: hidden;
}

.mobi_template6.pageanimate .mobi_webTopBox {
	transform: translateY(100%);
	-webkit-transform: translateY(100%);
	opacity: 1;
	top: 0px;
}

@media screen and (width:414px) {
	.mobi_template6.pageanimate .mobi_webTopBox {
		top: 12px;
	}
}


/*--模板6end--*/


/*--模板7--*/

.mobi_template7 .mobi_template,
.mobi_template7 .mobi_mainbody {
	z-index: 1;
}

.mobi_template7 .er-mobileMenu .er-mult-menu .er-mult-menu-item .er-mult-menu-node a:link,
.mobi_template7 .er-mobileMenu .er-mult-menu .er-mult-menu-item .er-mult-menu-node a:visited {
	color: #333!important;
}

.mobi_template7 .mobi_navmenus {
	position: absolute;
	left: 2em;
	bottom: 6em;
	z-index: 2;
	background: #575757;
	border-radius: 100%;
	height: 3.6em;
	width: 3.6em;
	line-height: 3.6em;
	text-align: center;
	border: 2px solid #fff;
	box-shadow: 0 0 4px rgba(0, 0, 0, 0.5);
	margin: 0 auto;
	padding: 0;
}

.mobi_template7 .mobi_webTopBox {
	position: absolute;
	left: 0;
	bottom: 0;
	top: 0;
	z-index: 4;
}

.mobi_template7 .mobi_navmenus .fa-reorder {
	font-size: 1.2em;
	color: #fff;
}

.mobi_template7 .mobi_webTop {
	position: absolute;
	left: 6em;
	bottom: 0;
	z-index: 1;
	background: #fff;
	height: 25em;
	width: 12em;
	border-radius: 1em;
	transform: translateY(100%);
	-webkit-transform: translateY(100%);
	transition: transform 0.2s linear;
	-webkit-transition: transform 0.2s linear;
}

.mobi_template7.pageanimate .mobi_webTop {
	transform: translateY(0%);
	-webkit-transform: translateY(0%);
	bottom: 2em;
}

.mobi_template7.pageanimate .mobi_webTopBox {
	width: 100%;
	background: rgba(0, 0, 0, 0.6);
}


/*--模板7end--*/


/*模板8*/

.mobi_template8 .mobi_mainbody {
	position: relative;
	z-index: 1;
	overflow: visible;
	transition: transform 0.2s linear;
	-webkit-transition: transform 0.2s linear;
}

.mobi_template8 .mobi_webTopBox {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	z-index: 4;
}

.mobi_template8 .mobi_navmenus {
	position: absolute;
	bottom: 6em;
	left: 0;
	z-index: 2;
	background: #00a0e9;
	border-radius: 0 10em 10em 0;
	width: 4em;
	height: 3em;
	line-height: 3em;
	text-align: center;
}

.mobi_template8 .mobi_navmenus .fa-reorder {
	font-size: 1.2em;
	color: #fff;
}

.mobi_template8 .mobi_webTop {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	background: #404248;
	height: 100%;
	width: 14em;
	transform: translate(-100%);
	-webkit-transform: translate(-100%);
	transition: transform 0.2s linear;
	-webkit-transition: transform 0.2s linear;
}

.mobi_template8.pageanimate .mobi_webTop {
	transform: translate(0%);
	-webkit-transform: translate(0%);
}

.mobi_template8.pageanimate .mobi_mainbody {
	transform: translate(14em);
	-webkit-transform: translate(14em);
}

.mobi_template8.pageanimate .mobi_webTopBox {
	background: rgba(0, 0, 0, 0.3);
	width: 100%;
}


/*模板9*/

.mobi_template9 .mobi_template,
.mobi_template9 .mobi_mainbody {
	z-index: 1;
}

.mobi_template9 .er-mobileMenu .er-mult-menu .er-mult-menu-item {
	float: left;
}

.mobi_template9 .er-mobileMenu .er-mult-menu .node-a .fa {
	display: none;
}

.mobi_template9 .er-mobileMenu .er-mult-menu .er-mult-menu-children {
	display: none;
}

.mobi_template9 .mobi_webTopBox {
	position: absolute;
	left: 0;
	bottom: 0;
	height: 100%;
	z-index: 4;
}

.mobi_template9 .mobi_navmenus {
	position: absolute;
	bottom: 10em;
	left: 0;
	z-index: 2;
	background: #575757;
	width: 4em;
	height: 3em;
	line-height: 3em;
	text-align: center;
}

.mobi_template9 .mobi_navmenus .fa-reorder {
	font-size: 1.2em;
	color: #fff;
}

.mobi_template9 .mobi_webTop {
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 1;
	background: #404248;
	height: 8em;
	width: 100%;
	transform: translateY(100%);
	-webkit-transform: translateY(100%);
	transition: transform 0.2s linear;
	-webkit-transition: transform 0.2s linear;
}

.mobi_template9.pageanimate .mobi_webTop {
	transform: translateY(0%);
	-webkit-transform: translateY(0%);
}

.mobi_template9.pageanimate .mobi_webTopBox {
	background: rgba(0, 0, 0, 0.3);
	width: 100%;
}


/*媒体查询器*/

@media screen and (width:414px) {
	.mobi_DheaderBox {
		height: 56px;
	}
	.mobi_template5.pageanimate .mobi_webTopBox {
		top: 56px;
	}
}


/*----手机端--盒子模型-----end ----*/


/*------------tool-plate---------------*/

.er-toolplate {
	position: absolute;
	left: 0;
	bottom: 0;
	right: 0;
	top: 0;
}

.er-toolplate-tool {
	padding: 0.8em 0.5em;
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	font-size: 1.3rem;
	line-height: 1.6em;
	background: #fff;
}

.er-toolplate-tool * {
	font-size: inherit!important;
}

.er-toolplate-tool .fa {
	font-size: 1.1em!important;
}

.er-toolplate-content {
	top: 3.8rem;
	position: absolute;
	bottom: 0;
	right: 0;
	left: 0;
	overflow: auto;
}

.er-toolplate-plate {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	opacity: 0;
	background: rgba(0, 0, 0, 0.4);
	transition: opacity 0.5s ease;
	-webkit-transition: opacity 0.5s ease;
	z-index: 2;
}

.er-toolplate-plate-con {
	background: #fff;
	width: 70%;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	-webkit-transform: translateX(100%);
	transition: transform 0.5s ease;
	-webkit-transition: -webkit-transform 0.5s ease;
}

.er-toolplate-show .er-toolplate-plate {
	left: 0;
	opacity: 1;
}

.er-toolplate-show .er-toolplate-plate-con {
	-webkit-transform: translateX(0);
}

.er-toolplate-tool-left {
	float: left;
	text-align: left;
	position: relative;
}

.er-toolplate-tool-right {
	float: right;
	position: relative;
	text-align: right;
}

.er-toolplate-tool-right>*,
.er-toolplate-tool-left>* {
	display: inline-block;
}


/*-----er-login------*/

.er-login {
	padding: 2rem;
	font-size: 1.2rem;
	background: #fff;
}

.er-login-title {
	height: 3em;
	display: -webkit-box;
	display: -ms-flexbox;
}

.er-login-title:after {
	content: "";
	display: block;
	clear: both;
}

.er-login-name {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	font-size: 1.2em;
	text-align: center;
	color: #888;
	cursor: pointer;
}

.er-login-account .er-login-name,
.er-login-mobile .er-login-name {
	text-align: left;
}

.er-login-name.selected {
	color: #333;
}

.er-login-prcode {
	position: relative;
	padding-right: 3em;
}

.er-login-prcode .fa {
	position: absolute;
	right: 0;
	top: 0;
	font-size: 3.5em;
	color: #777;
	cursor: pointer;
}

.er-login-prcode .fa-desktop {
	font-size: 2.5em;
}

.er-login-prcode .fa:after {
	content: "";
	display: block;
	position: absolute;
	left: -1px;
	bottom: -1px;
	border: 0.5em solid #fff;
	border-color: transparent transparent #fff #fff;
}

.er-login-tip {
	color: #666;
	font-size: 0.9em;
	padding: 0.3em;
	border: 1px solid #ddd;
	background: #fff;
	position: relative;
	z-index: 2;
}

.er-login-tip:before {
	content: "";
	position: absolute;
	display: block;
	border: 0.4em solid #fff;
	border-color: transparent transparent transparent #fff;
	right: -0.8em;
	top: 50%;
	margin-top: -0.4em;
	z-index: 1;
}

.er-login-tip:after {
	content: "";
	position: absolute;
	display: block;
	border: 0.5em solid #ddd;
	border-color: transparent transparent transparent #ddd;
	right: -1em;
	top: 50%;
	margin-top: -0.5em;
	z-index: -1;
}

.er-login-form-item input {
	border: 0;
	font-size: 1.1em;
	padding: 0;
	width: 100%;
	color: #666;
}
.er-login-form-item .er-login-icon{
  position: absolute;
  left: 0px;
  top: .4em;
  width: 30px;
  text-align: center;
  font-size: 1.2em;
}
.er-login-form-item {
	border: 1px solid #ddd;
  margin-top: 1em;
	padding: 0.6em 2em;
	height: 1.35em;
  /*height: 3em;*/
	position: relative;
}

.er-login-form-item a {
	position: absolute;
	right: .6em;
	top: .3em;
	display: inline-block;
}

.er-login-form-item .fa {
	color: #666;
	cursor: pointer;
}

.er-login-form-action .er-button {
	width: 100%;
	font-size: 1.2em;
}

.er-login-form-action {
	padding-top: 0.5em;
}

.er-login-prcode-con {
	text-align: center;
}

.er-login-prcode-img {
	width: 50%;
	display: inline-block;
}

.er-login-prcode-img img {
	width: 100%;
}

.er-login-help {
	text-align: right;
	padding-top: 1em;
	font-size: 0.9em;
}

.er-login-help a {
	display: inline-block;
	margin-left: 1em;
}

.er-login-message {
	color: #f00;
	line-height: 2em;
	text-align: center;
  height: 2em;
}


/*-----er-Slide幻灯2019.2.18----------*/

.er-Slide {
	position: relative;
	margin: 0 auto;
	padding: 0;
	width: 100%;
	font-size: 1rem;
}

.er-Slidebox {
	position: relative;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.er-Slidebox:before {
	padding-top: 50%;
	content: "";
	display: inline-block;
}

.er-Slidebox .slideitem {
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	opacity: 0;
}

.er-Slidebox .slideitem a {
	display: block;
	height: 100%;
}

.er-Slidebox .slideitem img {
	width: 100%;
	height: 100%;
}

.er-Slidebox .slideitem .Mask {
	background: rgba(0, 0, 0, 0.3);
	line-height: 40px;
	height: 40px;
	position: absolute;
	bottom: 0;
	width: 100%;
	color: #fff;
	text-indent: 1em;
	font-size: 1.2em;
}

.er-slideContainer {
	position: absolute;
	padding: 0px 10px;
	right: 0;
	bottom: 15px;
	z-index: 2;
	line-height: 0;
}

.er-slideContainer .circle {
	cursor: pointer;
	display: inline-block;
	width: 12px;
	height: 12px;
	margin-left: 10px;
	background: rgba(255, 255, 255, 0.8);
	border-radius: 50%;
}

.er-slideContainer .circle:first-child {
	margin-left: 0;
}

.er-slideContainer .circle.on {
	background: #ff9819;
}


/*---.er-Slides-102---*/

.er-Slides-102 .er-slideContainer {
	bottom: 10px;
}

.er-Slides-102 .er-slideContainer .circle {
	border-radius: 0;
	width: 20px;
	height: 20px;
	line-height: 20px;
	text-align: center;
}


/*---.er-Slides-103---*/

.thumbnails-item-pic {
	overflow: hidden;
	position: relative;
}

.thumbnails-item-pic>a {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.thumbnails-item-pic:before {
	content: "";
	display: inline-block;
	padding-top: 50%;
}

.thumbnails-item-pic img {
	width: 100%;
	height: 100%;
}

.er-Slides-103 .er-slideContainer {
	position: static;
	width: 100%;
	padding: 0;
}

.er-Slides-103 .er-slideContainer .thumbnails-con {
	padding: 0;
	display: -webkit-box;
	display: -ms-flexbox;
}

.er-Slides-103 .er-slideContainer .thumbnails-item {
	-webkit-box-flex: 1;
	margin: 1em 0 0 0.7em;
}

.er-Slides-103 .er-slideContainer .thumbnails-item:first-child {
	margin-left: 0;
}

.er-Slides-103 .er-slideContainer .thumbnails-item-pic {
	border: 1px solid #ff;
	position: relative;
}

.er-Slides-103 .er-slideContainer .thumbnails-item.on {
	position: relative;
}

.er-Slides-103 .er-slideContainer .thumbnails-item.on .thumbnails-item-pic {
	border: 1px solid #ff9819;
}

.er-Slides-103 .er-slideContainer .thumbnails-item.on:before {
	display: inline-block;
	content: "";
	width: 0;
	height: 0;
	border-width: 0.4em;
	border-style: solid;
	border-color: transparent transparent #ff9819 transparent;
	left: 50%;
	position: absolute;
	top: -0.8em;
	z-index: 10;
	margin-left: -0.2em;
}


/*---.er-Slides-104---*/

.er-Slides-104 .er-Slidebox .slideitem {
	opacity: 1;
	width: 50%;
	left: 50%;
	margin-left: -25%;
}


/*---.er-Slides-105---*/

.er-Slides-105 {
	display: -webkit-box;
	display: -ms-flexbox;
}

.er-Slides-105 .er-Slidebox {
	-webkit-box-flex: 1;
}

.er-Slides-105 .er-slideContainer {
	position: relative;
	top: 0;
	bottom: 0;
	padding: 0;
	width: 40%;
}

.er-Slides-105 .er-slideContainer .thumbnails-con {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: auto;
	overflow-x: hidden;
}

.er-Slides-105 .er-slideContainer .thumbnails-item {
	display: block;
	margin: 0;
	height: auto;
	width: 100%;
	min-width: 100%;
	margin: 0 0 0.5em 0.5em;
	display: -webkit-box;
	display: -ms-flexbox;
}

.er-Slides-105 .er-slideContainer .thumbnails-item:last-child {
	margin-bottom: 0;
}

.er-Slides-105 .er-slideContainer .thumbnails-item.on:before {
	display: inline-block;
	content: "";
	width: 0;
	height: 0;
	border-width: 0.5em;
	border-style: solid;
	border-color: transparent #007AD5 transparent transparent;
	left: 0;
	position: absolute;
	z-index: 10;
	top: 50%;
	margin-top: -0.5em;
	display: none;
}

.er-Slides-105 .thumbnails-item-pic {
	-moz-box-flex: 1;
	-webkit-box-flex: 1;
	box-flex: 1;
}

.er-Slides-105 .thumbnails-item-text {
	/*float: right;*/
	width: 40%;
	background: #fafafa;
	display: -webkit-box;
	-webkit-box-pack: justify;
	-webkit-box-align: center;
	word-break: break-all;
	word-wrap: break-word;
	padding: 0 1em;
}

.er-Slides-105 .thumbnails-item-text>a {
	line-height: 1.4em;
}


/*ErCarousel*/

.er-carousel .el-carousel__container {
	height: auto;
}

.er-carousel .el-carousel__bottom {
	line-height: 1.8em;
	position: absolute;
	padding: 0.2em 1em;
	bottom: 0;
	left: 0;
	right: 0;
	background: rgba(0, 0, 0, 0.3);
}
.er-carousel.er-bottom-outside .el-carousel__bottom{
  position: relative;
  line-height: 2em;
  background: none;
  height: 2em;
}
.er-carousel.er-bottom-outside .el-carousel__indicators{
  bottom: 2em;
}
.er-carousel.er-bottom-outside .el-carousel__bottom a{
  color: #000;
}
.er-carousel.er-bottom-outside .el-carousel__item>a{
  height: calc(100% - 2em);
}
.er-carousel .el-carousel__bottom a {
	color: #fff;
}

.er-carousel .el-carousel__indicators--labels {
	left: auto;
	right: auto;
}

.er-carousel .el-carousel__indicators.center {
	left: 50%;
}
.er-carousel .er-carousel-c{
	overflow: auto;
	-webkit-box-flex: 1;
	-ms-flex: 1;
}
.er-carousel .er-carousel-c  ul{
	white-space: nowrap;
	display: inline-block;
}
.er-carousel .el-carousel__indicators.right {
	right: 0;
}
.er-carousel .el-carousel__indicators{
	display: -webkit-box;
	display: -ms-flexbox;
	-webkit-box-align: center;
	-ms-flex-align: center;
}
.er-carousel .el-carousel__container {
	white-space: nowrap;
}
.er-carousel-l-bar, .er-carousel-r-bar{
	display: inline-block;
	cursor: pointer;
}
.er-carousel-l-bar:hover:after{
	border-color: transparent #aaa transparent transparent;
}
 .er-carousel-r-bar:hover:after{
	border-color: transparent transparent transparent #aaa ;
}
.er-carousel-l-bar{
	margin-right:.5em;
}
.er-carousel-r-bar{
	margin-left:.5em;
}
.er-carousel-l-bar:after{
	content:"";
	display: inline-block;
	width:0;
	height:0;
	border:.6em solid #ddd;
	border-color: transparent #ddd transparent transparent;
	border-left-width: 0;
}
.er-carousel-r-bar:after{
	content:"";
	display: inline-block;
	width:0;
	height:0;
	border:.6em solid #ddd;
	border-color: transparent  transparent transparent #ddd;
	border-right-width:0;
}

.er-carousel-c::-webkit-scrollbar-track-piece {
	background-color: #f8f8f8;
}
.er-carousel-c::-webkit-scrollbar {
	width: 6px;
	height: 0px;
}
.er-carousel-c::-webkit-scrollbar-thumb {
	background-color: #e0e0e0;
	background-clip: padding-box;
	border-radius: 3px;
	min-height: 28px;
}
.er-carousel-c::-webkit-scrollbar-thumb:hover {
	background-color: #bbb;
}

.er-carousel.circle .el-carousel__indicators--labels .el-carousel__button {
	width: auto;
	height: auto;
	padding: 6px;
	font-size: 12px;
	border-radius: 50%;
}

.er-carousel .el-carousel__item>a {
	width: 100%;
	height: 100%;
	display: block;
  text-align: center;
}

.er-carousel .el-carousel__item>a>img {
	width: 100%;
	height: 100%;
}


/*ErUploadImg*/
.avatar-uploader{

}
.avatar-uploader .el-upload {
	border: 1px dashed #d9d9d9;
	border-radius: 6px;
	cursor: pointer;
	position: relative;
	overflow: hidden;
	text-align: center;
	min-width: 6rem;
	min-height: 6rem;
	line-height: 6rem;
}

.avatar-uploader-icon {
	font-size: 28px;
	color: #8c939d;
	text-align: center;
  line-height: 2.5em;
}

.er-form .el-form-item__label:before {
	content: "";
	display: inline-block;
	width: .5em;
	margin-right:4px;
}

/*-----er-comment--------*/

.er-comment {
	font-size: 1rem;
}

.er-comment-form {
	padding: 1em;
}

.er-comment-form h3 {
	font-size: 1.2em;
	font-weight: bold;
	padding-bottom: .5em;
}

.er-comment-nr textarea {
	width: 100%;
	height: 4em;
  border: 1px solid #ddd;
}

.er-comment-action {
	padding-top: .5em;
	text-align: right;
}

.er-comment-action .er-button-style {
	font-size: 1em;
}

.er-comment .er-news-list-box-title .textleft {
	font-size: 1.1em;
}

.er-comment .addition {
	text-align: right;
}

.er-comment .addition span {
	margin-right: 0;
	margin-left: 1em;
	cursor: pointer;
}

.er-comment .addition span:hover {
	color: #20a0ff;
}

.ArticalDetail .er-comment {
	border: 1px solid #ddd;
	border-top: 0;
}


/*-----------er-search-----------*/

.er-search {
	display: -webkit-box;
	display: -ms-flexbox;
	-webkit-box-align: end;
	-ms-flex-align: end;
	font-size: 1rem;
}

.er-search-body {
	-webkit-box-flex: 1;
	-ms-flex: 1;
}

.er-search-form {
	border: 1px solid #ccc;
	padding: 0 .5em;
    height: 3rem;
	line-height: 3rem;
	border-radius: 2px 0 0 2px;
	background: #fff;
	font-size: 1.1em;
	overflow: hidden;
}

.er-search-form input {
	width: 100%;
	border: 0;
line-height: inherit;
font-size:1em;
}
.er-search-form-other{
	position: absolute;
	right:0;
	top:0;
}

.er-search-dropcon {
	border: 1px solid #ccc;
	position: relative;
	padding: 0 .5em;
	line-height: 3rem;
	margin-right: .2em;
	border-radius: 2px;
	cursor: pointer;
	background: #fff;
	min-width: 4em;
	padding-right: 2em;
	font-size: 1.2em;
}

.er-search-dropcon>span .fa {
	position: absolute;
	right: 0;
	top: 0;
	width: 1.2rem;
	bottom: 0;
	text-align: center;
	color: #888;
	background: #eee;
	line-height: 3rem;
}

.er-search-dropcon ul {
	position: absolute;
	left: 0;
	top: 100%;
	background: #fff;
	min-width: 100%;
	box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.3);
	display: none;
	z-index: 3;
}

.er-search-dropcon a {
	display: block;
	padding: 0 .5em;
	line-height: 3rem;
	white-space: nowrap;
}

.er-search-dropcon a:hover {
	/*background:#eee;*/
	background: #20A0FF;
	color: #fff;
}

.er-search-dropcon:hover ul {
	display: block;
}

.er-search-dropcon .er-search-drop li {
	position: relative;
}

.er-search-dropcon .er-search-drop li .er-searchbar-children {
	display: none;
	position: absolute;
	left: 100%;
	top: 0px;
	min-width: 100%;
}

.er-search-dropcon .er-search-drop li:hover .er-searchbar-children {
	display: block;
}

.er-search-dropcon .er-search-drop li:hover .er-searchbar-children ul {
	width: 42em;
}

.er-search-dropcon .er-search-drop .er-searchbar-children li {
	float: left;
	width: 6em;
}

.er-search-dropcon .er-search-drop .er-searchbar-children li a {
	line-height: 2em;
	border-radius: 2px;
}

.er-search-dropcon ul .er-searchbar-children ul {
	border: 1px solid #20A0FF;
	padding: .5em;
}


/*2级ul边框色*/

.er-search-nav {
	padding-bottom: .5em;
	font-size: 1.1em;
}
.er-search-nav ul{
  white-space: nowrap;
}

.er-search-nav li {
	display: inline-block;
	margin: 0 .5em;
	font-size: 1.1em;
	cursor: pointer;
	border-radius: 2px;
}

.er-search-nav li:hover {
	background: #eee;
}

.er-search-button {
	line-height: 0;
}

.er-search-button .er-search-btn {
	margin-right: 1rem;
}

.er-search-button .er-search-btn .er-button-style {
	border-radius: 0 2px 2px 0;
}

.er-search-button .er-button-style {
	line-height: 3rem;
	height: 3rem;
}

.er-search .drop-selected {
	/*background:#eee;*/
	background: #20A0FF;
}

.er-search .drop-selected a {
	color: #fff;
}

.er-search .drop-selected .er-searchbar-children a {
	color: #000;
}

.er-search-nav a {
	display: inline-block;
	padding: 0 1em;
	line-height: 2em;
}

.er-search li.nav-selected {
	background: #20a0ff;
}

.er-search li.nav-selected a {
	color: #fff;
}

.er-search-body {
	position: relative;
}

.er-search-addition {
	position: absolute;
	background: #fff;
	width: 100%;
	border: 1px solid #20a0ff;
	z-index: 200;
}

.er-search-addition li {
	height: 3em;
	line-height: 3em;
	cursor: pointer;
	padding-left: 1em;
}

.er-search-addition li:hover {
	background: #20a0ff;
	color: #fff;
}


/*-----------questions-list-----------*/

.questions-list .er-news-list-box-title{
	padding:0 2em;
}
.questions-list .addition{
	color:#999;
}
.questions-list .addition a{
	cursor: pointer;
}
.questions-list .addition .fa-heart{
	color:#d00!important;
}
.questions-list .addition .fa-comment{
	color:#099D47!important;
}
.questions-list .er-news-list-box-title .title .textleft{
	font-size:1.3em;
	line-height: 1.8em;
	text-indent: 2em;
}
.questions-list .er-news-list-box-title .title .textleft *{
	text-indent: 0;
}
.questions-list .er-news-list-box-title .news a {
	margin-left: 1rem;
	line-height: 0;
	width: 90px;
	height: 90px;
	border: 1px solid #ddd;
	padding: 3px;
	overflow: hidden;
}

.questions-list .er-news-list-box-title .news a:first-child {
	margin-left: 0;
}

.questions-list .er-news-list-box-title .news a img {
	max-width: 100%;
}

.questions-list .addition {
	font-size: 1em;
	padding-top:2em;
}

.questions-list .addition .info {
	display: -webkit-box;
	-webkit-box-orient: horizontal;
	width: 100%;
}

.questions-list .addition .info .left {
	-webkit-box-flex: 1;
}

.questions-list .addition .info .right {
	text-align: right;
	display: -webkit-box;
	-webkit-box-pack: center;
	-webkit-box-align: center;
}

.questions-list .addition .info .left>a,
.questions-list .addition .info .left>span {
	position: relative;
	padding-right: 1em;
	padding-left: 1em;
}

.questions-list .addition .info .left>:first-child {
	padding-left: 0;
}


/*left下面的所有第一个子元素标签左边距为0*/

.questions-list .addition .info .left>a {
	cursor: pointer;
}

.questions-list .er-news-list-box-title .title a {
	font-size: 1.3rem;
	color: #0066cc;
	text-decoration: underline;
	cursor: pointer;
	font-weight: 400;
}

.questions-list .addition .info .left>a:after,
.questions-list .addition .info .left>span:after {
	content: "";
	display: block;
	position: absolute;
	right: 0;
	top: 4px;
	height: 15px;
	border-right: 1px solid #ccc;
}

.questions-list .addition .info .left>a:last-child:after,
.questions-list .addition .info .left>span:last-child:after {
	display: none;
}

.questions-list .info .oranger {
	color: #F1BC1E;
}

.questions-list .addition .info .left span>i,
.questions-list .addition .info .left a>i,
.questions-list .addition .info .left a>em {
	color: #999;
	margin: 0 5px;
	font-style: normal;
}

.questions-list .er-news-list-box-title .addition .header-pic {
	position: relative;
}

.questions-list .er-news-list-box-title .addition .yhtx {
	/*position: absolute;
	left: 0;*/
	width: 24px;
	height: 24px;
	vertical-align: bottom;
}

.questions-list .er-news-list-box-title .addition .yhtx img {
	width: 100%;
	height: 100%;
	border-radius: 50%;
}

.questions-list .er-news-list-box-title .addition .header-pic .ml10 {}


/*-----er-tabcloud----*/

.er-tabcloud {
	font-size: 1rem;
  line-height:1em;
  padding: 5px 0px;
}

.er-tabcloud span {
	background: #f7f7f7;
	color: #666;
	padding: 5px 10px;
  margin: 2px 3px;
	border-radius: 3px;
	cursor: pointer;
	display: inline-block;
	line-height: 1;
}

.er-tabcloud span:hover {
	color: #000;
}

.er-tabcloud span.active {
	color: #fff;
	background: #20a0ff;
}

.er-put-questions {
	padding: 0 1em;
}
.er-put-questions .er-form{
  padding-top: 1em;
}

.er-tabcloud-2{
    padding:1rem;
}
.er-tabcloud-2 span{
    line-height:2.2em;
    font-size:1.1rem;
    padding:0 1em;
}
.er-tabcloud-2 span.active *{
    color:#fff;
}
/*shadow-list*/

.shadow-list {
	box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1);
}


/*er-form*/
.er-form-item{
	display: -webkit-box;
	display: -ms-flexbox;
	-webkit-box-align: center;
	-ms-flex-align: center;
}
.er-form-item .el-form-item__label{
  float:initial;
  display: inline-block;
}
.er-form .el-form-item__tip {
	color: #a49d9d;
	font-size: 12px;
	line-height: 1;
	padding-top: 4px;
	position: absolute;
	top: 100%;
	left: 0;
	right:0;
}

.er-form .el-form-item__content.el-form-item__inline,
.el-form-item__content.el-form-item__unit {
	display: flex;
}

.er-form .el-form-item__content .unit {
	margin-left: 0.5em;
}

.er-form .el-form-item__content.el-form-item__inline .er-button {
	margin-left: 1em;
}

.er-form .el-form-item__content.el-form-item__inline .el-button.el-button--small {
	margin: 0.3em 0 0.3em 1em;
}

.er-form .el-form-item__content {

	-webkit-box-flex: 1;
	-ms-flex: 1;
}
.er-form-item-unit{
	margin-left:.5rem;
}
.er-form-item-other{
	margin-left:.5rem;
}
.phone.er-form{
	padding-bottom: 4.5rem;
}
.phone .er-form-item.is-error{
	border-bottom-color:#f00;
}
.phone .is-error .el-form-item__tip{
	color:#f00;
}
.phone .er-form-show-msg{
	padding-bottom:2rem!important;
}
.er-form-action{
	padding:1rem 0;
	text-align: center;
	display: -webkit-box;
	display: -ms-flexbox;
	    position: fixed;
    left: 0;
    bottom: 0;
    right: 0;
    background: #fff;
}
.er-form-action> div{
	-webkit-box-flex:1;
	-ms-flex: 1;
	margin:0 .5rem;
}
.er-form-action > div > .er-button{
	width:100%;
	font-size:1.4rem;
}

.er-form .el-date-editor .el-input__inner,
.er-form .el-date-editor.el-input--suffix .el-input__inner{
	padding-left:0.8em;
	padding-right: 25px;
}
.er-form .el-date-editor .el-input__prefix{
	left:initial;
	right:0;
}
/*------------er-msgbub------------*/

.er-msgbub {
	display: -webkit-box;
	display: -ms-flexbox;
	-webkit-box-orient: vertical;
	-ms-flex-direction: column;
	height: 100%;
	font-size: 1rem;
}

.er-msgbub-body {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	overflow: auto;
}

.er-msgbub-top {
	text-align: center;
	line-height: 2.8em;
	color: #666;
}

.er-msgbub-left-item {
	float: left;
	max-width: 80%;
	clear: both;
	display: -webkit-box;
	display: -ms-flexbox;
	padding: 1em 0 1em 1em;
}
.phone .er-msgbub-left-item,
.phone .er-msgbub-right-item{
	max-width:90%;
}
.er-msgbub-content font{
	color:inherit;
}
.er-msgbub-user {
	margin-right: 1em;
}

.er-msgbub-info {
	-webkit-box-flex: 1;
	-ms-flex: 1;
}

.er-msgbub-user img {
	width: 4em;
	height: 4em;
	border-radius: 50%;
	background: #20a0ff;
}

.er-msgbub-name {
	padding-bottom: .5em;
	color: #666;
}

.er-msgbub-content {
	padding: 1rem;
	border: 1px solid #ddd;
	background: #fff;
	font-size: 1.2em;
	border-radius: .8rem;
	position: relative;
	line-height:1.8em;
	word-break: break-all;
	box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2);
}

.er-msgbub-content .er-msgbub-conent-list dt{
	color:#aaa;
	margin-bottom: .5em;
}
.er-msgbub-content .er-msgbub-conent-list dd{
	max-height: 2.6em;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: .6em 0;
    line-height: 1.4em;
}
.er-msgbub-content .er-msgbub-conent-list dd .fa-angle-right{
	margin-right:.5em;
	color:#aaa;
}
.er-msgbub-content p{
	line-height:1.8em;
	text-indent: 2em;
	padding:1em 0;
}
.er-msgbub-content img{
	max-width:80%;
	height:auto!important;
}
.er-msgbub-content:after {
	content: "";
	display: inline-block;
	position: absolute;
	left: -0.9rem;
	top: 1rem;
	border: .5rem solid #fff;
	border-top-width: 0.3rem;
	border-color: transparent #fff transparent transparent;
}

.er-msgbub-content:before {
	content: "";
	display: inline-block;
	position: absolute;
	left: -1rem;
	top: 1.1rem;
	margin-left: -2px;
	margin-top: -1px;
	border: .6rem solid #ddd;
	border-top-width: 0.3rem;
	border-color: transparent #ddd transparent transparent;
}

.er-msgbub-right-item {
	max-width: 80%;
	clear: both;
	display: -webkit-box;
	display: -ms-flexbox;
	padding: 1em 1em 1em 0;
	float: right;
}

.er-msgbub-right-item .er-msgbub-content:after {
	right: -1rem;
	left: auto;
	border-color: transparent transparent transparent #fff;
}

.er-msgbub-right-item .er-msgbub-content:before {
	right: -1rem;
	left: auto;
	margin-left: auto;
	margin-right: -2px;
	border-color: transparent transparent transparent #ddd;
}

.er-msgbub-right-item .er-msgbub-name {
	text-align: right;
}

.er-msgbub-right-item .er-msgbub-user {
	margin-left: 1rem;
	margin-right: 0;
}

.er-msgbub-right-item .er-msgbub-content {
	background: #20A0FF;
	color: #fff;
	border: 0;
}

.er-msgbub-right-item .er-msgbub-content:after {
	border-color: transparent transparent transparent #20A0FF;
}

.er-msgbub-right-item .er-msgbub-content:before {
	border-color: transparent transparent transparent #20A0FF;
}

.er-msgbub-list:after {
	content: "";
	display: block;
	clear: both;
}

.er-ia {
	height: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
}

.er-ia .er-msgbub {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	height: auto;
}

.er-ia-chat {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	display: -webkit-box;
	display: -ms-flexbox;
	-webkit-box-orient: vertical;
	-ms-flex-direction: column;
}

.er-ia-list {
	width: 20rem;
}

.er-ia-bubble {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	display: -webkit-box;
	display: -ms-flexbox;
}

.er-ia-form {
	border-top: 1px solid #ddd;
}
.phone .er-ia-form{
	background:#f7f7f7;
}
.phone .er-ia-chat-text textarea{

	    width: 96%;
    border: 1px solid #eee;
    padding: 2%;
    margin-top: .4em;
}
.er-ia-list {
	border-left: 1px solid #ddd;
}

.er-ia-prompt {
	padding: .5rem 1rem;
}

.er-ia-prompt-info {
	text-align: right;
	float: right;
	font-size:.8em;
	color:#aaa;
}

.er-ia-prompt-info span {
	margin-left: 1rem;
}

.er-ia-chat-text {
	padding: 0 1rem;
	clear: both;
}

.er-ia-chat-text textarea {
	padding: 0;
	border: 0;
	height: 4rem;
	width: 100%;
}

.er-ia-action {
	text-align: right;
	padding: .5rem 1rem;
	position: relative;
}
.er-ia-action .webuploader-container .fa{
	font-size:1.5em;
}
.er-ia-action .er-img-croper-upload-button-custom .webuploader-container{
	position: absolute;
	left:1em;
	top:1em;
}
.er-ia-action .fa-microphone{
	position: absolute;
	left:4rem;
	top:.9rem;
	font-size:1.6em;}

.er-ia-error {
	float: left;
	text-align: left;
	color: #f00;
}

.er-msgbub-conent-vol{
	font-size:.8em;
	padding-top:.5em;
}
.er-msgbub-conent-vol .fa-volume-down{
	font-size: 1.4em;
    vertical-align: middle;
    color: #16a766;
}
@keyframes volumePlay{
	0%{
		content: "\f027";
	}
	50%{
		content:"\f028"
	}
}
@-webkit-keyframes volumePlay{
	0%{
		content: "\f027";
	}
	50%{
		content:"\f028"
	}
}
.volume-playing:before{
	animation: volumePlay 0.5s;
	animation-timing-function: step-start;
	animation-iteration-count: infinite;
	-webkit-animation: volumePlay 0.5s;
	-webkit-animation-timing-function: step-start;
	-webkit-animation-iteration-count: infinite;
}
.er-msgbub-conent-vol > span{
	background: #f5f5f5;
    line-height: 2em;
    display: inline-block;
    padding: 0 1em;
    border-radius: 1em;
    cursor: pointer;
}
.er-msgbub-conent-vol > span:hover{
	color:#16a766;
}
.er-ia .er-news-list {
	font-size: .8rem;
}

.er-ia .er-news-list .textleft a {
	display: block;
    max-height: 3.2em;
    text-overflow: ellipsis;
    overflow: hidden;
    line-height: 1.5em;
}

.er-ia-list {
	position: relative;
}

.er-ia-list .er-column {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	-webkit-box-orient: vertical;
	-ms-flex-direction: column;
}

.er-ia-list .er-column .er-column-con {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	overflow: auto;
}

.er-pop-robot {
	max-width: 80%;
	width: 80rem;
}
.is-fullscreen.er-pop-robot{
	max-width:100%;
    display:-webkit-box;
    display:-ms-flexbox;
    -webkit-box-orient:vertical;
    -ms-flex-direction:column;
}
.is-fullscreen.er-pop-robot .el-dialog__body{
    -webkit-box-flex:1;
    -ms-flex:1;
     display:-webkit-box;
    display:-ms-flexbox;
}

.is-fullscreen.er-pop-robot  .er-ia{
    height:auto;
    -webkit-box-flex:1;
    -ms-flex:1;
}
.er-pop-robot .el-dialog__body {
	padding: 0;
	height: 40rem;
}

.er-pop-robot .el-dialog__header {
	font-size: 1.4rem;
	border-bottom:1px solid #ddd;
}

.er-pop-robot .el-dialog__header img {
	width: 2.4rem;
	height: 2.4rem;
	border-radius: 50%;
	background: #20a0ff;
	vertical-align: middle;
	margin-right: 1rem;
}

.er-anser-list-best {
	margin-bottom: 1rem;
}

.er-column-l21.er-anser-list-best .er-column-title-text {
	background-image: linear-gradient(180deg, #f9c381, #fff);
}

.er-column-l21.er-anser-list-best .er-column-title,
.er-column-l21.er-anser-list-best .er-column-con {
	border-color: #f9c381;
}

.el-dialog__header .fa-window-restore, .el-dialog__header .fa-window-maximize{
    position:absolute;
    top:20px;
    right:50px;
    color:#999;
    cursor:pointer;
}
.el-dialog__header .fa-window-restore:hover, .el-dialog__header .fa-window-maximize:hover{
    color:#079713;
}

/*----------elementUI------------*/


/*.el-dialog__header{*/


/*border-bottom:1px solid #ddd;*/


/*}*/

.el-collapse-item__arrow.is-active {
	transform: rotate(90deg);
}

.el-collapse-item__arrow {
	margin: 0 8px 0 auto;
	transition: transform .3s;
	font-weight: 300;
}


/*-------------askbox------*/

.askbox.er-column {
	background: #fff;
}

.askbox .er-column-con {
	overflow: hidden;
}

.askbox .wt-xq {
	display: -webkit-box;
	-webkit-box-orient: horizontal;
}

.askbox .wt-xq>div {
	-webkit-box-flex: 1;
	background: #f6f6f6;
	margin: 2% 0;
	padding: 2%;
	text-align: center;
}

.askbox .wt-xq>div .text1,
.askbox .wt-xq>div .text2 {
	display: block;
}

.askbox .wt-xq>div .text1 {
	font-size: 2em;
	color: #20a0ff;
	margin-bottom: 0.2em;
}

.askbox .wt-xq>div .text2 {
	font-size: 1em;
	font-style: normal;
}

.askbox .wt-tj {
	text-align: center;
	padding: 2%;
}
.askbox .wt-tj *{
	vertical-align: middle;
}

.askbox .wt-num{text-align: center; padding:1em 0;}
.askbox .wt-num p i {
	font-size: 2.2em;
	border: 1px solid #20a0ff;
	box-shadow: 2px 1px #20a0ff;
	line-height: 2em;
	padding: 0 0.1em;
	font-style: normal;
}

.wt-tj .bigfont {
	font-size: 1.2rem;
	margin-left: 1em;
	margin: 1em;
}


/*手机端横线表单*/

.reverse {
	padding-top: 48px;
}

.reverse .er-column-title {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	z-index: 2;
}

.phone .is-required {
	/*margin-left: -10px;*/
}

.phone .el-input__suffix {
	right: -5px;
}

.phone .el-form-item {
	border-bottom: 1px solid #ddd;
	margin-bottom: 0;
	padding: 0.5em;

}

.phone.er-form .el-form-item__label {
	float: none;
	display: block;
}

.phone .er-form .el-form-item__content {
	margin: 0 0.2em;
}
.phone .er-form-item__content{
	-webkit-box-flex:1;
	text-align: right;
	line-height:initial;
}
.phone .er-form-item__content p{
	margin:.5em 0;
}
.phone .el-form-item .el-input__inner {
	border: 0;
	background: none;
	border-radius: 0;
	text-align: right;
	padding-right: 0;
	font-size: 1.2rem;
}

.phone .el-icon-arrow-up:before {
	content: "\e605";
	content: "\e600";
}

.phone .el-input--suffix .el-input__inner {
	padding-right: 15px;
}

.phone .er-cascader {
	width: 100%;
}

.phone .el-textarea__inner {
	border: 0;
	text-align: right;
}

.phone .el-input.is-disabled .el-input__inner {
	background: none;
}

.phone .el-select .el-input .el-select__caret.is-reverse {
	-webkit-transform: rotateZ(-90deg);
	transform: rotateZ(-90deg)
}
.phone.el-popper[x-placement^=top]{
	margin-bottom:0;
}
.phone.el-popper[x-placement^=top] .popper__arrow,
.phone.el-popper[x-placement^=top] .popper__arrow::after,
.phone.el-popper[x-placement^=bottom] .popper__arrow,
.phone.el-popper[x-placement^=bottom] .popper__arrow::after {
	display: none;
}

.phone.el-popover {
	padding: 0;
	box-shadow: none;
	border: 0;
}

.phone .el-tabs__nav {
	display: -webkit-box;
	-webkit-box-orient: horizontal;
	width: 100%;
}

.phone .el-tabs__nav .el-tabs__item {
	-webkit-box-flex: 1;
	text-align: center;
	display: block;
	padding: 0;
}
.phone.el-popper .el-tabs__content{
	height:10em;
	overflow: auto;
}
.phone .el-tabs--top.el-tabs--border-card .el-tabs__item:nth-child(2) {
	padding-left: 0;
}

.phone .cardList li {
	line-height: 1.6;
}

.phone .el-cascader {
	width: 100%!important;
}

.phone .el-cascader .el-cascader__label {
	text-align: right;
}


/*动画*/

.phone.el-popper {
	position: fixed!important;
	left: 0!important;
	bottom: 0!important;
	right: 0!important;
	top: auto!important;
}

.phone.el-select-dropdown {
	/*transform: translateY(0)!important;*/
}

.phone.el-zoom-in-top-enter-active,
.phone.el-zoom-in-top-leave-active {
	-ms-transform-origin: center bottom;
	transform-origin: center bottom;

}

.phone.el-select-dropdown.el-zoom-in-top-enter-active,
.phone.el-select-dropdown.el-zoom-in-top-leave-active {
	transform: scaleY(1)!important;
	-ms-transform-origin: center bottom;
	transform-origin: center bottom;

}

/*-----er-context-detail------*/
.er-context-detail{

}
.er-context-detail p{
	line-height: 1.8em;
	text-indent: 2em!important;
	padding:1rem 0;
	font-size:1.3rem;
}

.er-context-detail img{
	max-width:600px;
}

/*nyfl_list农业分类list*/
.nyfl_list .er-news-list-box{border-bottom: 0;}
.nyfl_list .er-news-list-box .pic{float: left;}
.nyfl_list .er-news-list-box-title .title{line-height: 1.6em;}
.nyfl_list .er-news-list-box-title .title .textleft{font-size: 1.1em;}
.nyfl_list .er-news-list-box-title .title .textleft a {
    font-weight:normal;
    background: #3fba21;
    padding: 0 0.5em;
    color: #fff;
}
.nyfl_list .er-news-list-box-title .news{font-size: 1em;color: #999;}
/*er-expert-list 农业 专家列表*/
.er-expert-list{}
.er-expert-list .er-news-list-box-photo{padding: 0;}
.er-expert-list .er-news-list-box-photo .tu_ratio img{width: 100%;height: 100%;}
.er-expert-list .er-news-list-box-title .news a{display: block;}
.er-expert-list .er-news-list-box-title .news a >i{margin-right: 0.5em;width: 20px;text-align: center;}
.er-expert-list .zixun{position: absolute;right: 0;bottom: 0; display: inline-block; width: 4em;line-height: 2em; background: #21af05; color: #fff;}
.er-expert-list .addition .attribute{line-height: 1em;}
.er-expert-list .addition .attribute span{border-left: 1px solid #ddd; padding:0 1em;}
.er-expert-list .addition .attribute span:first-child{border-left: 0; padding-left: 0;}
.er-expert-list .addition .attribute em{font-style: normal;}
.er-expert-list .addition .attribute .oranger{color: #f60;}


/*------er-tool-panel-------*/
.er-tool-panel{
    line-height:3.5rem;
    background:#f7f7f7;
    border:1px solid #ddd;
}
.er-tool-panel:after{
    content:"";
    display:block;
    clear:both;
}
.er-tool-panel .er-tool-left{
    float:left;
    padding:0 1rem;
}
.er-tool-panel .er-tool-left>*{
    vertical-align:middle;
}
.er-tool-panel .er-tool-right{
    float:right;
    padding:0 1rem;
    text-align:right;
}
.er-tool-panel .er-tool-right > *{
    vertical-align:middle;
}
.ErQuestionDetail-form{
	padding:1em;
}
.ErQuestionDetail-form .right{
	padding-top:1em;
}

/*wuzhong-space 物种专题空间*/
.wuzhong-space{}
.wuzhong-space .er-news-list-box-photo{padding: 0;}
.wuzhong-space .er-news-list-box-title .title .textleft a.zl{
	background: #3fba21;
    color: #fff;
    font-weight: normal;
    padding: 0 0.5em;
    font-size: 12px;}
.wuzhong-space .er-news-list-box-photo .tu_ratio img{width: 100%;height: 100%;}
.wuzhong-space .addition{padding-top: 0;}
.wuzhong-space .addition .attribute{line-height: 1em;margin: 1em 0;}
.wuzhong-space .addition .attribute span{ padding:0 1em;min-width: 100px;}
.wuzhong-space .addition .attribute span:first-child{border-left: 0; padding-left: 0;}
.wuzhong-space .addition .attribute em{font-style: normal;}
.wuzhong-space .addition .attribute .fc{color: #222;}

/*Special-list专题列表*/
.Special-list .er-news-list-box{position: relative;border-bottom: 0; margin-bottom: 1em;}
.Special-list .er-news-list-box:last-child{margin-bottom: 0;}
.Special-list .er-news-list-con{padding: 0;}
.Special-list .er-news-list-box .pic{padding-bottom: 0;}
.Special-list .er-news-list-box-title .title .textleft a{
  color:#fff;
}
.Special-list .er-news-list-box-title{
	position: absolute;
    left: 0;
    bottom:0em;
    background: rgba(0,0,0,0.6);
    right: 0;
    color: #fff;
    padding: 1em 2em;
    transition: 0.5s;
    transform: translateY(100%);
    opacity: 0;
    }
.Special-list .addition{color: #fff;overflow: hidden;position: relative;}
.Special-list .er-news-list-box-title .news{color:inherit;}
.Special-list .er-news-list-con:hover .er-news-list-box-title{transform: translateY(0);opacity: 1;cursor: pointer;}
.Special-list .addition .zu1 a,
.Special-list .addition .zu1 span{width:20rem; white-space: nowrap;}
.Special-list .addition .fr{position: absolute;right: 0;bottom: 0;}
.Special-list .addition .fr a{display:block;padding:0.3em 0.5em; background:#f60;border-radius: 3px;font-size: 1.2em;color: #fff}

/*Teaching-list 专题列表  无浮动*/
.Teaching-list .er-news-list-box{border-bottom: 0; margin-bottom: 1em;position: relative;}
.Teaching-list .er-news-list-box:last-child{margin-bottom: 0;}
.Teaching-list .er-news-list-con{padding: 0;}
.Teaching-list .er-news-list-box .pic{padding-bottom: 0;}
.Teaching-list .er-news-list-box-title{
    padding: 1em 1em;
    }
.Teaching-list .addition{overflow: hidden;position: relative;}
.Teaching-list .er-news-list-box-title .news{color:inherit;}
.Teaching-list .addition .zu1 a,
.Teaching-list .addition .zu1 span{width:20rem;white-space: nowrap;}
.Teaching-list .addition .fr{position: absolute;right: 0;bottom: 0;}
.Teaching-list .addition .fr a{display:block;padding:0.3em 0.5em; background:#f60;border-radius: 3px;font-size: 1.2em;color: #fff;}

/*-------Article-detail-list-------*/

.Article-detail-list .rs-img {
	display: block;
	width: 100%;
	height: 100%;
}

.Article-detail-list .rs-img img {
	width: 100%;
	height: 100%;
}

.Article-detail-list .rs-img-add {
	line-height: 2em;
	background: rgba(50, 50, 50, 0.7);
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	color: #fff;
}

.Article-detail-list .rs-img-add:after {
	content: "";
	display: block;
	clear: both;
	height: 0;
}

.Article-detail-list .rs-img-add .fa {
	color: #ccc;
}

.Article-detail-list .rs-img-add-l {
	float: left;
	padding: 0 0.5em;
	display: inline-block;
}

.Article-detail-list .rs-img-add-r {
	float: right;
	display: inline-block;
	padding: 0 0.5em;
}

.Article-detail-list .rs-img-icon {
	position: absolute;
	left: 0;
	top: 0;
}
.Article-detail-list .title .textleft a{display: block;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.Article-detail-list .title .textleft img{vertical-align: text-top;margin-right: 0.3em;}
.Article-detail-list .title .textleft .datetime{	padding-left: .5em;font-size: 1rem;color: #999;
float: right;
    display: block;
}
.Article-detail-list .rs-detail em {
	font-style: normal;
	color: #888;
}

.Article-detail-list .addition .right{float: right;	display: inline-block;padding: 0 0.5em;}
.Article-detail-list .addition .right a{margin: 0 1em;cursor: pointer;}
.Article-detail-list .addition .right a:last-child{margin-right: 0;}
.Article-detail-list .addition .right a .fa{margin-right: .5em;}
.Article-detail-list .addition .right label{color: #0082E6;}

/*er-Visitor-list 访客列表*/
.er-Visitor-list{}
.er-Visitor-list .er-news-list-box{border-bottom:1px #e5e5e5 solid;}
.er-Visitor-list .title .textleft a{display: block;}
.er-Visitor-list .title .textleft .date{color: #666;margin-bottom: 2em;}
.er-Visitor-list .news .left{float: left;}

.er-Visitor-list .news .right{width: auto;overflow: hidden; line-height: 2em;padding: 0 1em; font-weight: 700; font-size: 1.4rem;}
.er-Visitor-list .news .right a{display: block;}
.er-Visitor-list .news .right em{margin-right:.5em;}
.er-Visitor-list .news .right .name{color: #3d3d3d;font-size: 1.6rem;}
.er-Visitor-list .news .right .info{color: #8e9094;font-weight: normal;}

/*er-Message-list 留言列表*/
.er-Message-list{}
.er-Message-list .er-news-list-box{border-bottom:0px #e5e5e5 solid; margin-bottom: 2em;
    box-shadow: 0px 0px 8px rgba(0,0,0,0.1);
}
.er-Message-list .news{font-size: 1.4rem;min-height: 5em;max-height: 15em;}

.er-Message-list .title .textleft a{display: block;}
.er-Message-list .title .textleft .date{color: #666;margin-bottom: 2em;}
.er-Message-list .title .left{float: left;}

.er-Message-list .title .right{width: auto;overflow: hidden; line-height: 2em;padding: 0 1em;  font-size: 1.2rem;
position: relative;}
.er-Message-list .title .right a{display: block;}
.er-Message-list .title .right em{margin-right:.5em;font-style: normal;}
.er-Message-list .title .right .name{color: #3d3d3d;font-size: 1.6rem;}
.er-Message-list .title .right .time{color: #8e9094;font-weight: normal;}

.er-Message-list .title .right .action
{
	position: absolute;
    bottom: 0;
    right: 0;
    font-size: 1.8rem;
}
.er-Message-list .addition{font-size: 1.2rem;}
.er-Message-list .blue{color: #0082E6;margin-right: 0.5em;}
.er-Message-list .user-operation{
	clear:both;
	width: 100%;
	position: absolute;
	left: 0;
	background: #fff;
	margin-top: 1.5em;
	z-index: 10;
}
.er-Message-list .user-operation:before{
	display: block;
	content: "";
	position: absolute;
	right: 1em;
	top: -20px;
	border: #fff solid 10px;
	border-color: transparent transparent #fff transparent;
}
.er-Message-list .user-operation li{
	line-height: 3.6;
	position: relative;

}
.er-Message-list .user-operation li:after{
	display: block;
    content: " ";
    height: 1px;
    background: #dedede;
    position: absolute;
    right: 0;
    bottom: 0;
    left: 3em;

}
.er-Message-list .user-operation li:last-child:after{height: 0;}


.er-Message-list .user-operation .fa{
	color: #757984;
	    width: 1em;
    text-align: center;
	margin-right: 1em;
	margin-left: 1em;
}
.er-img-handler{

	position:relative;
	width:8rem;
	height:8rem;
	overflow: hidden;
	border:1px  dashed #ddd;
	border-radius: 4px;
	background-size:100%;
	background-position: center center;
	display: inline-block;
	background-repeat:no-repeat;
}
.er-img-handler-custom {
	width:auto;
	height:auto;
	border:0;
	border-radius: 0;
}

.er-img-handler:before{
	content:"+";
	display: block;
	position: absolute;
	left:50%;
	top:50%;
	margin-top:-2rem;
	margin-left:-2rem;
	font-size:4rem;
	color:#666;
	height:4rem;
	width:4rem;
	text-align: center;
}
.er-img-handler-custom:before{
	display: none;
}
.er-img-single-img:before{
	display: none;
}
.er-img-handler:hover{
	border-color:#aaa;
}
.er-img-handler > div{
	left:0!important;
	top:0!important;
	right:0!important;
	bottom:0!important;
}
.er-img-handler input{
	position: absolute;
	left:0;
	top:0;
	right:0;
	bottom:0;
	opacity: 0;
}
.er-img-handler .webuploader-pick{
	display: none;
}
.er-img-action{
	text-align: center;
	padding-top:.5rem;
}

.er-img-action a{
	display: inline-block;
	padding:0 1em;
	color:#fff;
	background-color:rgba(250,135,46);
	border-radius: 2px;
}
.er-img-action a:hover{
	background:#555;
}
.er-img-upload-disabled:after{
	display: block;
	content: "";
	position: absolute;
	left:0;
	bottom:0;
	right:0;
	top:0;
}

.er-img-croper-upload{
	display: inline-block;
}
.er-img-croper-upload-button .webuploader-container{

	position:relative;
	width:8rem;
	height:8rem;
	overflow: hidden;
	border:1px  dashed #ddd;
	border-radius: 4px;
	background-size:100%;
	background-position: center center;
	display: inline-block;
	background-repeat:no-repeat;
	background-color:initial!important;
	padding:0;
}
.er-img-croper-upload-button-custom .webuploader-container{
	width:auto;
	height:auto;
	border:0;

}
.er-img-croper-upload-button .webuploader-container:before{
	content:"+";
	display: block;
	position: absolute;
	left:50%;
	top:50%;
	margin-top:-2rem;
	margin-left:-2rem;
	font-size:4rem;
	color:#666;
	height:4rem;
	width:4rem;
	text-align: center;
}
.er-img-croper-upload-button-custom .webuploader-container:before{
	display: none;
}
.er-img-croper-ok .webuploader-container:before{
	display: none;
}
.er-img-croper-upload-button .webuploader-container input{
	position: absolute;
	left:0;
	top:0;
	right:0;
	bottom:0;
	opacity: 0;
}
.er-img-croper-upload-button .webuploader-container > div{
	left:0!important;
	top:0!important;
	right:0!important;
	bottom:0!important;
	width:auto!important;
	height:auto!important;
	}
.er-img-croper-upload-button .webuploader-pick{
	display: none;
}
.er-img-croper-lr{
	display: -webkit-box;
	display: -ms-flexbox;
	-webkit-box-pack: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-ms-flex-pack: center;
	position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    transform: scale(0);
    opacity: 0;
    -webkit-transform: scale(0);
    transition:all .2s ease-in-out;
    -webkit-transition:all .2s ease-in-out;
    z-index: 10;
}
.er-img-croper-lr:before{
	position: absolute;
	display: block;
	content:"";
	left:0;
	top:0;
	bottom:0;
	right:0;
	background:rgba(0,0,0,0.8);
}
.er-img-croper-lrs{
	transform:scale(1);
	-webkit-transform:scale(1);
	opacity: 1;
}
.er-img-croper-lr >div{
	background:#fff;
	width:60rem;
	height:46rem;
	position: relative;
	box-shadow: 0 0 10px 0 rgba(0,0,0,0.5);
	}
@media only screen and (max-width:480px) {
	.er-img-croper-lr{
		-webkit-box-orient: vertical;
		-ms-flex-direction: column;
	}
	.er-img-croper-lr >div{
		width:100%;
		height:100%;
	}
	.er-img-croper-line{
		display: none;
	}
	 .er-img-croper-point{
		display: none;
	}
	.er-img-croper-dashed{
		display: none;
	}
	}
.er-img-croper-wraper{
	-webkit-box-flex: 1;
	-ms-flex: 1;
	position: relative;
}

.er-img-croper-review{
	width:30%;
	margin-left:1.5rem;
	display: none;
}

@media only screen and (max-width:480px) {
	.er-img-croper-review{
		margin-left:0;
		padding:1rem;
		width:40%;
	}
	}
.er-img-croper-wraper{
	background:url(image/opacity.png);
	position: absolute;
	left:0;
	top:3.6rem;
	right: 0;
	bottom:0;
	overflow: hidden;
	-webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.er-img-croper-mask{
	position: absolute;
	left:0;
	top:0;
	right:0;
	bottom:0;

	display: -webkit-box;
	display: -ms-flexbox;
	-webkit-box-align: center;
	-webkit-box-pack: center;
	-ms-flex-align: center;
	-ms-flex-pack: center;
}
.er-img-croper-mask:after{
	content:"";
	display: block;
	position: absolute;
	left:0;
	top:0;
	right:0;
	bottom:0;
	background: #000;
	opacity: 0.8;
}
.er-img-croper-mask img{
	max-width:100%;
	max-height: 100%;
}
.er-img-croper-drager-review{
	position: absolute;
	left:0;
	top:0;
	right:0;
	bottom:0;
	display: block;
	overflow:hidden;
}
.er-img-croper-drager-review span{
	position: absolute;
	display: -webkit-box;
	display:-ms-flexbox;
	-webkit-box-pack: center;
	-webkit-box-align:center;
	-ms-flex-align:center;
	-ms-flex-pack: center;
	background:url(image/opacity.png);

}
.er-img-croper-drager-review span img{
	max-width:100%;
	max-height:100%;
}
.er-img-croper-drager{

	position: absolute;
	left:20%;
	top:20%;
	right:20%;
	bottom:20%;
	border:1px solid #049ad2;
}
.er-img-croper-dashed{
	position: absolute;
	border:0 dashed #049ad2;
	opacity: .5;
}
.dashed-h{
	top:33%;
	bottom:33%;
	left:0;
	right:0;
	border-top-width:1px;
	border-bottom-width:1px;
}
.dashed-v{
	left:33%;
	right:33%;
	top:0;
	bottom:0;
	border-left-width:1px;
	border-right-width:1px;
}
.er-img-croper-line{
	position: absolute;
	width:100%;
	height:100%;
	opacity: 0;
}
.line-t{
	top:-2px;
	height:5px;
	cursor: n-resize;
}
.line-r{
	width:5px;
	right:-2px;
	cursor: e-resize;
}
.line-b{
	height:5px;
	bottom:-2px;
	cursor: s-resize;
}
.line-l{
	width:5px;
	left:-2px;
	cursor: w-resize;
}
.er-img-croper-point{
	position: absolute;
	width:5px;
	height:5px;
	background: #049ad2;
}
.point-t{
	top:-3px;
	left:50%;
	margin-left:-2px;
	cursor: n-resize;
}
.point-r{
	top:50%;
	right:-3px;
	margin-top:-2px;
	cursor: e-resize;
}
.point-b{
	bottom:-3px;
	left:50%;
	margin-left:-2px;
	cursor: s-resize;
}
.point-l{
	left:-3px;
	top:50%;
	margin-top:-2px;
	cursor: w-resize;
}
.point-tl{
	left:-3px;
	top:-3px;
	cursor:nw-resize;
}
.point-tr{
	right:-3px;
	top:-3px;
	cursor:ne-resize;
}
.point-bl{
	left:-3px;
	bottom:-3px;
	cursor:sw-resize;
}
.point-br{
	right:-3px;
	bottom:-3px;
	cursor:se-resize;
}
.er-img-croper-face{
	position: absolute;
	left:0;
	right:0;
	bottom:0;
	top:0;
	opacity: 0;
	cursor:move;
}

.er-img-croper-imgrev{
	position: relative;
	overflow:hidden;
	box-shadow: 0 1px 5px 0 rgba(0,0,0,0.2);
}
.er-img-croper-image{
	position: absolute;
	left:0;
	top:0;
	right:0;
	bottom:0;
	/*transform-origin: center center;*/
	display: -webkit-box;
	display: -ms-flexbox;
	-webkit-box-align: center;
	-webkit-box-pack: center;
	-ms-flex-align: center;
	-ms-flex-pack: center;
}

.er-img-croper-image img{
   max-width:100%;
   max-height:100%;
}

.er-img-croper-title{
	line-height:3.6rem;
	position: absolute;
	left:0;
	top:0;
	right:0;
	display: -webkit-box;
	color:#666;
	background: #fff;
}
.er-img-croper-back{
	cursor: pointer;
	visibility: hidden;
}
.er-img-croper-back:hover{
	color:#20a0ff;
}
.er-img-croper-close{
	cursor: pointer;
}
.er-img-croper-close:hover{
	color:#20a0ff;
}
@media only screen and (max-width:480px) {
	.er-img-croper-back{
		visibility: visible;
	}
	.er-img-croper-close{
		visibility: hidden;
	}
}
.er-img-croper-titletext{
	-webkit-box-flex:1;
	-ms-flex: 1;
	text-align: center;
	font-size:1.4rem;
}
.er-img-croper-back{
	padding-left: .5rem;
	font-size:1.1rem;
}
.er-img-croper-close{
	padding-right: .5rem;
	font-size:2.6rem;
}

.er-img-croper-action{
	position: absolute;
	left:0;
	right:0;
	bottom:0;
	text-align: right;
}

.er-img-croper-action a{
	display: inline-block;
	line-height: 2.6rem;
	padding:0 1.5rem;
	color:#fff;
	background:#20a0ff;
	margin-right: 1rem;
	margin-bottom:1rem;
	border-radius: 2rem;
	font-size:1.2rem;
	cursor: pointer;
}

.er-img-croper-action a:hover{
	background:#555;
}

.er-img-croper-disabled .webuploader-container:after{
	content:"";
	display: block;
	position: absolute;
	left:0;
	top:0;
	right:0;
	bottom:0;
}


.er-file-upload{
	display: inline-block;
	font-size:1rem;
	line-height: 2em;
}
.er-file-upload-small{
	font-size:.8rem;
}
.er-file-upload .webuploader-container{
	font-size:1.2em;

	position: relative;
	background:#20a0ff;
	color:#fff;
	line-height: 2.6em;
	padding:0 1em;
	border-radius: 2px;
	margin-right:0;
}
.er-file-upload .webuploader-container:hover:before{
	content:"";
	display: block;
	position: absolute;
	left:0;
	top:0;
	bottom:0;
	right:0;
	background:rgba(0,0,0,0.2);
}
.er-file-upload .webuploader-container > div, .er-file-upload .webuploader-container input{
    height: initial!important;
    width: initial!important;
    position: absolute;
    left: 0!important;
    top: 0!important;
    bottom: 0!important;
    right: 0!important;;
    opacity: 0;
}
.er-file-upload .webuploader-container .webuploader-pick{
	position: relative;
	opacity: 1;
	padding:0;
	display: block;
}
.er-file-upload-btns{
	width:100%;
	display: -webkit-box;
	display: -ms-flexbox;
}
.er-file-upload-file{
	-webkit-box-flex: 1;
	-ms-flex: 1;
	margin-right:.5em;
    background:#f7f7f7;
	border-radius: 2px;
	position: relative;
	overflow: hidden;
	text-overflow: ellipsis;
    -webkit-box-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    -ms-flex-pack: center;
    -ms-flex-align: center;
    box-shadow: 0 0 1px 0px rgba(0,0,0,0.5);
    margin-left:1px;
}
.er-file-upload-file label{
	white-space: nowrap;
	position: relative;
	z-index: 3;
	font-size:1.1em;
	    display: block;
    -webkit-box-flex: 1;
    overflow: hidden;
    margin: 0 .5em;
}
.er-file-upload-md5, .er-file-upload-upload{
	position: absolute;
	left:0;
	top:0;
	right:0;
	bottom:0;

}

.er-file-upload-progress{
	position: absolute;
	left:0;
	top:0;
	right:0;
	bottom:0;
	-webkit-transform:scaleX(0);
	-webkit-transform-origin: left center;
	-ms-transform: scaleX(0);
	-ms-transform-origin: left center;
}
.er-file-upload-md5 .er-file-upload-progress{
	background:#eee;
}
.er-file-upload-upload  .er-file-upload-progress{
	background:#1dc578;
}
.er-file-upload-error{
	position: absolute;
	left:0;
	top: 0;
	right:0;
	bottom:0;
	background:#ffd3a4;
}

.er-file-upload-error i{
	position: absolute;
    right: 1rem;
    top: 50%;
    margin-top: -.7em;
    width: 1.4em;
    height: 1.4em;
    background: #ff9b2f;
    color: #fff;
    text-align: center;
    line-height: 1.4em;
    display: inline-block;
    border-radius: 50%;
    font-style: normal;
    font-weight: bold;
    font-size: 1.3em;
    font-family: arial;
}

.er-file-upload-cancel{
	display: -webkit-box;
	-webkit-box-align: center;
	-webkit-box-pack: center;
	display: -ms-flexbox;
	-ms-flex-align: center;
	-ms-flex-pack: center;
	color:#fff;
	background:#ff9b2f;
	border-radius: 2px;
	margin-right:.5em;
	font-size:1.2em;
	padding:0 1em;
	position: relative;
	cursor: pointer;
}
.er-file-upload-cancel:hover:before{
	content:"";
	display: block;
	position: absolute;
	left:0;
	top:0;
	right:0;
	bottom:0;
	background:rgba(0,0,0,0.2);
}
.er-file-upload-cancel label{
	position: relative;
	cursor: pointer;
}
.er-file-upload-full .webuploader-container{
	background:#ccc;
	cursor: default;
}
.er-file-upload-full .webuploader-container .webuploader-pick{
	cursor:default;
}
.er-file-upload-full .webuploader-container input[type="file"]{
	display: none;
}
.er-file-upload-full .webuploader-container:hover:before{
	display: none;
}

.er-file-upload-list{
	padding-top:.5em;
}
.er-file-upload-item{
	line-height: 2.6em;
	padding-right: 2em;
	overflow: hidden;
	position: relative;
	cursor: pointer;
}
.er-file-upload-info{
	overflow: hidden;
	text-overflow: ellipsis;

}
.er-file-upload-info span{
	font-size:1.2em;
	white-space: nowrap;
	margin-right: 2em;
	overflow: hidden;
}
.er-file-upload-info label{
	vertical-align: middle;
}
.er-file-upload-item-index{
	display: inline-block;
	width:1.5em;
	height:1.5em;
	text-align: center;
	line-height: 1.5em;
	background:#aaa;
	color:#fff;
	border-radius: 50%;
	font-style: normal;
	font-size:.7em;
	margin-right: .5em;
	vertical-align: middle;
}

.er-file-upload-item-ok, .er-file-upload-item-remove{
	position: absolute;
	display:block ;
	width:1em;
	height:1em;
	text-align: center;
	line-height: 0;
	right:1em;
	top:50%;
	margin-top:-.5em;
	font-family: arial;
	border-radius: 50%;
	cursor: pointer;
}

.er-file-upload-item-ok:before{
	    content: "";
    display: block;
    position: absolute;
    width: 1px;
    height: .4em;
    background: #1dc578;
    -webkit-transform: rotate(-45deg);
    -ms-transform:rotate(-45deg);
    left: .3em;
    top: .4em;

}
.er-file-upload-item-ok:after{
	    content: "";
    display: block;
    width: 1px;
    height: .6em;
    background: #1dc578;
    -webkit-transform: rotate(40deg);
    -ms-transform:rotate(40deg);
    left: .6em;
    top: .2em;
    position: absolute;
}
.er-file-upload-item-ok{

	color:#1dc578;
	box-shadow: 0 0 0px 1px #1dc578;

}

.er-file-upload-item-remove{
	display: none;
	background: #e00;
	  box-shadow: 0 0 0px 1px #e00;
}
.er-file-upload-item-remove:before, .er-file-upload-item-remove:after{
	content:"";
	display: block;
	position: absolute;
	width:1px;
	height:.7em;
	background:#fff;
   left: 45%;
    top: 15%;

}
.er-file-upload-item-remove:before{
	-webkit-transform: rotate(-45deg);
}
.er-file-upload-item-remove:after{
	-webkit-transform: rotate(45deg);
}
.er-file-upload-item:hover{
	background:#f0f0f0;
}
.er-file-upload-item:hover .er-file-upload-item-remove{
	display: block;
}
.er-file-upload-item:hover .er-file-upload-item-ok{
	display: none;
}
.er-file-upload-item-error .er-file-upload-item-remove
,.er-file-upload-item-ready .er-file-upload-item-remove{
	display: block!important;
}

.er-file-upload-l-md5 , .er-file-upload-l-upload{
	position: absolute;
	left:0;
	right:0;
	bottom:0;
	height:2px;
}
.er-file-upload-l-md5 .er-file-upload-progress{
	background:#eee;
}
.er-file-upload-l-upload .er-file-upload-progress{
background:#1dc578;
}

.er-file-upload-item-error{
	background:#ffd3a4!important;
}
.er-file-upload-item-remove:hover{
	background:#888;
	box-shadow: 0 0 0 1px #888;
}
/*----------------图集-----------------------*/
.er-pictures-upload{
  border: 1px solid #eee;
}
.er-pictures-upload-header{
  padding: .6rem;
  border-bottom: 1px solid #eee;
  overflow: hidden;
}
.er-pictures-upload-header span{
  float: right;
  color: #666;
}
.er-pictures-upload-header span b{
  font-weight: normal;
}
.er-pictures-upload-content{
  padding: .6rem;
  overflow: hidden;
  overflow-y: auto;
  position: relative;
}
.er-pictures-upload-content .webuploader-element-invisible,.er-pictures-upload-content .webuploader-pick{
  opacity: 0;
}
.er-pictures-upload-imgctt{
  border: 2px dashed #eee;
  height: 100%;
  text-align: center;
  box-sizing: border-box;
}
.er-pictures-upload-imgctt .fa-cloud-upload{
  margin: .5em 0 .2em;
  font-size: 5em;
  color: #999999;
}
.er-pictures-upload-text{
  color: #999999;
}
.er-pictures-upload-text a{
  color: #20a0ff;
}
.er-pictures-upload-btn{
  font-size: 1.2rem;
  position: relative;
  background: #20a0ff;
  color: #fff;
  line-height: 2.6em;
  padding: 0 1em;
  border-radius: 2px;
  display: inline-block;
  cursor: pointer;
}
.er-pictures-upload-btn .webuploader-pick{
  display: none;
}
.webuploader-dnd-over .er-pictures-upload-imgctt,.webuploader-dnd-over .er-pictures-upload-list{
  border: 2px dashed #20a0ff;
  background-color: rgba(32,159,255,0.2);
}
.er-pictures-upload-btn>div{
  width: 100% !important;
  height: 100% !important;
  top: 0 !important;
  left: 0 !important;
}
.er-pictures-upload-btn>div input{
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.er-pictures-upload-btn:hover:before{
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  background: rgba(0,0,0,0.2);
}
.er-pictures-upload-list{

}
.er-pictures-upload-list:after{
  content: '';
  display: block;
  clear: both;
  zoom: 1;
}
.er-pictures-upload-item{
  float: left;
  width: 10em;
  margin-right: 20px;
  margin-bottom: 20px;
}
.er-pictures-upload-item-img{
  width: 10em;
  height: 10em;
  position: relative;
  background-color: rgba(0,0,0,.4);
}
.er-pictures-upload-item-img img{
  position: absolute;
  margin: auto;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  max-width: 100%;
  max-height: 100%;
  z-index: 9;
}
.er-pictures-upload-item-img i{
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background-color: rgba(0,0,0,.4);
  text-align: center;
  color: #fff;
  line-height: 20px;
  z-index: 11;
  position: absolute;
  top: -6px;
  right: -6px;
  display: none;
  cursor: pointer;
}
.er-pictures-upload-item-img .ready{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,.4);
  z-index: 10;
}
.er-pictures-upload-item-img .ready span{
  font-size: 2em;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -.5em 0 0 -.5em;
  z-index: 10;
}
.er-pictures-upload-item-img .img-success{
  font-size: 2em;
  color: #1dc578;
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 10;
}
.er-pictures-upload-item-img .img-error{
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #e00;
  color: #ffffff;
  z-index: 13;
}
.er-pictures-upload-item-img:hover i{
  display: block;
}
.er-pictures-upload-item-name input{
  text-align: center;
  width: 100%;
  box-sizing: border-box;
}
.er-pictures-upload-content .error-text{
  color: #e00;
  margin-bottom: 10px;
}
.er-pictures-upload-slot{
  display: inline-block;
}
.recording-dialog .el-dialog__body{
	text-align: center;
	font-size:1rem;
	padding-top:0;
	padding-right:0;
	padding-left:0;
	padding-bottom:1em;
}

/*-----er-text-upload-----*/
.er-text-upload{
	display: none;
}

/*音乐er-music */

.er-music .er-news-list{
      height: calc(100vh - 120px);
      overflow: scroll;
      padding: 0 1em;
    }
.er-music .er-news-list-texts-ul .list {
    border-bottom: 1px solid hsla(0,0%,100%,.1);

}
.er-music .er-news-list-texts-ul .list .text{
   	display: -webkit-box;
    -webkit-box-orient: horizontal;
    color: hsla(0,0%,100%,.8);
    }
.er-music .er-news-list-texts-ul .list .text > *{
	display: block;
}
.er-music .er-news-list-texts-ul .list .text a{
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.er-music .er-news-list-texts-ul .list .text a.title{
   	  text-align: center;
    height: 100%;
    width: 100%;
    display: -webkit-box;
    -webkit-box-flex: 1;
    background: inherit;
   }
.er-music .er-news-list-texts-ul .list .text a.number{
  width: 2em;
}
.er-music .er-news-list-texts-ul .list .text a.author{width: 7rem;margin-left: .5em;}
.er-music .er-news-list-texts-ul .list .text a.download{width: 4rem;}
.er-music .er-news-list-texts-ul .list .text a.play{width: 3rem;}
.er-music .er-news-list-texts-ul .list .text a.more{font-size:1.5rem;}
.er-music .er-news-list-texts .list .fa{color: inherit;}


.er-music .Audio{
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
      /*padding: 0 1em;*/
}
.er-music .er-progress{padding: 5px 1em;color: hsla(0,0%,100%,1);}
.er-music .er-progress-tinfo:after{
      content: '';
      display: block;
      height: 0px;
      clear:both;
}
 .er-music .er-progress-bar-c span{
      height: 2px;
      background: #ddd;
      border: 0px;
      /*position: relative;*/
    }
.er-music .er-progress-bar-c i{position: absolute;}
.er-music .er-progress-bar-c i.circle{
  right: 0;
  top: 50%;
  background: none;
  color: #20A0FF;
  font-size:1rem;
  margin-top:-.5rem;
}
.er-music .er-progress-bar-c i.bar-progress{
  background: #fff;
}
.er-music .left{float: left; }
.er-music .right{ float: right;}

.er-music .music-bar-btns{
    font-size: 2.2rem;
    display: -webkit-box;
    -webkit-box-orient: horizontal;
    padding-bottom: .5em;
    padding-top: .5em;
    color: #fff;
    height: 30px;
    }
.er-music .music-bar-btns .music-bar-toggle i{
  height: 25px;
  width: 28px;
  display: inline-block;
  background-repeat: no-repeat;
}
.er-music .music-bar-btns .music-bar-toggle{
    display: -webkit-box;
    -webkit-box-pack: center;
    -webkit-box-align: center;
    height: 100%;
   width:25%;
    padding-top: 3px;
    }
.er-music .music-bar-btns .music-bar-list{
    text-align: right;
    display: -webkit-box;
    -webkit-box-pack: center;
    -webkit-box-align: center;
    height: 100%;
    background: inherit;
    padding-right: 1rem;
    }
.er-music .music-bar-btns .music-bar-oper{
    text-align: center;
    height: 100%;
    width: 100%;
    display: -webkit-box;
    -webkit-box-pack: center;
    -webkit-box-align: center;
    -webkit-box-flex: 1;
   
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    background: inherit;
    }

.er-music .music-bar-btns .music-bar-oper>i{-moz-box-flex: 1;-webkit-box-flex: 1;   display: block;}
.er-music .music-bar-btns .music-bar-toggle i.listrepeat{
  background: url(../image/playmode.png);
  background-position: 0px -206px;
}
.er-music .music-bar-btns .music-bar-toggle i.random{
  background: url(../image/playmode.png);
  background-position: 0px -73px;
  height: 22px;
}
.er-music .music-bar-btns .music-bar-toggle i.repeat{
  background: url(../image/playmode.png);
  background-position: 0px -233px;
}
.er-music .er-news-list-texts{ overflow:visible;}
.er-music .er-news-list-con{position:relative;overflow:visible;}
.er-music .er-music-addition{
  background:#fff;
  display:block;
  width: auto;
  position: absolute;
  right: 0;
  /* margin-top: 1.5em; */
  border-radius: .5rem;
  z-index: 10;
  z-index: 20;
  color: #666;
}
.er-music .er-music-addition>span{
  padding:0 1.5em;
  display:block;
  border-bottom: 1px solid rgba(0,0,0,0.1);
  line-height: 3;
}
.er-music .er-music-addition>span:last-child{border-bottom:0;}
.er-music .er-music-addition span i{margin-right:.5em;}
.music_mask{
  position: fixed;
  background: #000;
  width: 100%;
  height: 100%;
  z-index: 5;
  top: 0px;
  opacity: 0.2;
}

/*er-tree-list*/
.er-tree-list .er-news-listLineBody .articleCircleOuter{display: none;}
.er-tree-list .articleTitlePanel{margin-bottom: 1em;border-left: 1px solid #E8E8E8;padding-top: 1em;padding-bottom: 1em;}
.er-tree-list .articleTitlePanel .articleTitlePanel-title{font-weight: normal;font-size: 1.2rem;}
.er-tree-list .articleTitlePanel .articleTitlePanel-title a{}
.er-tree-list .articleCalendar .er-news-listDate{margin-top: 22px;}

.er-tree-list .articleCalendar .er-news-listDate a{color: #F08200;font-size: 12px;}
.er-tree-list .articleCalendar .er-news-listDate .big {font-size: 15px;}

/*text-img-list*/
.text-img-list .er-news-list-box-photo{
  border: 0px;
}
.text-img-list .er-news-list-box-title{padding-top: 4em;}
.text-img-list .er-news-list-box-title .title .textleft{font-size: 2rem;margin-bottom: 1em;}

.text-img-list .more{
	display: block;
	border-radius: 24px;
  background:rgba(240,130,0,1);
  box-shadow:0px 2px 4px 0px rgba(240,130,0,0.3);
    color: #fff;
    line-height: 3em;
    padding: 0 2em;
    text-align: center;
    cursor: pointer;
    margin-top: 2em;
    }
.text-img-list .er-news-list-con{
  width: 100%;
}
/*加这个样式就是向右.text-img-list-right*/
.text-img-list-right .er-news-list-box-photo{float: right;}