/*
	鑷畾涔夊彉閲�:寮曠敤鏂规硶 var(--main_color)
	--main_color : 涓婚鑹�
	--minor_color : 鍓郴棰滆壊
*/
:root {
  --main_color: #d93a14;
  --main_color_hover: rgb(245 174 37 / 33%);
  --main_color_opacity: rgb(245 174 37 / 70%);
  --minor_color: #46baac;
  --grey_color: #6b6b6b;
}
html {
  height: 100%;
  background: #dddddd;
}
body {
  /*word-break: break-all;*/
  color: #484666;
  margin: 0 auto;
  min-height: 100%;
  min-width: 1350px;
  position: relative;
  font-size: 0.85rem;
  line-height: 1.5;
  overflow: auto;
  background: #ffffff;
  touch-action: none;
  /* 	letter-spacing: 0.05rem; */
  font-family: "Microsoft YaHei", "Source Sans Pro", "Helvetica Neue", Helvetica,
    Arial, sans-serif;
}

/* 鏁翠綋瀹藉害锛屾渶灏忎负1020px锛屽啀灏忓嚭妯粴鍔ㄦ潯
       瀛椾綋闅忛〉闈㈠搴﹀彉鍖�  鍏朵粬鍦版柟鐢╮em鎺у埗锛�1rem = 1html鐨刦ont-size
 */
@media screen and (max-width: 1130px) {
  html {
    font-size: 15px;
  }
}
@media screen and (min-width: 1130px) {
  html {
    font-size: 15px;
  }
}
@media screen and (min-width: 1260px) {
  html {
    font-size: 17px;
  }
}
@media screen and (min-width: 1330px) {
  html {
    font-size: 18px;
  }
}
@media screen and (min-width: 1460px) {
  html {
    font-size: 20px;
  }
}
.width-container {
  width: 90%;
  margin: 0 auto;
  /*min-height: 416px;*/
}

