@charset "UTF-8";



body {

    padding: 0;

    margin: 0 auto;

    background: #f3f4f6 !important;

    overflow-x: hidden;

    overflow-y: auto !important;

    font-size: 16px;

    line-height: 1.5;

    width: 100%;

    max-width: 100vw;

    padding-top: 70px;

}



a, a:hover { text-decoration: none; }

pre {}

.container {}



.red { color: #be1625 !important; }

.green { color: #54be16 !important; }

.orange { color: #f18217 !important; }

.pink { color: #f6a68c !important; }

.blue { color: #b7c1e5 !important; }

.black { color: #000 !important; }

.grey { color: #ccc !important; }

.right { float: right; }

.clear { clear: both; }



.layui-header {

    position: fixed;

    top: 0; left: 0; right: 0;

    z-index: 999;

    display: flex;

    justify-content: center;

    align-items: center;

    background-color: #fff;

    max-width: 100%;

    margin: 0 auto;

    height: 44px;

}



.layui-header .site_title { font-size: 1.2rem !important; font-weight: 800; }

.layui-header .site_date {

    border-radius: 5px;

    border: 1px solid #f44336;

    margin-left: 4px;

    padding: 0 2px;

    font-size: 0.9rem;

    color: #f44336;

    display: flex;

    align-items: center;

    font-weight: 800;

}

.layui-header .site_date i { font-size: 0.9rem; padding: 0 1px; }



.layui-footer {

    display: flex; justify-content: center; align-items: center;

    position: fixed; width: 100% !important; bottom: 0;

}

.layui-footer ul {

    display: flex; width: 100%; max-width: 100%;

    border-top: 1px solid #eaeaea; background-color: #fff; padding: 5px 0;

}

.layui-footer ul li {

    width: 20%; display: flex; justify-content: center; align-items: center;

    flex-direction: column; color: #1e90ff;

}

.layui-footer ul li.this { color: #f44336; }

.layui-footer ul li i { font-size: 2rem; padding: 2px 0; }

.layui-footer ul li p { padding: 2px 0; }

.layui-footer ul li.this p { color: #0055ff; }



.layui-container { padding: 0 5px; margin-bottom: 50px; background-color: #fff; max-width: 100% !important; }



.layui-container ul.awardlist li {

    background-image: url(../images/back_index.png);

    background-size: 100% 100%; background-repeat: no-repeat;

    height: 85px; padding: 5px; margin-bottom: 10px;

    display: flex; align-items: center;

}

.layui-container ul li .name { padding-left: 10px; font-size: 1.4rem; font-weight: 800; width: 70px; }

.layui-container ul li .award { width: 100%; display: flex; justify-content: space-around; align-items: center; padding-right: 18px; box-sizing: border-box; }

.layui-container ul li .history { padding: 0 5px; width: 80px; font-size: 1.4rem; white-space: nowrap; word-break: keep-all; overflow: hidden; text-decoration: underline; color: #3b82f6; margin-left: -20px; }

.layui-container ul li .award div.countdown { font-size: 1.6rem; font-weight: 800; color: #6b7280; }

.layui-container ul li .award div.list { display: flex; justify-content: center; align-items: center; flex-direction: column; }

.layui-container ul li .award div.award_num {

    background-size: 100%; background-repeat: no-repeat; background-position: center;

    padding: 7%; min-height: 36px; min-width: 36px;

    display: flex; justify-content: center; align-items: center;

    color: #000 !important; font-size: 1.5rem; font-weight: 600;

}

.layui-container ul li .award div.award_num.red { background-image: url(../images/red.png); }

.layui-container ul li .award div.award_num.blue { background-image: url(../images/blue.png); }

.layui-container ul li .award div.award_num.green { background-image: url(../images/green.png); }

.layui-container ul li .award div.award_spe { font-size: 1.6rem; font-weight: 800; height: 45px; }

.layui-container ul li .award div.award_zod { font-size: 1.6rem; font-weight: 800; }

.layui-container ul li .history { text-decoration: underline; color: #3b82f6; }



.layui-container .historylist li .top { display: flex; justify-content: space-between; align-items: center; border-bottom: 0.5px solid #eaeaea; padding: 12px 0; }

.layui-container .historylist li .top .title { font-size: 1.5rem; font-weight: 800; }

.layui-container .historylist li .top .title .issue { color: #3b82f6; }

.layui-container .historylist li .top .date { font-size: 1.5rem; }

.layui-container .historylist .award { padding: 12px 0; }

.layui-container .historylist .award div.award_spe { height: auto; }



.layui-container .trend .list { padding-bottom: 2px; }

.layui-container .trend .list li.class {

    width: 13%; height: 35px; margin-top: 5px;

    display: inline-flex; text-align: center; justify-content: center; align-items: center;

    background-color: #f5f5f5; border-radius: 2px; margin-right: 1%;

}

.layui-container .trend .list.sort li.class,

.layui-container .trend .list.trend li.class { width: 20%; }

.layui-container .trend .list li.class.this { border: 1px solid #cd7f32; color: #cd7f32; background-color: #e7f1ff; }

.layui-container .trend.table { margin-top: 10px; }

.layui-container .trend.table .table-body { height: 440px; overflow: scroll; margin-top: -20px; width: 100%; }

.layui-container .trend.table .type_3 .table-body { height: 840px; }

.layui-container .trend.table .type_4 .table-body { height: 100%; }

.layui-container .trend.table .table-body::-webkit-scrollbar { display: none; }

.layui-container .trend table { margin-bottom: 10px; }

.layui-container .trend table thead { background-color: #fef2f2; }

.layui-container .trend table thead th { padding: 8px 2px; font-size: 1.3rem; }

.layui-container .trend table thead th.blue { background-color: #2780e3; color: #fff !important; font-size: 1.6rem; }

.layui-container .trend table tbody td { padding: 0; font-size: 1.3rem; background-color: #c3d79a; border-color: #000; }

.layui-container .trend table tbody td:first-child { background-color: #f6cdb0; }

.layui-container .trend table tbody.type_4_list td.red,

.layui-container .trend table tbody.type_3_list td.red,

.layui-container .trend table tbody.type_1_list td.red { background-color: #be1625; color: #fff !important; }

.layui-container .trend table td,

.layui-container .trend table th { text-align: center; }

.layui-container .trend table th ul.messagelist li { margin-bottom: 0; }

.layui-container .trend .card { margin-top: 10px; }

.layui-container .trend .layui-card { border: 1px solid #ddd; }

.layui-container .trend .layui-card .layui-card-header { font-size: 1.5rem; font-weight: 800; }



.layui-container .message.banner img { width: 100%; }

.layui-container .message .list { padding-bottom: 2px; }

.layui-container .message .list li.class {

    width: 13%; height: 35px; margin-top: 5px;

    display: inline-flex; text-align: center; justify-content: center; align-items: center;

    background-color: #f5f5f5; border-radius: 2px; margin-right: 1%;

}

.layui-container .message .list li.class.this { border: 1px solid #cd7f32; color: #cd7f32; background-color: #e7f1ff; }

.layui-container ul.messagelist li {

    background-image: url(../images/back_index.png);

    background-size: 100% 100%; background-repeat: no-repeat;

    height: 85px; padding: 5px; margin-bottom: 10px;

    display: flex; align-items: center;

}

.layui-container ul.messagelist li .name { padding-left: 10px; font-size: 1.6rem; font-weight: 800; width: 60px; }

.layui-container ul.messagelist li .award { width: 100%; display: flex; justify-content: space-around; align-items: center; }

.layui-container ul.messagelist li .history { padding: 0 5px; width: 60px; }

.layui-container ul.messagelist li .award div.list { display: flex; justify-content: center; align-items: center; flex-direction: column; margin-top: 0; }

.layui-container ul.messagelist li .award div.award_num {

    background-size: 100%; background-repeat: no-repeat; background-position: center;

    padding: 7%; min-height: 36px; min-width: 36px;

    display: flex; justify-content: center; align-items: center;

    color: #000 !important; font-size: 1.5rem; font-weight: 600;

}

.layui-container ul.messagelist li .award div.award_num.red { background-image: url(../images/red.png); }

.layui-container ul.messagelist li .award div.award_num.blue { background-image: url(../images/blue.png); }

.layui-container ul.messagelist li .award div.award_num.green { background-image: url(../images/green.png); }

.layui-container ul.messagelist li .award div.award_spe { font-size: 1.6rem; font-weight: 800; height: 45px; }

.layui-container ul.messagelist li .award div.award_zod { font-size: 1.6rem; font-weight: 800; }

.layui-container ul.messagelist li .history { text-decoration: underline; color: #3b82f6; }

.layui-container .message .infolist li { margin: 10px 0; text-align: center; }

.layui-container .message .infolist li .title { margin-bottom: 5px; font-size: 3rem; color: #c2e0f4; background-color: #34495e; display: inline-block; }

.layui-container .message .infolist .info img { width: 100%; }



.layui-container .about { margin: 20px 0; }

.layui-container .about .layui-card-header { height: 60px; display: flex; align-items: center; background-color: #e5e5e5; }

.layui-container .about .layui-card-header span { font-size: 2.5rem; margin-right: 5px; }

.layui-container .about .layui-card-header .telegram { color: #2c9fd6; }

.layui-container .about .layui-card-header .whatsapp { color: #46c655; }

.layui-container .about .layui-card-body { font-size: 1.8rem; line-height: 3.6rem; }

.layui-container .about .layui-card-body img { width: 100%; }



.layui-container .choose.main { padding: 10px 0; }

.layui-container .choose.main .choose_input { width: 100%; height: 18rem; border: 0.02rem solid #c2c2c2; padding: 5px; display: flex; justify-content: space-between; }

.layui-container .choose.main .choose_input .chooselist { display: flex; flex-direction: row; flex-wrap: wrap; }

.layui-container .choose.main .choose_input .chooselist li .list div.award_num {

    background-size: 100%; background-repeat: no-repeat; background-position: center;

    padding: 7%; min-height: 32px; min-width: 32px;

    display: flex; justify-content: center; align-items: center;

    color: #000 !important; font-size: 1.5rem; font-weight: 600;

}

.layui-container .choose.main .choose_input .chooselist li .list div.award_num.red { background-image: url(../images/red.png); }

.layui-container .choose.main .choose_input .chooselist li .list div.award_num.blue { background-image: url(../images/blue.png); }

.layui-container .choose.main .choose_input .chooselist li .list div.award_num.green { background-image: url(../images/green.png); }

.layui-container .choose.main .choose_button { display: flex; justify-content: space-between; align-items: center; text-align: center; padding-top: 10px; }

.layui-container .choose.main .choose_button div { width: 45.5%; color: #07c160; border: 0.02rem solid #07c160; height: 35px; font-size: 1.8rem; display: flex; justify-content: center; align-items: center; }

.layui-container .choose.main .choose_button div.copy { cursor: pointer; }

.layui-container .choose .list { padding-bottom: 2px; display: flex; justify-content: space-between; }

.layui-container .choose .list li.class { width: 13%; height: 35px; margin-top: 5px; display: inline-flex; text-align: center; justify-content: center; align-items: center; background-color: #f5f5f5; border-radius: 2px; }

.layui-container .choose .list.choose_1 li.class, .layui-container .choose .list.choose_2 li.class, .layui-container .choose .list.choose_3 li.class, .layui-container .choose .list.choose_7 li.class, .layui-container .choose .list.choose_11 li.class { width: 49.2%; }

.layui-container .choose .list.choose_6 li.class { width: 32.5%; }

.layui-container .choose .list.choose_4 li.class { width: 24.1%; }

.layui-container .choose .list.choose_5 li.class, .layui-container .choose .list.choose_10 li.class, .layui-container .choose .list.choose_12 li.class { width: 19.1%; }

.layui-container .choose .list.choose_8 li.class, .layui-container .choose .list.choose_9 li.class { width: 15.8%; }

.layui-container .choose .list.choose_13 li.class { width: 13.4%; }

.layui-container .choose .list li.class.this { border: 1px solid #cd7f32; color: #cd7f32; background-color: #e7f1ff; }



.layui-container .compound.main { padding: 10px 0; }

.layui-container .compound.main .layui-row { background-color: #f3f4f6 !important; }

.layui-container .compound.main .layui-form-item .layui-form-label { padding: 8px; }

.layui-container .compound.main .layui-form-item .compound_count { color: #ff5722; padding: 0 5px; }

.layui-container .compound.main .chooselist { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; }

.layui-container .compound.main .chooselist li { padding: 5px 2%; }

.layui-container .compound.main .chooselist li.zodiac { padding: 5px 3%; }

.layui-container .compound.main .chooselist li .list div.award_num { background-size: 100%; background-repeat: no-repeat; background-position: center; padding: 7%; min-height: 32px; min-width: 32px; display: flex; justify-content: center; align-items: center; color: #000 !important; font-size: 1.5rem; font-weight: 600; }

.layui-container .compound.main .chooselist li .list div.award_num.red { background-image: url(../images/red.png); }

.layui-container .compound.main .chooselist li .list div.award_num.blue { background-image: url(../images/blue.png); }

.layui-container .compound.main .chooselist li .list div.award_num.green { background-image: url(../images/green.png); }

.layui-container .compound.main .chooselist li .list div.this { filter: grayscale(100%); }

.layui-container .compound.main .layui-card .layui-btn-container button { width: 48%; margin: 0 1%; }

.layui-container .compound.main .layui-card.compound_result .layui-tab-item ul { display: inline-block; width: 100%; text-align: center; }

.layui-container .compound.main .layui-card.compound_result .layui-tab-item ul li { border: 1px solid #fff; font-size: 14px; }

.layui-container .compound.main .layui-card.compound_result .result_group,

.layui-container .compound.main .layui-card.compound_result .result_number,

.layui-container .compound.main .layui-card.compound_result .result_count { color: #ff5722; padding: 0 5px; }