/*全局通用公共库*/
.theme_color {
	color: #7eb911;
}
.theme_bg_color{
	background-color: #7EB911;
}
.content-bg::after{
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 10;
}
.no-padding{
	padding: 0;
}
.row.no-space{
	margin: 0;
}
.row.no-space div[class*='col-xs'],.row.no-space div[class*='col-sm'],.row.no-space div[class*='col-md'],.row.no-space div[class*='col-lg']{
	padding: 0;
}
/*常用样式库*/
.overflow-hidden{
	overflow:hidden;
}
.flex-center{
	display: flex;
	align-items: center;
	justify-content: center;
}
.absolute-center{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}
.has-drop{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.has-drop>i{
	cursor: pointer;
}
/*文字相关公共库*/
*[data-size='48px']{
	font-size: 28px;
}
*[data-size='46px']{
	font-size: 28px;
}
*[data-size='40px']{
	font-size: 28px;
}
*[data-size='36px']{
	font-size: 24px;
}
*[data-size='30px']{
	font-size: 24px;
}
*[data-size='28px']{
	font-size: 24px;
}
*[data-size='26px']{
	font-size: 20px;
}
*[data-size='24px']{  
	font-size: 20px;
}
*[data-size='20px']{  
	font-size: 18px;
}
*[data-size='18px']{  
	font-size: 16px;
}
*[data-size='16px']{  
	font-size: 16px;
}
@media(min-width:768px){
*[data-size='46px']{
	font-size: 38px;
}
*[data-size='40px']{
	font-size: 34px;
}
*[data-size='36px']{
	font-size: 28px;
}
*[data-size='30px']{
	font-size: 24px;
}
*[data-size='26px']{
	font-size: 20px;
}
*[data-size='20px']{
	font-size: 20px;
}
*[data-size='18px']{  
	font-size: 18px;
}
}
@media(min-width:1200px){
*[data-size='48px']{
	font-size: 48px;
}
*[data-size='46px']{
	font-size: 46px;
}
*[data-size='40px']{
	font-size: 40px;
}
*[data-size='36px']{
	font-size: 36px;
}
*[data-size='30px']{
	font-size: 30px;
}
*[data-size='28px']{
	font-size: 28px;
}
*[data-size='26px']{
	font-size: 26px;
}
*[data-size='24px']{  
	font-size: 24px;
}
*[data-size='20px']{  
	font-size: 20px;
}
}
.txt-info[data-indent='2'] p{  
	text-indent: 2rem;
}
.txt-info[data-margin_bottom='2'] p{  
	margin-bottom: 2rem;
}
.txt-clamp{
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
}
.txt-clamp[data-clamp='1']{
	-webkit-line-clamp: 1;
}
.txt-clamp[data-clamp='2']{
	-webkit-line-clamp: 2;
}
.txt-clamp[data-clamp='3']{
	-webkit-line-clamp: 3;
}
.txt-transform[data-type='cap']{
	text-transform: capitalize;
}
.txt-transform[data-type='up']{
	text-transform: uppercase;
}
.txt-transform[data-type='low']{
	text-transform: lowercase;
}
/*间距*/
.page-title-mb{
	margin-top: 30px;
	margin-bottom: 20px;
}
.page-titleinfo-mb{
	margin-bottom: 40px;
}
.m-20,.m-30,.m-40{
	margin: 20px 0;
}
.mb-20,.mb-30,.mb-50,.mb-80{
	margin-bottom: 20px;
}
@media(min-width:768px){
	.mb-30{
		margin-bottom: 30px;
	}
	.mb-50{
		margin-bottom: 30px;
	}
	.mb-80{
		margin-bottom: 50px;
	}
	.m-40{
		margin: 30px 0;
	}
	.m-60{
		margin: 40px 0;
	}
	.page-title-mb{
		margin-top: 60px;
		margin-bottom: 40px;
	}
}
@media(min-width:1200px){
	.mb-30{
		margin-bottom: 30px;
	}
	.mb-50{
		margin-bottom: 50px;
	}
	.mb-80{
		margin-bottom: 80px;
	}
	.m-40{
		margin: 40px 0;
	}
	.m-60{
		margin: 60px 0;
	}
}
/*图片相关公共库*/
.fit-img{
	object-fit: cover;
	height: 100%;
	width: 100%;
}
.scale-img {
	overflow: hidden;
	display: block;
}
.scale-img:hover img{
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
}
.scale-img img {
	-webkit-transition: all .7s;
	-moz-transition: all .7s;
	-o-transition: all .7s;
	transition: all .7s;
}
/*(滚动条默认主题色无圆角无大小)*/
*[data-scroll_type='default'] .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,*[data-scroll_type='default'] .theme_scroll_color .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{
	background-color: #7EB911;
}
*[data-scroll_type='default'] .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	background-color: #7EB911;
}
*[data-scroll_type='default'] .mCSB_scrollTools .mCSB_draggerRail{
	background-color: #BFBFBF;
	width: 4px;
	border-radius: 0;
}
/*动画相关公共库*/
.ease03 {
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.ease06 {
	-webkit-transition: all 0.6s ease;
	-moz-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
	transition: all 0.6s ease;
}
.ease09 {
	-webkit-transition: all 0.9s ease;
	-moz-transition: all 0.9s ease;
	-o-transition: all 0.9s ease;
	transition: all 0.9s ease;
}
.ease12 {
	-webkit-transition: all 1.2s ease;
	-moz-transition: all 1.2s ease;
	-o-transition: all 1.2s ease;
	transition: all 1.2s ease;
}
.ease15 {
	-webkit-transition: all 1.5s ease;
	-moz-transition: all 1.5s ease;
	-o-transition: all 1.5s ease;
	transition: all 1.5s ease;
}
.ease20 {
	-webkit-transition: all 2s ease;
	-moz-transition: all 2s ease;
	-o-transition: all 2s ease;
	transition: all 2s ease;
}
/*按钮相关公共库*/
.btn-effect-scale{
	position: relative;
	border: 1px solid #979797;
	border-radius: 5px;
	color: #404040;
	z-index: 10;
}
.btn-effect-scale::before{
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background-color: #7EB911;
	transform: scale(0.8);
	z-index: -1;
	opacity: 0;
	border-radius: 5px;
	transition: all 0.6s;
}
.btn-effect-scale:hover{
	color: #fff;
}
.btn-effect-scale:hover::before {
	opacity: 1;
	border-radius: 0;
	transform: scale(1);
}
.btn-effect-anim .anim {
	-moz-transform: translateY(-50%) translateX(-50%);
	-ms-transform: translateY(-50%) translateX(-50%);
	-webkit-transform: translateY(-50%) translateX(-50%);
	transform: translateY(-50%) translateX(-50%);
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: -1;
	-moz-animation: anim-out .75s;
	-webkit-animation: anim-out .75s;
	animation: anim-out .75s;
}
.btn-effect-anim .anim:before {
	position: relative;
	content: "";
	display: block;
	margin-top: 100%;
}
.btn-effect-anim .anim:after {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	border-radius: 50%;
	-moz-animation: anim-out-pseudo .75s;
	-webkit-animation: anim-out-pseudo .75s;
	animation: anim-out-pseudo .75s;
}
.btn-effect-anim .anim,.btn-effect-anim .anim:after{
	animation-iteration-count: infinite;
	animation-duration: 1.3s;
}
.btn-effect-anim{
	position: relative;
	border: 1px solid #fff;
	overflow: hidden;
	border-radius: 20px;
	z-index: 10;
}
@-webkit-keyframes anim-out-pseudo{0%{background:rgba(0,0,0,0.25)}100%{background:transparent}}
@-moz-keyframes anim-out-pseudo{0%{background:rgba(0,0,0,0.25)}100%{background:transparent}}
@-ms-keyframes anim-out-pseudo{0%{background:rgba(0,0,0,0.25)}100%{background:transparent}}
@keyframes anim-out-pseudo{0%{background:rgba(0,0,0,0.25)}100%{background:transparent}}
@-webkit-keyframes anim-out{0%{width:0}100%{width:100%}}
@-moz-keyframes anim-out{0%{width:0}100%{width:100%}}
@-ms-keyframes anim-out{0%{width:0}100%{width:100%}}
@keyframes anim-out{0%{width:0}100%{width:100%}}
.btn-effect-skew{
	border: 1px solid #000;
	color: #fff;
	position: relative;
	overflow: hidden;
	z-index: 10;
	-webkit-transition: all .6s cubic-bezier(.165,.84,.44,1);
	transition: all .6s cubic-bezier(.165,.84,.44,1);
	-webkit-transition-timing-function: cubic-bezier(.165,.84,.44,1);
	transition-timing-function: cubic-bezier(.165,.84,.44,1);
}
.btn-effect-skew:after {
	background: #000;
	content: '';
	position: absolute;
	z-index: -1;
	-webkit-transition: all .6s cubic-bezier(.165,.84,.44,1);
	transition: all .6s cubic-bezier(.165,.84,.44,1);
	-webkit-transition-timing-function: cubic-bezier(.165,.84,.44,1);
	transition-timing-function: cubic-bezier(.165,.84,.44,1);
	height: 100%;
	left: -45%;
	top: 0;
	-webkit-transform: skew(50deg);
	transform: skew(50deg);
	-webkit-transform-origin: top left;
	transform-origin: top left;
	width: 0;
}
.btn-effect-skew:hover:after {
    height: 100%;
    width: 145%;
}
.btn-effect-arrow{
	border-radius: 5px;
	border: 1px solid #979797;
	letter-spacing: 0.35rem;
}
.btn-effect-arrow .fa-long-arrow-right::before{
	transition: all .4s;
	opacity: 0;
}
.btn-effect-arrow:hover .fa-long-arrow-right::before{
	opacity: 1;
	margin-left: 10px;
}
.more-btn-01{
	position: relative;
	color: #fff;
}
.more-btn-01::after{
	position: absolute;
	content: '';
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #7EB911;
	z-index: -1;
	transform: skew(-12deg);
}
.more-btn-02{
	vertical-align: middle;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	box-shadow: 0 0 1px rgb(0 0 0 / 0%);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-moz-osx-font-smoothing: grayscale;
	position: relative;
	overflow: hidden;
	background: #e1e1e1;
	-webkit-transition-property: color;
	transition-property: color;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	background: #7EB911;
	color: #fff;
}
.more-btn-02:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(255,255,255,0.1);
    border-radius: 100%;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}