/* 椤堕儴瀵艰埅鏍� */
.headDiv {
  z-index: 100;
  width: 100%;
  height: 6rem;
  position: absolute;
  /* background: rgb(58 60 58 / 70%); */
}
.headDiv + .underHead {
  margin-top: 3.5rem;
}
.headDiv > div:first-child {
  height: 100%;
  display: flex;
}
/* .headDiv .head-header{
	position: absolute;
    right: 0;
    top: 0;
    height: 3.5rem;
    width: 3.5rem;
    cursor: pointer;
} */
.headDiv .head-out {
  height: 100%;
  display: flex;
  background: var(--main_color);
}
/* .headDiv .head-header .no-head{
	width: 2rem;
	height: 2rem;
	margin: auto;
}
.headDiv .head-header .user-head{
	width: 100%;
	height: 100%;
} */
.headDiv .pic-div {
  display: flex;
  /* padding: 0.1rem 0; */
  /* cursor: pointer; */
  width: 12%;
  align-items: center;
  text-align: start;
}
.headDiv .logo-space {
  margin: auto 0.5rem;
  border-left: 1px solid #fff;
  height: 1rem;
}
.headDiv img {
  cursor: pointer;
  width: 100%;
}
.headDiv .btn-div {
  /*flex: 1;*/
  /*padding-left: 1rem;*/
  width: 88%;
}
.headDiv .btn-div a {
  color: #fff;
}
.headDiv .menu-list {
  height: 100%;
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
}
.headDiv .menu-list .left-menu {
  flex: 1;
  height: 100%;
  display: flex;
}
.headDiv .menu-list .right-menu {
  display: flex;
}
.headDiv .menu-list ul li {
  min-width: 6rem;
}
.headDiv .menu-list .menu-item {
  height: 100%;
  color: #000;
  position: relative;
}
.headDiv .menu-list .menu-item .menu-text {
  cursor: pointer;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  color: #fff;
}
.headDiv .menu-list .menu-item .menu-text:hover {
  color: #fff;
  font-size: large;
  font-weight: 700;
}
.headDiv .menu-list .login-menu span {
  text-align: center;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.headDiv .menu-list .menu-item dl {
  display: none;
  position: absolute;
  left: 0;
  top: 5rem;
  min-width: 7rem;
  margin-left: 0.8rem;
  text-align: center;
}
.headDiv .menu-list .menu-item dl.act {
  display: block;
}
.headDiv .currline {
  height: 3px;
  background: var(--main_color);
  position: absolute;
  bottom: 0.5rem;
  left: 0;
  width: 0;
  z-index: -1;
}
.menu-list li .drop.act dd:nth-of-type(1) {
  animation: menu1 0.3s ease-in-out forwards;
  animation-delay: 0.1s;
}
.menu-list li .drop.act dd:nth-of-type(2) {
  animation: menu1 0.3s ease-in-out forwards;
  animation-delay: 0.2s;
}
.menu-list li .drop.act dd:nth-of-type(3) {
  animation: menu1 0.3s ease-in-out forwards;
  animation-delay: 0.3s;
}
.menu-list li .drop.act dd:nth-of-type(4) {
  animation: menu1 0.3s ease-in-out forwards;
  animation-delay: 0.4s;
}
.menu-list li .drop.act dd:nth-of-type(5) {
  animation: menu1 0.3s ease-in-out forwards;
  animation-delay: 0.5s;
}
.menu-list li .drop.act dd:nth-of-type(6) {
  animation: menu1 0.3s ease-in-out forwards;
  animation-delay: 0.6s;
}
.menu-list li .drop.act dd:nth-of-type(7) {
  animation: menu1 0.3s ease-in-out forwards;
  animation-delay: 0.7s;
}
@keyframes menu1 {
  from {
    opacity: 0;
    transform: translateX(30px) rotateY(90deg);
  }
  to {
    opacity: 1;
    transform: translateX(0) rotateY(0);
  }
}

.headDiv .menu-list .menu-item dl dd {
  opacity: 0;
  background: rgba(155, 155, 155, 0.7);
  line-height:1;
}
.headDiv .menu-list .menu-item dl dd a {
  padding: 0.6rem;
  display: block;
}
.headDiv .menu-list .menu-item dl dd a:hover {
  cursor: pointer;
  background: var(--main_color);
  padding-left: 0.8rem;
}
.headDiv .menu-list .menu-interval {
  margin: 0 1rem;
  cursor: default;
}
.headDiv .menu-list .login-menu {
  width: 4.5rem;
}
.headDiv .menu-list .active span {
  font-weight: 700;
  font-size: large;
}
.headDiv .menu-text span {
  cursor: pointer;
}
/* 瀛愯彍鍗� */
.main-content .page-title {
  margin-bottom: 1.5rem;
  /* 	font-size: 0.9rem; */
  height: 2rem;
  line-height: 2rem;
  text-align: center;
}
.main-content .page-title span {
  color: #000;
  cursor: pointer;
  position: relative;
  padding: 0.5rem 0rem;
  margin-right: 2rem;
}
.main-content .page-title .act:after {
  content: "";
  position: absolute;
  width: 1.6rem;
  left: 50%;
  bottom: 0;
  height: 0.2rem;
  background: var(--main_color);
  transform: translate(-50%);
}
.el-tabs__item {
  font-size: 0.85rem;
}
/* 灏鹃儴瀵艰埅鏍� */
.footDiv {
  display: flex;
  color: #000;
  padding: 3rem 0;
  /*     height: 20rem; */
  background-color: #c9c9c9;
  overflow: hidden;
}
.footDiv .left-content {
  flex: 1;
}
.footDiv .middle-content {
  height: 8rem;
  margin: auto;
  border-left: 1px solid #fff;
}
.footDiv .right-content {
  width: 12rem;
}
.footDiv .foot-menu {
  min-width: 5rem;
  flex: 1;
}
.footDiv .menu-title {
  font-weight: 600;
  margin-bottom: 1rem;
}
.footDiv .menu-list {
  line-height: 2.5;
}
.footDiv .menu-list a {
  color: #000;
}
.footDiv .foot-donate {
  font-size: 0.9rem;
  font-weight: 600;
  margin-bottom: 1.3rem;
}
.footDiv .foot-phone {
  font-size: 1.6rem;
  margin-bottom: 3.5rem;
}
.footDiv .foot-pic {
  width: 100%;
}
.footDiv .foot-weixin {
  text-align: center;
  margin-top: 0.8rem;
}
.fund-end {
  color: white;
  height: 2.6rem;
  text-align: center;
}
.fund-end a {
  color: white;
}

/* 婊氬姩鏉″崱椤夸紭鍖� */
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
  .swiper-slide,
  .main-container,
  .table-content,
  .treatyContent,
  .header-footer-content,
  .header-content {
    -webkit-overflow-scrolling: touch;
  }
}

