body {
    margin: 0;
    padding: 0;
}
div,span,a {
    font-size: unset;
}
.layui-icon {
    font-size: unset;
}
.main-body {
    width: 100%;
    background: #FFFFFF;
    position: relative;
    min-height: 100vh;
    padding-bottom: .4rem;
}
.top-banner-box {
    width: 100%;
    height: 4rem;
    background: url(/assets/sextg/images/top-banner-bg.webp) center top no-repeat;
    background-size: 100% 100%;
}
.top-banner {
    width: 100%;
}
.content-table {
    padding: 0;
    border-radius: .25rem;
    overflow: hidden;
    text-align: center;
    background: #FFFFFF;
    position: relative;
    z-index: 2;
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);
    width: calc(96% - .4rem);
    margin: 0 auto;
    padding-bottom: .3rem;
}
/* .content-table1 {
    padding-bottom: .3rem;
} */
.title-side {
    height: 0.58rem;
    margin-left: .2rem;
}
.title-side-line {
    width: 0.08rem;
    height: 0.3rem;
    background: #9A1032;
    border-radius: .06rem;
    margin-right: .1rem;
}
.title-side-left-fonts {
    color: #2A2A2A;
    font-size: .32rem;
}
.title-side-right {
    color: #747474;
    font-size: .28rem;
}
.to-game-btn {
    width: 70%;
    height: 0.8rem;
    color: #FFFFFF;
    background: #4768C7;
    border-radius: 10px;
    font-size: .3rem;
    margin: .26rem auto 0;
}
.rules-icon {
    margin-left: .1rem;
    height: 0.28rem;
}
.table-list-box {
    border: #B2DBFF 1px solid;
    margin: 0 auto;
    border-radius: .26rem;
    overflow: hidden;
    width: calc(100% - .6rem);
}
.table-list-title {
    background: #B2DBFF;
    /* border-bottom: #D9D9D9 1px solid; */
    height: .88rem;
    font-size: .28rem;
    color: #FFFFFF;
}
.table-list-content {
    background: #F5F5F5;
    height: .88rem;
    color: #747474;
}
.table-content-list-left {
    font-size: .3rem;
}
.table-list-content2 {
    background: #FFFFFF;
}
.table-sub-btn {
    height: 0.68rem;
    width: 68%;
    background: linear-gradient(97deg, #C13C5C 0%, #DA4369 100%);
    border-radius: .1rem;
    font-size: .3rem;
    color: #FFFFFF;
}
.table-sub-btn-disable {
    background: #D7D7D8;
    color: #7E7E7E;
}
.chose-btn-box {
    border: 1px solid #EEEEEE;
    background: #FFFFFF;
    border-radius: .46rem;
    color: #6E6E6E;
    font-size: .28rem;
    width: 72%;
    height: 0.68rem;
}
.chose-btn-box .chose-icon {
    font-size: .24rem;
    color: #3967CB;
    font-weight: bold;
    margin-left: .1rem;
}
.content-table2 {
    margin-top: .4rem;
}
.intro-content {
    border-radius: .16rem;
    padding: 0 .34rem;
    text-align: left;
}
.rules-list-left {
    width: .16rem;
    height: .16rem;
    border-radius: 50%;
    background: #3967CB;
    margin-right: .1rem;
}
.rules-list-right {
    color: #232A37;
    font-size: .32rem;
}
.rules-content-fonts {
    margin-top: .06rem;
    color: #7C8591;
    font-size: .28rem;
    line-height: .48rem;
}
.rules-list-box2 {
    margin-top: .2rem;
}
.rules-title-img {
    display: block;
    margin: .1rem auto;
    height: .48rem;
}
.rules-close-icon {
    position: absolute;
    right: .3rem;
    top: .3rem;
    height: 0.4rem;
}
.rules-content-box {
    width: calc(100% - .6rem);
    margin: .26rem auto 0;
    border-top: 1px solid #C3CAD7;
    padding: .1rem 0 .2rem;
    color: #939393;
    /* font-size: .25rem;
    line-height: 0.4rem;
    word-break: break-all; */
}
.rules-content-list {
    font-size: .25rem;
    color: #939393;
    margin-top: .1rem;
    word-break: break-all;
}
.sub-pop-box {
    border-radius: .16rem;
    overflow: hidden;
}
.sub-pop-line {
    height: 0.16rem;
    background: linear-gradient(90deg, #8B2235 0%, #8A2234 100%);
}
.sub-pop-title {
    height: 1rem;
}
.sub-pop-title-line {
    width: 0.08rem;
    height: 0.34rem;
    border-radius: .06rem;
    background: #9A1032;
}
.sub-pop-title-fonts {
    color: #303030;
    margin-left: .1rem;
    font-size: .32rem;
}
#subPopBox_1, 
#subPopBox_2
{
    border-radius: .16rem;
    overflow: hidden;
    width: 5.8rem;
}
.sub-pop-content {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    font-size: .28rem;
    line-height: .34rem;
}
.sub-pop-content-right {
    color: #000000;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    word-break: break-all;
    max-width: 3.8rem;
}
.sub-pop-content-left {
    color: #939293;
}
.sub-pop-bottom {
    border-top: 1px solid #C3CAD7;
    margin-top: .2rem;
}
.sub-btn {
    width: 50%;
    height: 0.8rem;
    font-size: .3rem;
}
.sub-btn-1 {
    border-right: 1px solid #C3CAD7;
    color: #939293;
}
.sub-btn-2 {
    color: #303030;
}
.sub-popup-body {
    display: none;
    padding: 15px;
    border-radius: 10px;
    background: #000000;
    color: #FFFFFF;
    font-size: 16px;
}
.success-icon, 
.status-check-icon {
    height: .34rem;
    margin-right: .14rem;
}
#rulsePopBody {
    border-radius: .2rem .2rem 0 0;
    background: #F5FAFF;
    padding: .3rem 0 0;
}
.content-title-box {
    background: linear-gradient(to bottom,#DDEFFF,#FFFFFF);
    height: 1rem;
}
.toggle-list {
    height: 0.88rem;
    background: #FFFFFF;
}
.toggle-list:nth-child(even) {
    background: #F5FAFF;
}
.toggle-btn {
    color: #4D4D4D;
    font-size: .3rem;
    height: 0.88rem;
    margin: -.1rem 0 -.3rem;
}
.toggle-icon {
    height: 0.4rem;
}
.toggle-icon2 {
    height: 0.4rem;
    transform: rotate(180deg);
}
.table-list-side {
    width: 50%;
    color: #7C8591;
    font-size: .3rem;
}
.table-list-title-side {
    width: 50%;
    font-size: .28rem;
    color: #50556D;
}
.no-data-list {
    height: 0.88rem;
}
.table-list-side {
    width: 50%;
    font-size: .28rem;
}
.title-side-right {
    margin-right: .2rem;
}
.title-left-line {
    width: 0.08rem;
    height: 0.28rem;
    background: #0567C1;
    border-radius: .08rem;
}
.rules-title-fonts {
    font-size: .34rem;
    color: #201F1F;
    margin-left: .14rem;
}
.records-fonts {
    color: #7C8591;
    font-size: .28rem;
    margin-right: .3rem;
}
.prize-list-box .table-list:nth-child(even) {
    /* background: #F5FAFF; */
}





.green-status {
    color: #24A110;
}
.red-status {
    color: #C60813;
}
.gray-status {
    color: #4D4D4D;
}
.flex-b {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.flex-c {
    display: flex;
    justify-content: center;
    align-items: center;
}
.flex {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.text-c {
    text-align: center;
}
.w50 {
    width: 50%;
}
.w33 {
    width: 33.3%;
}
.bold {
    font-weight: bold;
}
.single-line {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
body .layui-layer-msg {
    min-width: unset;
    border-radius: .1rem;
    overflow: hidden;
}
body .layui-layer {
    min-width: unset;
    height: unset;
    background-color: unset;
    box-shadow: unset;
}