.h77 {
text-align: center;
padding: 0 0 20px 0;
font-size: 2rem;
}

.df {
display: flex;
justify-content: center;
}
.wrap {

}
.bl1 {
padding-top: 90px;
background: rgb(20, 10, 27);
background: linear-gradient(180deg, rgba(20, 10, 27, 1) 0%, rgb(39 20 57) 49%, rgba(20, 10, 27, 1) 100%); 
}
.p886 {
padding: 30px;
text-align: center;
}
.ccx2 {

}
.tbx {
width: 20%;
text-align: center;
background: #2c1a3a;
padding: 25px;
margin: 1%;
border: 1px #b98dd1 dashed;
}
.ntx {
color: #66fe77;
font-weight: 700;
padding-bottom: 5px;
border-bottom: 1px #422b54 solid;
}
.valtx {
padding-top: 15px;
}
.tb79 {
margin: 22px auto 0 auto;
padding-bottom: 45px;
}
.tb79 tr {
}
.tb79 th {
border-left: 1px #5c2e76 dashed;
border-bottom: 3px #5c2e76 dashed;
padding: 5px 20px;
color: #d767ff;
font-weight: 700;
}
.tb79 th:first-child {
border-left: none;
}
.tb79 td {
border-left: 1px #5c2e76 dashed;
text-align: center;
padding: 5px 10px;
border-bottom: 1px #5c2e76 dashed;
}
.tb79 td:first-child {
border-left: none;
}
.lin1 {
height: 65px;
width: 100%;
background: #140a1b;
background-image: url(../img/basic/home/linXivi.webp);
background-repeat: repeat-x;
border-top: 5px #714891 dotted;
border-bottom: 5px #714891 dotted;
background-position: 50% 50%;
}
.bl2 {
background: rgb(20, 10, 27);
background: linear-gradient(180deg, rgba(20, 10, 27, 1) 0%, rgb(14 43 38) 49%, rgb(51 16 32) 100%);
padding: 32px 0;
}
.h2f {
text-align: center;
padding: 30px 0 5px 0;
}
.ul1 {
list-style-position: inside;
padding: 0 20px 30px 20px;
}
.ul1 li {
list-style-type: decimal;
margin: 20px 0;
border-top: 1px #381939 solid;
border-bottom: 1px #381939 solid;
padding: 10px;
}
.bl3 {
background: rgb(20, 10, 27);
background: linear-gradient(180deg, rgb(51 16 32) 0%, rgb(40 36 12) 49%, rgb(51 16 32) 100%);
padding-bottom: 50px;
}
.ggh {
text-align: center;
padding: 30px;
border: 2px #d8ff00 solid;
border-radius: 10% 5% 30% 15%;
width: 70%;
color: #d8ff00;
font-weight: 700;
margin: 0 auto;
}
.ggh2 {
margin: 50px 0 10px 0;
text-align: center;
}
.vfh9 {
width: 70%;
margin: 0 auto;
}
.vfh9 a{
text-align: center;
}
.d5g5 {
padding-bottom: 20px;
font-size: 1.2rem;
color: #d8ff00;
}
.bte7:hover .d5g5 {
color: #00ff56;
}
.bl4 {
background: #220812;
padding: 25px 0;
margin-top: 3px;
}
.footer {
margin-top: 0 !important;
}
.soc12 {
background: #ffffff;
border-radius: 50%;
border: 3px #ffffff solid;
}
.soc12:hover {
background: #ffeb00;
border-color: #ffeb00;
}
.socv {
color: #d8ff00;
font-size: 4rem;
padding: 40px 0 !important;
}

@media screen and (max-width: 970px) {
.p886 {
padding: 30px 5px;
}
.tbx {
width: 75%;
margin: 15px 0;
}
.ccx2 {
flex-direction: column;
align-items: center;
}
.tb79 th {
padding: 5px 0;
}
.ul1 {
padding: 0;
}
.ggh {
width: 95%;
}
.vfh9 {
width: 100%;
}
}