
.bottom-nav a { text-decoration: none; color: #FFFFFF; }
.bottom-nav a:hover { text-decoration: underline; }
.drop-menu {
    position: absolute;
    background: rgb(51, 51, 51);
    inset-inline: 0;
    border: 1px solid rosybrown;
    border-top: 0;
    z-index: 1000;
    padding: 20px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: stretch;
    text-align: center;
}

.drop-menu li { display: flex; flex-direction: column; align-items: center; }
.drop-menu li a { color: #FFFFFF; margin: 0 10px; }
.drop-menu li p { font-weight: 400;}
.drop-menu img { width: 80px; object-fit: contain;}

.home-news { height: 30px; line-height: 30px; overflow: hidden; color: #666; position: relative;}
.home-news .news-title { margin-right: 10px; color: #fff; position: absolute; top: 0; padding: 0 5px; font-size: 16px;}
.notice { flex: 1; padding-left: 30px; color: white; width: inherit; font-size: 14px;}
.-track { width: 100%; white-space: nowrap; overflow: hidden; box-sizing: border-box; margin-left: 0;}
.-track .-track-item {
    display: inline-block;
    padding-left: 100%;
    -webkit-animation: x-marquee 30s linear infinite;
    animation: x-marquee 30s linear infinite;
}
@keyframes x-marquee {
    0% { transform: translate(0); }
    100% { transform: translate(-100%); }
}

.btn-default {
    background: linear-gradient(4deg, #c4983e 0%, #e7ca6a 100%);
    text-align: center;
    padding: 8px 10px;
    border-radius: 5px;
    font-size: 14px;
    color: #FFFFFF !important;
    text-decoration: none;
}
.btn-default:hover { box-shadow: 0 0 3px 1px #f1833e93, 0 0 3px 2px #fbbd1486;}
.btn-default.btn-sm {  padding: 4px; border-radius: 3px; font-size: 12px; text-align: center; }

.recharge-warn { text-align: center; color: red; margin-top: 20px;}
.pkg-list {
    margin-bottom: 1rem; padding: 0;
}

.pkg-item {background: rgba(176, 147, 64, 0.94); border-radius: 10px;padding: 10px;margin-bottom: 20px;overflow: hidden;color: #FFFFFF; font-size: 90%;}
.pkg-item .text-muted { color: #dedee3 !important;}
.pkg-item:hover {border-color: #1f70e6;}
.pkg-item img {border-radius: 5px 5px 0 0;border: 0;}
.pkg-item p {padding: 0;margin: 0;}
.pkg-item .intro {padding: 5px;overflow: hidden;}
.pkg-item .intro a {padding-right: 0;color: #888;}
.pkg-item .choosePkg {float: right;margin: 5px;}

.btn-choose-package { float: right; border-radius: 5px; padding: 6px 10px !important; margin-top: 5px;color: #FFFFFF !important;background: #198754; }
.btn-choose-package i.fa { margin-right: 5px;}
#contactList { display: none; padding: 5px 10px 0 10px; overflow: hidden;}
#contactList li { list-style: none; border-bottom: 1px dashed #cccccc; overflow: hidden;}
#contactList li:last-child { border-bottom: 0;}
#contactList li a { display: block; width: 100%; text-align: center; padding: 5px; color: #333333;}
#contactList li a:focus, #contactList li a:hover {color: #673ab7; font-weight: bold; }

#commCollect {display: flex;align-items: center;justify-content: space-between; background: rebeccapurple; color: #FFFFFF;margin: 10px auto; font-size: 14px; border-radius: 5px; padding: 0.25rem 0.5rem;}
#commCollect .col1 { padding-top: 3px; flex: 1; line-height: 30px; }
#commCollect .col1 button, #commCollect .col2 a { display: block; font-size: 13px; padding: 3px 5px; margin-right: 10px; border: 1px solid transparent; border-radius: 5px; float: right; }
#commCollect .col2 a { margin: 2px 0 0 0; }

.top-balance { color: white; line-height: 34px; float: left; }

.top-balance a { color: burlywood; }

@media screen and (min-width: 740px) {
    .drop-menu img { width: 150px; height: 150px; }
}