header{display: flex;align-items:center;background:url("../images/head_bg.png") no-repeat center; background-size: 100% 100%;width: 100vw;padding:10px 0}
header.hindex{background: unset;}
header.hindex>.h_r .navi{display: none}
header .h_l{flex-grow: 1;padding-left: 5%;height:100%}
header .h_l .logo1 {height:100%;display: flex;align-items: center}
header .h_l .logo1 img{}
header .h_r{flex-grow: 1;padding-left: 30%;display: flex;align-items: center;height:100%}
header .h_r .logo2{height:100%;display: flex;align-items: center;margin-right: 1rem}
header .h_r .logo2 img{}
header .h_r .navi{position: relative;margin-left: auto;padding-right: 5rem}
header .h_r .navi .nav_bars{cursor: pointer;}
header .h_r .navi .nav_bars .fa-bars{font-size: 38px;color:#fff}
header .h_r .navi .nav_bars:hover .fa-bars{color:#eee}
header .h_r .navi>ul{position: absolute;left:0;top:38px;width: 33px;display: none;z-index: 999999}

header .h_r .navi>ul li{text-align: center;padding:2px 0}
header .h_r .navi>ul li>a{color:#fff;display: block}
header .h_r .navi>ul li:hover{opacity: 0.9}
header .h_r .navi>ul li:nth-child(1){background:#E60783}
header .h_r .navi>ul li:nth-child(2){background:#00CCCD}
header .h_r .navi>ul li:nth-child(3){background:#0FBADF}
header .h_r .navi>ul li:nth-child(4){background:#773CBC}

.index_body{background:url("../images/index_bg.png") no-repeat;background-size:cover;}
.index_sec{height: calc(100vh - 188px)}
.ind_cont{display: flex;justify-content: center;height: 100%;flex-wrap: wrap;align-content:center}
.catlist{flex-grow: 1;flex-basis: 50%;height:50%;display: flex;align-items: center;}

.catlist img{transition: all 0.5s ease;width: 80%}
.catlist img:hover{transform:rotate(-20deg)scale(1.1); }
.catlist:nth-child(odd){justify-content: flex-end;padding-right: 5rem;}
.catlist:nth-child(even){justify-content: flex-start;padding-left: 3rem;}

.cat-tabs{margin:50px 0 26px 0}
.cat-tabs ul{display: flex;align-items: center;justify-content:center;}
.cat-tabs ul>li{width:180px;height:60px;border:1px solid #FDD100;border-radius: 4px;}
.cat-tabs ul>li>a{color:#FDD100;width: 100%;height: 100%;display: flex;align-items: center;justify-content: center}
.cat-tabs ul>li:hover,.cat-tabs ul>li.active{background: #FDD100}

.cat-tabs ul>li:nth-child(2){border-color: #E5007F}
.cat-tabs ul>li:nth-child(2)>a{color: #E5007F}
.cat-tabs ul>li:nth-child(2):hover,.cat-tabs ul>li:nth-child(2).active{background:#E5007F;}

.cat-tabs ul>li:nth-child(3){border-color: #02B8DF}
.cat-tabs ul>li:nth-child(3)>a{color: #02B8DF}
.cat-tabs ul>li:nth-child(3):hover,.cat-tabs ul>li:nth-child(3).active{background:#02B8DF;}

.cat-tabs ul>li:nth-child(4){border-color: #783DBD}
.cat-tabs ul>li:nth-child(4)>a{color: #783DBD}
.cat-tabs ul>li:nth-child(4):hover,.cat-tabs ul>li:nth-child(4).active{background:#783DBD;}
.cat-tabs ul>li:hover>a,.cat-tabs ul>li.active>a{color: #fff}

.g-cont{margin-bottom: 50px}
.gl-cont{padding:10px;background:#F3F3F3;transition: all 0.5s;height: 100%}
.gl-img{height:180px;text-align: center;overflow: hidden;background-repeat: no-repeat; background-size: 100%;background-position: top;}
.gl-img img{max-width: 100%;transition: all 0.5s;height: 100%;object-fit:contain}

.gl-cont:hover{background:#ddd}
.gl-cont:hover .gl-img img{transform: scale(1.1)}
.gl-tit{display: flex;justify-content: center;color: #333;margin:20px 0;flex-wrap: wrap}
.gl-tit span{flex-grow: 1;text-align: center}

.more-toastbox{width: 100%;text-align: center;margin-top: 5px;}
.more-toast{cursor: pointer;color:#fff;border:1px solid #783DBD;background: #783DBD;border-radius: 10px;padding:2px 20px;text-align: center;}
.more-toast:hover{background: unset;color:#783DBD}

.members-toast{position: fixed;top:0;left:0;width: 100%;height:100%;background: rgba(0,0,0,0.5);z-index: 900;display: none}
.mtc-lay{position: absolute;top:0;left:0;width: 100%;height:100%;}
.mt-cont{position: absolute;top:0;left:0;right:0;margin: 10% auto;width: 30%;height:50%;background: #fff;border-radius: 6px;padding:15px;overflow-y: scroll}
.mt-cont::-webkit-scrollbar {width: 3px;}
.mt-cont::-webkit-scrollbar-track {box-shadow: inset 0 0 5px rgba(255,255,255,0);}
.mt-cont::-webkit-scrollbar-thumb {background: rgba(0,0,0,0.5);}
.mt-cont::-webkit-scrollbar-thumb:hover {background: #0097D6;}

.mt-cont ul li{border-bottom:1px solid #eee;padding:5px 0 }
.mt-cont ul li span{margin-right: 15px }
.close-btn{font-size: 30px;position: absolute;right:5px;top:-5px;}
.close-btn:hover i{color: #f00}
.ams{border-bottom: 1px solid #666;margin-bottom: 5px;padding-bottom: 5px}

.loadmore-cont{margin:50px 0;}
.loadmore-btn{width: 200px;height:60px;background: rgba(120, 61, 189, 1);border-radius: 40px;text-align: center;margin: 0 auto;border: 1px solid #783DBD;transition: all 0.3s }
.loadmore-btn a{height:100%;display: flex;color:#fff;justify-content: center;flex-wrap: wrap;align-content:center}
.loadmore-btn a span{flex-basis: 100%;flex-grow: 1}
.loadmore-btn a span,.loadmore-btn a i{color:#fff}
.loadmore-btn:hover{background: #fff}
.loadmore-btn:hover *{color:#783DBD}

.detail-cont{display: flex;align-items: center;width: 94%;margin: 80px auto;margin-bottom: 40px;}
.de_l{width: 60%;overflow: hidden;}
.de_l .decont{border: 5px solid #AFE0F8;border-radius: 80px;width: 93%;overflow: hidden;position: relative;display: flex;align-items: center;justify-content: center;min-height: 510px;max-height: 600px}
.de_l .decont .limgs-cont{overflow: hidden;height:100%;width: 100%;text-align: center}
.de_l .swiper-wrapper{align-items: center;}
.de_r{width: 40%;overflow: hidden;position: relative;}
.de_r .decont{border: 5px solid #AFE0F8;border-radius: 80px;width: 100%;overflow: hidden;position: relative;padding:0 20px;overflow-y: scroll;padding-bottom: 20px}
.de_r .decont::-webkit-scrollbar {width: 3px;display: none}
.de_r .decont::-webkit-scrollbar-track {box-shadow: inset 0 0 5px grey;}
.de_r .decont::-webkit-scrollbar-thumb {background: #0097D6;}
.de_r .decont::-webkit-scrollbar-thumb:hover {background: #0097D6;}

.d-tit{margin-top: 5%;font-size: 30px}
.d-summary{margin-top: 5%;font-size: 16px;display: flex;flex-wrap: wrap;justify-content: space-between}

.d-summary>div{flex-basis:50%;display: flex;}
/*.d-summary>div:nth-child(odd){margin-right: 10%}*/
.d-summary>div>span:nth-child(1){flex-basis: 30%}
.d-summary>div>span:nth-child(2){flex-basis: 20%}
.d-summary>div>span:nth-child(3){flex-basis: 50%}
.zzgc-cont{margin-top: 8%}
.zzgc-cont p{font-size: 24px}
.rimgs-cont{margin-top: 5%;position: relative;overflow: hidden}
.rimgs-cont .swiper-slide{height: 150px;text-align: center}
.rimgs-cont img{border-radius: 40px;border: 2px solid #AFE0F8;height: 100%;width: auto}


.limgs-cont .swiper-button-next::after,.limgs-cont .swiper-button-prev::after{font-size: 28px;color:#000}
.limgs-cont .swiper-button-next::after,.limgs-cont .swiper-button-prev::after{font-size: 28px;color:#000}

.rimgs-cont .swiper-button-next::after,.rimgs-cont .swiper-button-prev::after{font-size: 24px;color:#000}
.rimgs-cont .swiper-button-next::after,.rimgs-cont .swiper-button-prev::after{font-size: 24px;color:#000}

.de-page{margin:0 auto;margin-bottom: 50px;display: flex;align-items: center;justify-content: center}
.de-page a{display:flex;align-items: center;justify-content:center;width:100px;height: 100px;border-radius: 50%;background: #783DBD;margin: 0 50px;color:#fff;transition: all 0.3s ;border: 1px solid #783DBD}
.de-page a:hover{background:rgba(120,61,189,0.8)}
.de-page a i{color:#fff;font-size: 30px}


.copyright_cont{background:url("../images/foot_bg.png");background-size: 100%;width: 100%;padding:30px 0}
.copyright_cont.index{background:unset}
.copyright{text-align: center;color:#333333;}