/** 鍏朵粬鍏遍�氭牱寮� */
.index-div-left {
  background-color: #fff;
  border-top-left-radius: 18% 18rem;
}
.index-div-right {
background-color: #f3f3f3;
  border-top-right-radius: 20rem;
}
a {
  color: #01aaed;
  text-decoration: none !important;
}
.left {
  float: left;
}
.right {
  float: right;
}
.flex {
  display: flex;
}
.flex-between {
  display: flex;
  justify-content: space-between;
}
.flex-center {
  display: flex;
  justify-content: center;
  align-items: center;
}
.relative {
  position: relative;
}
.main-content {
  display: flow-root;
  position: relative;
}
.main-content .main-head {
  height: 26rem;
  background: #ffe6e6;
  position: relative;
}
.main-content .main-head .head-img {
  height: 100%;
  opacity: 0.6;
  background: url("/statics/images/Common/head-img-89dabedab55a22c3f513c3433c7b0a37.png") 100%;
}
.main-content .main-head img {
  width: 100%;
  height: 26rem;
}
.main-content .main-head .head-title {
  color: var(--main_color);
  font-size: 1.3rem;
  font-weight: 600;
  letter-spacing: 0.4rem;
  padding-top: 4rem;
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
}
.main-content .main-detail {
  padding: 1.5rem 0 4rem 0;
}
.main-content .list-detail {
  padding-bottom: 2rem;
}
.main-content .list-page {
  left: 0;
  bottom: 4rem;
  width: 100%;
  position: absolute;
  text-align: center;
}
.main-content .page-index:hover {
  cursor: pointer;
  color: var(--main_color);
}
.html-content {
  display: flow-root;
}
.html-content * {
  max-width: 100%;
}
.loading {
  color: #999;
  padding: 10px 0;
  text-align: center;
}
.loading .layui-icon {
  font-size: 1.5rem;
}
.nodata {
  text-align: center;
  /*color: #8c8c8c;*/
  color: #fff;
  width: 100%;
}
.back-white {
  padding: 1.5rem;
  background: #fff;
  box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.05);
}
.pic-width > img {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  object-fit: cover;
}

/**蹇呭～**/
.required:after {
  content: "*";
  color: red;
  margin-left: 2px;
} /* right:8px;position:absolute; */
/* 杈撳叆妗嗘彁绀� */
::-webkit-input-placeholder {
  /* WebKit browsers */
  color: #b4b4b4;
}
::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #b4b4b4;
}
:-ms-input-placeholder {
  /* Internet Explorer 10+ */
  color: #b4b4b4;
}

.error-text {
  padding: 0.715rem;
  text-align: center;
}

/* layui鏍峰紡瑕嗙洊 */
.layui-input {
  height: 2rem;
}
.layui-input:hover,
.layui-textarea:hover,
.layui-laypage input:focus {
  border-color: #999 !important;
}
/* .layui-btn:hover, .layui-btn:focus { */
/*     border-color: var(--main_color)!important; */
/* } */
.layui-btn {
  min-width: 4rem;
  height: 1.8rem;
  line-height: 1.8rem;
  padding: 0 0.6rem;
  font-size: 0.8rem;
  border-radius: 0.2rem;
}
.layui-layer-btn .layui-layer-btn0 {
  float: right;
}
.layui-layer-btn .layui-layer-btn0 {
  border-color: var(--main_color) !important;
  background-color: var(--main_color) !important;
  color: #fff !important;
}
.layui-layer-btn {
  overflow: hidden;
}
.layui-form-checkbox[lay-skin="primary"]:hover i {
  border-color: var(--main_color) !important;
}
.layui-form-checked[lay-skin="primary"] i {
  border-color: var(--main_color) !important;
  background-color: var(--main_color) !important;
}
.layui-form-radio > i:hover,
.layui-form-radioed > i {
  color: var(--main_color) !important;
}
.layui-laypage {
  margin: 0;
}
.layui-laypage .layui-laypage-refresh:hover {
  color: var(--main_color) !important;
}
.layui-laypage .layui-laypage-curr .layui-laypage-em {
  background-color: var(--main_color);
}
.layui-laypage a,
.layui-laypage span {
  margin-bottom: 0;
  font-size: 0.85rem;
  padding: 0 18px;
  height: 32px;
  line-height: 32px;
}
.layui-laypage a:hover {
  color: var(--main_color);
}

/* 鎸夐挳鏍峰紡锛�
	涓婚鑹叉寜閽紙濉厖锛夛紱
	涓婚鑹叉寜閽紙鏈～鍏咃級锛�
	鐏拌壊鎸夐挳锛堟湭濉厖锛夛紱
 */