.more-btn-02:hover:before, .more-btn-02:focus:before, .more-btn-02:active:before {
    -webkit-transform: scale(2);
    transform: scale(2);
}
.btn-transY{
  transition: all 0.6s ease;
}
.btn-rotateX{
  position: relative;
  overflow: hidden;
}
.btn-rotateX::after{
  background-color: #fff;
  content: "";
  width: 50px;
  height: 155px;
  opacity: .2;
  position: absolute;
  top: -50px;
  left: -75px;
  transform: rotate(35deg);
  transition: all 550ms cubic-bezier(.19,1,.22,1);
  z-index: 2;
}
@media(min-width:1200px){
  .btn-transY:hover{
    transform: translateY(-5px);
    box-shadow: 0 0 10px rgba(0, 0, 0, .4);
  }
  .btn-rotateX:hover::after{
    left: 120%;
    transition: all 550ms cubic-bezier(.19,1,.22,1);
  }
}
/* 编辑器模板样式 */
.link-wrap{
	background-color: rgb(247, 247, 247);
	padding: 20px 5px 15px 20px;
}
.link-wrap .link-title{
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 1rem;
}
.link-wrap ul>li{
	margin-bottom: 0.5rem;
	position: relative;
	padding-left: 35px;
}
.link-wrap ul>li::before{
	content: '\f178';
	position: absolute;
	left: 0;
	font-family: 'Fontawesome';
	width: 24px;
	height: 24px;
	color: #fff;
	background-color: #7EB911;
	border-radius: 50%;
	font-size: 16px;
	line-height: 24px;
	text-align: center;
}
/* 新选项卡样式 */
.new-tab-style .list-tag button{
	position: relative;
	top: 0;
	font-size: 20px;
}
.new-tab-style .tab-list>li>.btn{
	-webkit-transition: all 0.6s ease;
	-moz-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
	transition: all 0.6s ease;
}