:root {
  /* 大背景 */
	--primary-color: #ffffff;	
	/* 标题文字   图标颜色 */
	--size-color:#333333;
	/* 二级标题 */
	--size-color-black:#666666;
	/* 简介文字 */
	  --size-color-gray:#999999;
	  /* 背景色块 */
	--size-bg-bgf5:#f5f5f5;
	/* 按钮颜色 */
	--green-color:#14af68;
	/* 线条颜色	 */
	--secondary-color: #eeeeee;		
	/* 输入框边框 */
	--border-color: #DDDDDD;
	/* 错误信息提示 */
	--red-color: #DF3532;
	--blue-color: #284391;
	--size-bg-bgf9: #f9f9f9;
}
.brandxie{
	width:1440px;
	margin:0 auto;
    height:40px;
    background:var(--primary-color);
    line-height:40px;
    font-size:12px;
    color:var(--size-color-black)
}
.brandxie >>> .el-breadcrumb{
    line-height:40px;
    font-size:12px;
    color:var(--size-color-black);
    padding:0 62px;
}
>>> .el-breadcrumb__inner a, >>>.el-breadcrumb__inner.is-link{
    font-weight: 400 !important;
    color:var(--size-color-black)
}
>>> .el-breadcrumb__inner a:hover, >>>.el-breadcrumb__inner.is-link:hover{
    color:var(--green-color);
}
.signboxmain{
    width:100%;
    background:var(--size-bg-bgf5);
    padding:60px 0 30px;
}
.singboxcontent{
    box-sizing: border-box;
    width:1440px;
    margin:0 auto;
}
.bannerboxset{
    width: 740px;
    height: 390px;
    background: #D8D8D8;
    border-radius: 10px;
}
.bannercarouselright{
    width:376px;
}
.bannercarouselright h3{
    display: block;
    font-weight: 500;
    font-size:22px;
    color:var(--size-color)
}
.bannercarouselright span{
    display: block;
    font-size:12px;
    color:var(--size-color-gray);
    padding-top:10px;
}
.bannercarouselright b{
    display: block;
    font-size:18px;
    color:#DF3532;
    font-weight:bold;
    padding:32px 0 15px;
}
.bannercarouselright b i{
    font-style:normal;
    font-size:12px;
}
.bannercarouselright em{
    display: block;
    font-size:14px;
    color:var(--size-color)
}
.signTimebox{
    width: 369px;
    height: 60px;
    background: #F5F5F5;
    border-radius: 31px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size:14px;
    color:#999;
    margin-top:69px;
}
.fastsignbtn{
    width: 376px;
    height: 60px;
    background: #14AF68;
    border-radius: 10px;
    font-weight: 600;
    font-size: 18px;
    color: #FFFFFF;
    text-align: center;
    line-height:60px;
    margin-top:33px;
}
.margnbotdiv{
    width:1200px;
    margin:23px auto;
    display: flex;
    justify-content: space-between;
}
.marginboxleft{
    box-sizing: border-box;
    width:814px;
    background:#fff;
    border-radius: 10px;
    padding:36px 31px;
}
.marginboxleft h3{
    font-weight: 500;
    font-size: 18px;
    color:#333;
    border-bottom:solid 2px #e5e5e5;
    margin-bottom:20px;
}
.marginboxleft h3 span{
    display: inline-block;
    padding-bottom:10px;
    border-bottom:solid 3px #14AF68;
    position:relative;
    top: 2px;
}
.marginboxright{
    box-sizing: border-box;
    width:370px;
    background:#fff;
    border-radius: 10px;
    padding:27px;
}
.marginboxright h3{
    font-size:18px;
    color:var(--size-color);
    font-weight: normal;
    padding-bottom:23px;
}
.marginboxright ul li{
    width: 320px;
    height: 308px;
    background: #FFFFFF;
    border-radius: 10px;
    cursor: pointer;
    margin-bottom:10px;
}
.marginboxright ul li .lineimg{
    width: 100%;;
    height:195px;
    border-radius:10px 10px 0 0;
    overflow: hidden;
}
.marginboxright ul li .lineimg div{
    width:100%;
    height:195px;
    transition: all 0.5s;
}
.marginboxright ul li:hover .lineimg div{
    transform: scale(1.1);
}
.linecontent{
    padding:12px 17px;
    background:var(--size-bg-bgf5);
    border-radius:0 0 10px 10px;
}
.linecontent span{
    display: block;
    font-size:16px;
    color:var(--size-color);
    white-space: nowrap;      /* 强制文本不换行 */
    overflow: hidden;         /* 隐藏溢出内容 */
    text-overflow: ellipsis;  /* 显示省略号 */
    width: 100%;
}
.linecontent b{
    font-size:12px;
    color:var(--size-color-gray);
    font-weight: normal;
    padding-top:8px;
}
.linecontent p{
    display: flex;
    justify-content: space-between;
    font-size:16px;
    color:#DF3532;
    margin-top:12px;
}
.linecontent p i{
    width: 92px;
    height: 30px;
    background: #14AF68;
    border-radius: 15px;
    font-size:13px;
    color:var(--primary-color);
    text-align: center;
    line-height:30px;
    font-style: normal;
}
.contentbox{
    padding-bottom:20px;
}
.fhotbirdsetContent2{
    display: flex;
    flex-wrap: wrap;
    padding-top:30px;
  }
  .fhotbirdsetContent2  .marginRight{
    margin-right:35px;
    margin-bottom:35px;
  }
  .fhotbirdsetContent2  .marginRight:nth-child(3n){
    margin-right:0;
  }
  .hotbigpicright{
    width:454px;
    height:258px;
    margin-bottom:26px;
    position:relative;
    overflow: hidden;
    cursor: pointer;
    border-radius:10px;
  }
  .fhotbirdsetContent2  .marginRight{
    margin-right:35px;
    margin-bottom:35px;
  }
  .fhotbirdsetContent2  .marginRight:nth-child(3n){
    margin-right:0;
  }
  .hotBigimg{
    width:454px;
    height:258px;
    border-radius:10px;
    background-size:cover;
    background-position: center;
    background-repeat: no-repeat;
    transition: transform .5s;
  }
  .hotbigpicright:hover .hotBigimg{
    transform: scale(1.1);
  }
  .monthtop{
    position:absolute;
    top:0;
    left:23px;
    width: 47px;
    height: 35px;
    background: linear-gradient( #FFFFFF 0%, #FFFFFF 100%);
    box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.3);
    border-radius: 0px 0px 6px 6px;
    text-align: center;
    line-height:35px;
    font-size:20px;
  }
  .monthcontenttitle{
    box-sizing: border-box;
    position:absolute;
    left:0;
    bottom:0;
    width:100%;
    height: 90px;
    background: linear-gradient( 180deg, rgba(0,0,0,0) 0%, #000000 100%);
    padding:50px 23px 0;
    font-size:18px;
    color:#fff;
  }
  .activetitle{
    font-weight: 600;
    font-size: 36px;
    color: var(--size-color);
    padding-bottom:15px;
  }
  .titlejxz{
    display: flex;
    align-items: center;
    font-weight: 500;
    font-size: 24px;
    color: var(--size-color);
    padding-top:38px;
  }
  .titlejxz i{
    display: inline-block;
    margin-left:54px;
    font-weight: 500;
    font-size: 24px;
    color: var(--size-color-gray);
    font-style:normal;
    cursor: pointer;
  }
  .titlejxz i:hover,.titlejxz i.hover{
    color:var(--size-color)
  }
  .marR20{
      margin-right: 20px;
  }
  .tribeDetailContent{
      margin: 0 auto;
      color: var(--size-color);
      font-size: 14px;
  }
  .ac-img{
      height: 800px;
      background-size: cover;
      background-position: center;
  }
  .p-title{
      font-weight: 500;
      font-size: 34px;
      margin: 35px 0 45px 0;
  }
  .mini-bar{
      height: 69px;
      width: 100%;
      font-weight: 500;
      font-size: 24px;
      color: var(--green-color);
      
  }
  .huodong{
      width: 860px;
      height: 69px;
      display: flex;
      justify-content: space-between;
      margin: 0 auto;
      align-items: center;
  }
  .jianjie{
      position: relative;
      height: 69px;
      line-height: 69px;
  }
  .huodong .jianjie::after{ 
      content: '';
      display: block;
      width: 100%;
      width: 36px;
      height: 2px;
      background:#14AF68;
      position: absolute;
      bottom:-2px;
      left:10%;
   }
  .share{
      font-size: 18px;
      cursor: pointer;
  }
  .share .iconfont{
      font-size: 22px;
      padding-right: 8px;
      vertical-align: bottom;
  }
  .content{
      width: 860px;
      margin: 40px auto;
  }