.click {
  cursor: pointer;
}
.main-btn {
  background-color: var(--main_color) !important;
  border-color: var(--main_color) !important;
}
.main-trans-btn {
  background-color: #fff !important;
  border: 1px solid var(--main_color) !important;
  color: var(--main_color) !important;
}
.cancle-btn {
  background-color: #fff !important;
  border: 1px solid #999 !important;
  color: #999 !important;
}
.hover-btn {
  background-color: #fff;
  border: 1px solid var(--grey_color);
  color: var(--grey_color);
}
.hover-btn:hover {
  background-color: var(--main_color);
  border-color: var(--main_color);
  color: #fff;
}
/* 棰滆壊 */
.main-color {
  color: var(--main_color);
}
.minor-color {
  color: var(--minor_color);
}
.white {
  color: #ffffff;
}
.red {
  color: #ff0000;
}
.green {
  color: #47a447 !important;
}

/*浜岀淮鐮�*/
.donateDiv {
  padding: 20px;
  height: 160px;
  display: flex;
}
.qrcodeDiv {
  min-width: 120px;
  float: left;
}
.recodeSpan {
  float: left;
  margin: auto 0;
  padding-left: 14px;
  font-size: 14px;
}

/* 灏� */
.footer-info {
  margin: 0 auto;
  padding: 3.3rem 2rem;
  background: #333;
  font-size: 0;
  width: 100%;
  min-width: 960px;

}
.footer-info li {
  width: 23%;
  height: 12rem;
  min-height: 205px;
  margin-right: 0.5rem;
  text-align: center;
  background: #414141;
  color: #c6c6c6;
  transition: all 0.6s;
}
.footer-info li:hover {
  top: -5px;
  box-shadow: 0 0 30px 5px rgba(0,0,0,0.5);
  color: #fff;
}
.footer-info li span {
  display: block;
  width: 40px;
  height: 1px;
  background: #fff;
  font-size: 0;
  margin: 10px auto;
}
.foot-title {
  font-size: 1.5rem;
  margin-top: 1rem;
}
.footer-info li p {
  font-size: 0.85rem;
  line-height: 1.6rem;
}
.footer-info-sjmt p a {
  display: inline-block;
  width: 30px;
  height: 30px;
  margin: 12px 17px 0;
}
.footer-info-sjmt .weixin {
  background: url(/statics/images/footer-info-icon-5fe8faa123c0bf27c3c0bc17da631094.png) 0 center no-repeat;
  cursor: pointer;
}
.footer-info-sjmt .weibo {
  background: url(/statics/images/footer-info-icon-5fe8faa123c0bf27c3c0bc17da631094.png) -30px center no-repeat;
}
.iyinbg {
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.5);
  position: fixed;
  top: 0px;
  left: 0px;
  cursor: pointer;
  z-index: 999;
}
.iyinbg .iyinewm {
  width: 16.5rem;
  height: 19rem;
  overflow: hidden;
  position: absolute;
  top: 70%;
  margin-top: -150px;
  left: 18%;
  margin-left: -150px;
}
.iyinbg .iyinewm li {
  width: 250px;
  height: 300px;
  background: #fff;
}
.iyinbg .iyinewm li img {
  display: block;
  width: 225px;
  height: 225px;
  margin: 15px auto;
}
.iyinbg .iyinewm li p {
  font-size: 14px;
  text-align: center;
  line-height: 25px;
  color: #000;
}
.headDiv .head-header {
  position: absolute;
  right: 0;
  top: 0;
  height: 3.5rem;
  width: 3.5rem;
  cursor: pointer;
}
.headDiv .head-header .no-head {
  width: 2rem;
  height: 2rem;
  margin: auto;
}

/* Vue */
[v-cloak] {
  display: none;
}

.el-loading-mask{
  position: fixed;
  background-color: transparent;
}

.end {
  margin-top: 2rem;
  width: 100%;
}

/* 分页 start */
.el-pagination {
  text-align: center;
}
.el-pagination button:disabled {
  background-color: #fd7e58;
}
.el-pagination .el-dialog, .el-pager li {
  background: #fd7e58;
}
.el-pagination .btn-next, .el-pagination .btn-prev {
  background: center center no-repeat #fd7e58;
}
.el-pagination__total {
  color: #fff;
}
.el-pager li.active {
  color: var(--main_color);
  cursor: default;
}
.el-pagination button:hover {
  color: var(--main_color);
}
.el-pagination {
  color: #fff;
}
.el-pager li:hover {
  color: var(--main_color);
}
.el-pagination .btn-next, .el-pagination .btn-prev {
  color: #fff;
}
/* 分页 end */

img.zoomimg:hover {
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -ms-transform: scale(1.05);
  -o-transform: scale(1.05);
  transform: scale(1.05);
}
.zoomimg {
  transition: all .3s ease-in-out;
  -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
}

.end {
  font-size: 0.75rem;
}

[v-cloak]{display:none}