:root{
    --light-orange: #ff582c;
    --dark-orange: #d71700;
    --gradient1: linear-gradient(to bottom,#d71700,#ff582c);
    --gradient1a: linear-gradient(to bottom,#ff582c,#d71700);
    --orange: #ff5959;
    --yellow: #ffbc45;
    --gradient2: linear-gradient(to bottom,#ffbc45,#ff5959);
    --gradient2a: linear-gradient(to bottom,#ff5959, #ffbc45);
    --blue: #173fb2;
    --dark-blue: #255dff;
    --light-blue: #1a96f6;
    --gradient3: linear-gradient(to bottom,#1a96f6,#196ada);
    --gradient3a: linear-gradient(to bottom,#196ada,#1a96f6);
    --dark: #1c1c25;
    --grey: #888888;
    --white: #fff;
    --roboto: 'Roboto', sans-serif;;
    --heebo: 'Heebo', sans-serif;;
	--ncdacl:#f8207f;
}
body{font-family: "SF Pro SC","SF Pro Display","SF Pro Icons","PingFang SC","Helvetica Neue","Helvetica","Arial",sans-serif}
body a,p{color: #848484}
.bodybg{background-image:linear-gradient(-180deg, #ffffff 0%, #e7e7e7 100%);}
.bodybgl{background-color: #efefef}
.navfg{height: 100px}
.navbar-brand {color: #848484!important;letter-spacing: 5px;font-size: 24px}
.navbar-brand:hover{color: #848484}
.navlog{color:#afafaf;margin: 0}
.indexh{color:#7c7c7c;}
.indexp{color:#a5a2a2;}
.indeximg{max-height: 300px;overflow: hidden;background-color: white;display: flex;align-items: center}
.hrn{background-color: #fffffffc;height: 2px;box-shadow: 0px 1px 0px 0px rgba(0,0,0,.2) inset;}
#ipic img{width: 100%;object-fit: cover}
#hzyx img{width: 100%;border-radius: 50%;transition: all .6s ease;max-width: 150px;min-width: 60px;height: 150px;object-fit: contain}
#hzyx img:hover{filter: opacity(70%);transform: scale(1.1)}
#exblist{transition: all .6s ease;}
#exblist a{color: #666c71;}
#exblist img{width: 100%;border-radius: 20px 20px 0 0;min-width: 60px;object-fit: contain;height: 200px;}
#exblist:hover{filter: opacity(70%);transform: scale(1.1)}
#yxzt img,#dszt img{width: 100%;border-radius: 50%;transition: all .6s ease;max-width: 120px;min-width: 60px}
#yxzt img:hover{filter: opacity(70%);transform: scale(1.1)}
.navbar{padding-left: 0px;padding-right: 0px}
.search{font-size: 20px;color: #a5a2a2;border: 0;background-color: rgba(0,0,0,0.00)}
.zplbnav{background: rgba(255,255,255,0.8);box-shadow: 0 1px 1px 0 rgba(221,221,221,0.50);}
.zplbnav .navlog,.zplbnav .navbar-brand{color: #666c71;}
.zplbnav .navfg{height: 60px}
.zplbnav img{height: 40px}
.zplbwh{color: white}
.narrow{border: none;-webkit-appearance: none;appearance: none;background:url("../images/darrow.png") no-repeat right}
.sbtn-outline{border-color: #fb7777;color: #fb7777}
.sbtn-outline a{color: inherit;}
.sbtn-outline a:hover{text-decoration: none}
.sbtn-outline:hover{background-color: #fb7777;color: white;border-color: #fb7777}
.sbtn{border-color: #fb7777;background-color: #fb7777;color: white;}
#zjpjf span{color: #fb7777}
.manage{background-color: white;margin-bottom: 10px}
.manage p{font-size: 12px;margin: 0}
.manage .btn{width: 102px;font-size: 12px;padding: 0.5rem}
.psf{background-color: white;margin-bottom: 10px}
.zptc p{color: #8a8a8a;}
.zpms{line-height: 2;}
.zpsx,.zpsx:hover{ color: #848484}
#pages .a1{font-size: 11px;display: none}
#pages span,#pages a{
	width: 40px;
    height: 40px;
    line-height: 40px;
    display: inline-block;
    border-radius: 50%;
    background-color: #fb7777;
    color: white;
	text-decoration: none;
	text-align: center;
}
#pages a{background-color: #ffffff;color: #a5a2a2}
#pages a:hover{background-color: #fb7777;color: white}
footer{color: #b4b1b1}
.btnlogin{background-image:linear-gradient(0deg, #00f6b0 0%, #00a4ff 100%);border: none;color: white!important;/*letter-spacing: 2em;text-indent: 2em;*/}
.btnreg{background-image:linear-gradient(-179deg, #00f6b0 0%, #00a4ff 100%);border: none;color: white!important;/*letter-spacing: 2em;text-indent: 2em;*/}
.btnloginreg{background-image:linear-gradient(-180deg, #fad961 0%, #d57d4c 100%);border: none;color: white!important;/*letter-spacing: 2em;text-indent: 2em;*/}
.select2-container--default .select2-selection--single{border: none;}
.select2-container--default .select2-selection--single .select2-selection__arrow b{border-color:#666c7 transparent transparent transparent;border-width: 8px 6px 0 6px;}
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent #666c7 transparent;
    border-width: 0px 6px 8px 6px;
}
.select2-container--default .select2-selection--single .select2-selection__rendered{color: #666c71}
.select2-container .select2-selection--single .select2-selection__rendered{padding-left: 0}
.select2-dropdown--below{width: max-content!important;font-size: small}
#filter{color:#666c71;}
#filter select{min-width: 40px; max-width: 110px; color:#666c71;}
.sjbannerrq{max-height: 500px;}
#sjbanner{width: 100%;filter: brightness(0.6)}
.newcc{bottom: auto;top:50%;transform: translateY(-50%)}
.card-title,.card-title a{color: #FF028B;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}
.fdcard-text,.card-likes,.fdcard-text a{color:#333333!important;}
.fdcard-text{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.card-likes{transition: all 2s;}
.card{overflow: hidden;box-shadow: 3px 10px 5px #c1c1c1;margin-bottom: 2rem!important;border-radius: 20px 20px 0 0;border: none;}
.card img{transition: 0.8s;display: block;margin: 0 auto}
.card img{height: 370px;width: 100%;object-fit: cover}
.card:hover img{opacity: 0.8;}
#miniLoginFrame{width: 75px;height: 22px;}
.hqyz{position: absolute;top: 2px;right: 0;font-size:14px;color:#ff87cf;}
.reginput{border-left: none;border-right: none;border-top: none;border-bottom: 1px solid #d7d4d4;border-radius: 0;}
.onError{color:#ff87cf;font-size: 14px}
.sidebar-sticky{position: sticky!important;top:0;height: calc(100vh - 60px);overflow-x: hidden;overflow-y: auto;box-shadow: inset -1px 0 0 rgba(0, 0, 0, .1);}
.regcheck{position: absolute;top: 5px;right:1rem;}
.filelist{position: absolute;top:0px;right: -15px;font-size: 20px;color: #fb7777;cursor: pointer}
.uplist{display: flex}
.upitem{width: 200px; position: relative}
.upitem img{max-width: 100%;max-height: 100%}
#fl-zpfiles{flex-wrap: wrap;width:100%;}
.table_form tbody th{white-space: nowrap;}
.pred{color: #fb7777}
.jlta{width: 700px;height: 200px}
.czryli,.zdlsli{width:fit-content}
.czryli input,.zdlsli input{font-size: 14px;}
.delczry,.delzdls{position: absolute;right: 0px;top: 0px;cursor: pointer}
.zycontainer{position: absolute;cursor: pointer;}
.zyitem:hover{background-color: #F7BBBB;color: white}
.btnsc{background-image:linear-gradient(-180deg, #fad961 0%, #d57d4c 100%);border: none;color: white!important;letter-spacing: 1em;text-indent: 1em;}
.shorttitle{display: inline-block;white-space: nowrap;width: 200px;overflow: hidden;text-overflow: ellipsis}
.custom-control-input:checked~.custom-control-label::before {
    color: #fff;
    border-color: #fb7777;
    background-color: #fb7777;
}
.cxcb p,.cxcb span,.cxcb{font-size: 14px}
.cxts{position: fixed;right: 5px;top: 80px;z-index: 5;background: rgba(255,255,255,0.8);}
.dhcard .card{height: 300px;cursor: pointer;transition: all 0.2s linear}
.dhcard .card:hover{box-shadow: 0px 3px 11px 0px #aaa}
.dhcard .card-body{height: 100%!important;display: flex;flex-direction: column;justify-content: center;align-items: center}
.dhcard a{height: 100%;}
.dhcard a:hover{text-decoration: none}
.dhcard h5{margin-top: 10px}
.dhlogo{height: 80px;}
.logonotround{height:150px!important;border-radius: unset!important;width:unset!important;object-fit: contain}
.logonotroundsgm{height:150px!important;border-radius: unset!important;max-width:unset!important;object-fit: contain}
.mbactive{background-color: lightcoral;color: white;width: fit-content;}
#fdnav .searchview{display: none;position: relative;}
#fdnav.searchshow .searchview{display: block;}
#searchdv{z-index: 2000;font-size: 14px}
@media (max-width:576px){
	.logo{
		height:30px;
	}
	.zplbnav .navfg,.navfg{height: 40px;}
	.zplbnav img{height: 26px}
	.navbar-brand {font-size: 14px}
	.navlog{font-size: 14px}
	.sjbannerrq{height: auto;}
	.card-columns{
		column-count: 1;
	}
	.dhcard .card{
		height: 160px;
	}
	.dhcard h5{font-size: 14px}
	.dhlogo img{height: 60px}
	#hzyx img{max-width:100px;max-height: 100px}
	.logonotround{height:100px!important;border-radius: unset!important;max-width: 150px!important;width:unset!important}
	/*#myCarousel{margin-top: 40px!important}*/
	.logonotroundsgm{width:100%!important}
}
#backtop,#backmain{display: flex;width:50px; height:50px; position:fixed; right:50px; bottom:30px;border-radius: 50%;background-image: linear-gradient(87deg, #FF008C, #003DFF);opacity: 0.6}
#backtop:hover,#backmain:hover{/*background-color: #fb7777;*/cursor: pointer}
@media (min-width: 768px){
	.card-columns {
    column-count: 4;
    column-gap: 2rem;
    orphans: 1;
    widows: 1;
	}
}
.pg p{line-height: 1.8}
.pg img{display: block;margin: 0 auto;max-width: 100%}
.sjjyz{
	position: fixed;top:310px;right: 0;z-index: 99;width: 80px;
}
.sjjyz a{
	display: block;
	text-align: center;
	width: 80px;
	height: 80px;
	text-decoration: none;
}
.pdffrm{width: 800px;max-width: 100%;height: 400px;display: block;margin-left: auto;margin-right: auto;}
.sgmhr{height:1px;background-color:white;border:0;width:60%}
.cxbg{white-space: pre-wrap;height: 300px;border: solid 1px lightgray;overflow-y: scroll;padding:5px}

/*#pages a:first-child {
    display: inline-block;
	width:auto;
	height: auto;
}*/

@media (min-width: 768px){
	.indeximg{max-height: 500px;}
}
#fdnav img{height: 40px;}
.swiper{padding: 20px 0;height: 340px;}
.swiper-slide{
	display:flex;
	align-items:center;
	justify-content: center;
}
.swiper-slide img{height: 100%;width: 100%;object-fit: contain;}
.swiper-slide a{height: inherit}
.swiper-slide-next{
	transform: scale(1.1)!important;
}
.swiper-pagination-bullet-active{background:#FF028B;}
.swiper-button-next, .swiper-button-prev{
	color: #FF028B;
}
footer p{color:white!important;}
.brbs{border-radius: 20px;box-shadow: 0 10px 10px 5px #c1c1c1;}
.indextitle{color:#FF028B;font-weight:bold;}
.text-elli{overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;}
#hbimgtmp img{height:200px;padding:10px;}
#dsjsul{
	text-align: center;
	z-index: 1;
}
#dsjsul ul{margin: 0;letter-spacing: -8px;}
#dsjsul li{
	padding: 5px;
    color: #444;
    /* font-weight: 600; */
    font-size: 1em;
    cursor: pointer;
    display: inline-block;
    letter-spacing: normal;
}
#dsjsul li:hover {
    background-color: #e52087;
	color: #fff;}
#dsjsul li a{
	text-decoration: none;
}
#dsjsul li a:hover{color: #fff}
#dsjsul .active{
	background-color: #e52087;/*#FD685B;*/
}
#dsjsul .active a{
	color: white;
	text-decoration: none;
}
.preloader {
  width: 100%;
  height: 100%;
  position: fixed;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 99999;
  background: var(--white);
}
.preloader .circle1,
.preloader .circle2 {
  position: absolute;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  border: 2px solid var(--light-orange);
  animation: anim12 1.2s ease-in infinite;
}

.preloader .circle2 {
  width: 100px;
  height: 100px;
  animation: anim12-2 1.2s ease-out infinite;
  border: 2px solid var(--dark-orange);
}

@keyframes anim12 {
  100% {
    width: 100px;
    height: 100px;
    opacity: 0;
  }
}

@keyframes anim12-2 {
  0% {
    opacity: 0;
  }
  100% {
    width: 20px;
    height: 20px;
    opacity: 1;
  }
}