#p12 {display: none;}
    #prov {display: none;}
    #form-control {display: none;}
  
  .btn {
    display: inline-block;
    font-weight: 500;
    line-height: 1.5;
    color: #fff;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    padding: .75rem 1.5rem;
    font-size: 1.1rem;
    border-radius: .475rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

 .signtext {
    position: relative;
    top: 12px;
    color: #cdcdde;
} 
    
 .blok {
    display: none;
}

.footer {color: #858585;}
.footer a {color: #0052ff;}

.polaroid {

  margin-right: 20px;
}

.tanxing {
    display: flex;
    align-items: center;
    margin: 5px;
    min-width: 300px;
}

.neirong {
     color: #a8a8a8;
}

.signed {
    padding: 12px;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 13px;
    color: #0e6a25;
}

.diybutton {
    display: flex;
    padding: 3px;
    gap: 4px;
    border-radius: 8px;
    background-color: #2a2c2f;
    align-items: center;
    justify-content: space-between;
}

.menu {
    display: flex;
    gap: 15px;
    margin-bottom: 18px;
    align-items: center;
    justify-content: space-between;
}
 .btnUrl {
    flex: 1;
    background-color: #2a2c2f;
    color: white;
    border: none;
    padding: 7px;
    border-radius: 6px;
    font-size: 15px;
    cursor: pointer;
    transition: background-color 0.3s;
  }

  .btnUrl:hover {
    background-color: #261ca5; 
  }

  .btnUrl.active {
    background-color: #005de2; 
  }

  .btnUrl:focus {
    outline: none; /* 去除按钮点击时的默认边框 */
  }

.indicator-label {
    font-size: 15px;
}

.swal2-popup .swal2-actions {
    gap: 15px;
}

input.form-control:focus {
  outline: none;
  box-shadow: none;
  border: 1px dotted #4c95f7; 
}
 .file-selected { color: #009f95; }


.btn-danger {
    background-color: #f1416c;
    text-align: center;
    padding: 10px 12px;
    cursor: pointer;
    min-width: 80px;
    color: #ffffff;
    border-radius: 6px;
    border: none;
}

.btn-blue {
    text-align: center;
    padding: 10px 12px;
    cursor: pointer;
    min-width: 80px;
    background-color: #005de2;
    color: #ffffff;
    border-radius: 6px;
    border: none;
}

.btn-blue:hover {
    background-color: #261ca5;
}


@media (min-width: 515px) {
.neirong {font-size: 22px;}
.description {
    max-width: 500px;
    font-size: 14px;
    font-family: usaxhj,pingfang SC, helvetica neue, arial, hiragino sans gb, microsoft yahei ui, microsoft yahei, simsun, sans-serif;
    color: #a8a8a8;
    line-height: 1.5;
}

    .neirong strong {
        margin-bottom: 8px;
        display: inline-block; 
    }
} 

p {
    margin: 0;
}
a{
  text-decoration:none;  /*去下划线*/
cursor: pointer;}  

body.swal2-height-auto  {
    height: auto !important; /* 移除固定高度 */
}

html {
    font-size: 13px!important;
}

@media (max-width: 514px) {
.neirong  {font-size: 17px;}
html {font-size: 12px!important;}
img.logo {
    width: 70;
    height: 70;
}
.description {
font-size: 12px ;
}

.neirong strong {
    margin-bottom: 12px;
    display: inline-block; 
}

}

.row.mt-2 {
    margin-top: 20px;
}

.row {
    flex-wrap: wrap;
    display: flex;
    gap: 18px;
    justify-content: center;
}

.col {
    text-align: center;
    flex: 0 0 auto;
    width:100%;
}

form {
    margin: 0;
}

@media (min-width: 576px){.p-lg-5 {
    width: 550px !important;
}

.col {width: calc(50% - 9px);}

} 

@media (min-width: 683px){.p-lg-5 {
    width: 650px !important;
}} 


body {
    background-color: #161821;
    font-size: 13px!important;
    margin: 0;
    padding: 0;
    color: #fff;
}

*, ::after, ::before {
    box-sizing: border-box;
}

label {
    display: inline-block;
}
.form-label {
    cursor: pointer;
    color: #cdcdde;
    padding: 20px;
    width: 100%;
    height: 100%;
    background: #161821;
    border-radius: .55rem;
    border: 1px dotted #161821;
}

img.logo {
    border-radius: 20%;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}

img.tubiao {
    margin-bottom: 5px;
}

#header {
    background-color: #52ABF8;
    height: 150px;
    width: auto;
}

.card {
    background-color: #2a2c2f;
    margin: 20px auto;
    padding: 22px 20px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    border-radius: 7px;
}

button#uploadipa {
    width: 100%;
    height: 40px;
    padding: 10px;
}

.required:after {
    content: "*";
    position: relative;
    font-size: inherit;
    color: #f1416c;
    padding-left: .25rem;
    font-weight: 700;
}
*, ::after, ::before {
    box-sizing: border-box;
}
.required  {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 13px;
    padding-left: 3px;
    margin-top: 3px;
    display: inline-block;
    max-width: 230px;
}

.form-control {
    width: 100%;
    height: 40px;
    text-align: center;
    padding: .75rem 1rem;
    font-size: 13px;
    line-height: 1.5;
    color: #009f95;
    background-clip: padding-box;
    border: none;
    border-radius: .475rem;
}
.form-label:hover {border: 1px dotted #4c95f7;}     

.scroll-text {
overflow: hidden;
white-space: nowrap;
border: unset;
background-image: unset;
color: #acaeb6;
}


.scroll-auto {
display: inline-block;
font-size:14px;
margin-bottom: 18px;
animation: scroll 19s linear infinite;
}


@keyframes scroll {
0% {
transform: translateX(80%);
}
100% {
transform: translateX(-100%);
}
}


.container {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
    max-width: 600px;
}

.action-btn {
    flex: 1;
    display: flex;
    color: #cdcdde;
    flex-direction: column;
    align-items: center;
    padding: 12px 8px;
    background-color: #2a2c2f;
    min-width: 70px;
    border-radius: 6px;
    gap: 6px;
    justify-content: center;
    min-height: 80px;
    text-decoration: none;
    transition: all 0.3s ease;
}
.action-btn:hover {
transform: translateY(-3px);}

img.app-img {height: 28px;}