.skinRMBMB .am-navbar {
    background: #773434;
    height: 1.5rem;
    line-height: 1.5rem;
}

.skinRMBMB2 .am-navbar {
    background: #773434;
    box-shadow: none;
    height: 60px;
    line-height: 60px;
    padding-top: 7px;

}

.skinRMBMB2 .am-header-skin {
    background: #773434;
    height: 56px;
    line-height: 56px;
}

.skinRMBMB2 #backUrl {
    padding-left: 50px;
    background: url(/Content/mobile/images/icon/icon5.png) no-repeat left center;
    background-size: 13px 20px;
    display: block;
    height: 56px;
    line-height: 55px;
}

.skinRMBMB2 .am-header-skin .am-header-title {
    font-size: 22px;
    font-weight: 400;
}

.skinRMBMB2 .am-btn-success,
.skinRMBMB2 .am-btn-skin {
    background: #e97070;
    border-radius: 4px;
    font-size: 16px;
    width: 90%;
    margin: auto;
    padding: 5px;
}

.skinRMBMB2 .am-navbar-nav {
    background: #773434;
}

.skinRMBMB .am-navbar-nav,
.skinRMBMB .header {
    background: #773434;
}


.skinRMBMB2 .am-navbar .am-navbar-nav li a {
    color: #fff;
}

.skinRMBMB .am-navbar .am-navbar-nav li a {
    height: 1.5rem;
}

.skinRMBMB .am-navbar-nav a .am-navbar-label {
    color: #f2c3c3;
}

.skinRMBMB .am-navbar-nav a img,
.skinRMBMB2 .am-navbar-nav a img {
    display: none !important;
}

.skinRMBMB .am-navbar-nav a i,
.skinRMBMB2 .am-navbar-nav a i {
    display: inline-block;
    width: 25px;
    height: 25px;
    margin-bottom: 2px;
    background-size: 100%;
}

.skinRMBMB .am-navbar-nav #js-nav-home i,
.skinRMBMB2 .am-navbar-nav #js-nav-home i {
    background-image: url(/Images/index/home.svg);
    background-size: 136%;
    background-position: -5px -5px;
}

.skinRMBMB .am-navbar-nav #js-nav-home.am-active i,
.skinRMBMB2 .am-navbar-nav #js-nav-home.am-active i {
    background-image: url(/Images/index/homeh.svg);
}

.skinRMBMB .am-navbar-nav #js-nav-discount i,
.skinRMBMB2 .am-navbar-nav #js-nav-discount i {
    background-image: url(/Images/index/activety.svg);
}

.skinRMBMB .am-navbar-nav #js-nav-discount.am-active i,
.skinRMBMB2 .am-navbar-nav #js-nav-discount.am-active i {
    background-image: url(/Images/index/activetyh.svg);
}

.skinRMBMB .am-navbar-nav #js-nav-deposit i,
.skinRMBMB2 .am-navbar-nav #js-nav-deposit i {
    background-image: url(/Images/index/wallet.svg);
}

.skinRMBMB .am-navbar-nav #js-nav-deposit.am-active i,
.skinRMBMB2 .am-navbar-nav #js-nav-deposit.am-active i {
    background-image: url(/Images/index/walleth.svg);
}

.skinRMBMB .am-navbar-nav #js-nav-drawNotice i,
.skinRMBMB2 .am-navbar-nav #js-nav-drawNotice i {
    background-image: url(/Images/index/message.svg);
}

.skinRMBMB .am-navbar-nav #js-nav-drawNotice.am-active i,
.skinRMBMB2 .am-navbar-nav #js-nav-drawNotice.am-active i {
    background-image: url(/Images/index/messageh.svg);
}

.skinRMBMB .am-navbar-nav #js-nav-teamInfo i,
.skinRMBMB2 .am-navbar-nav #js-nav-teamInfo i {
    background-image: url(/Images/index/my.svg);
}

.skinRMBMB .am-navbar-nav #js-nav-teamInfo.am-active i,
.skinRMBMB2 .am-navbar-nav .teamInfo.am-active i {
    background-image: url(/Images/index/myh.svg);
}

.skinRMBMB .flexcontent {
    flex-direction: column;
}

.skinRMBMB .hOpen {
    position: fixed;
    top: 1.6rem;
    left: 0;
}

.skinRMBMB .SSC .hOpen {
    padding-left: 100px;
}

.skinRMBMB .flexcontent .tz_tit2 {
    padding-top: 0;
}

.skinRMBMB .flexcontent .tz_tit2:nth-child(1) {
    padding-top: 10px;
}

.skinRMBMB .tz_tit2 .gct_now_hm ul li {
    background-image: url(https://www.fb26k.com/images/lottery/grabBanker-Z6.png);
    width: 0.76rem;
    height: 0.76rem;
    line-height: 0.76rem;
    font-size: 0.36rem;
    color: #ca8c29;
    margin: 0 0.05rem;
}

.skinRMBMB .timeflex {
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    padding-top: 10px;
    padding-bottom: 10px;
}

.skinRMBMB .tz_tit2 p span {
    background: initial;
}

.skinRMBMB .gct_now_sj {
    text-align: left;
    font-size: .44rem;
    font-family: initial;
    line-height: 1;
    color: #e85b5b;
    font-weight: bold;
}

.skinRMBMB .gct_now_sj ul {
    justify-content: flex-start;
}

.skinRMBMB .flexcontent .tz_tit2 .WinningNumber {
    opacity: 0;
}

.skinRMBMB .tz_list_tit.tz_list_tit1 {
    padding: 5px 20px;
}


.skinRMBMB .tz_list_tit span {
    color: #fff;
    background: #f27272;
    height: 35px;
    line-height: 35px;
    border-radius: 3px;
}

.skinRMBMB .kj_tit2 li a {
    border: none;
    height: 30px;
    line-height: 30px;
    border-radius: 3px;
    background: #efe6e6;
    color: #795a5a;
    font-size: 0.32rem;
}

.skinRMBMB .kj_tit2 li:first-child a {
    background: #f27272;
    color: #fff;
}

.skinRMBMB .game_tz {
    margin: 0;
    border: none;
}

.skinRMBMB #wf_xz_div>div {
    position: relative;
    padding-left: 1.2rem;
}

.skinRMBMB #wf_xz_div .tbn_cen {
    padding-left: 0;
    flex-direction:column;
}

.skinRMBMB #wf_xz_div .tbn_cen .clearDiv15 {
    background-color: transparent;
}

.skinRMBMB #wf_xz_div .tbn_cen .tbn_cen_left {
    position: initial;
    transform: initial;
}

.skinRMBMB #wf_xz_div>div>div:nth-child(1) {
    margin: 0;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    color: #625f71;
    background: transparent;

}
    .skinRMBMB #wf_xz_div > div > div:nth-child(1).w_ti {
        max-width: 1.2rem;
    }

    .skinRMBMB #wf_xz_div > div > div:nth-child(1)::before {
        display: none;
    }

/* .skinRMBMB #wf_xz_div>div>div:nth-child(2) {
    position: relative;
    top: 44px;
} */

.skinRMBMB #wf_xz_div>div>div:nth-child(2)>div,
.skinRMBMB .num_group_ww,
.fb-play-group>div:nth-child(1) {
    background: #fad7ce;
    border-color: #fad7ce;
    color: #575569;
    /* width: 1.2rem;
    height: 1.2rem;
    line-height: 1.2rem; */
    margin: 0.06rem 0.25rem 0.2rem;
}

.b_nb .num_group_bw {
    background: -webkit-linear-gradient(top, #fff, #f5f5f5);
    width: .9rem;
    height: .9rem;
    border-radius: 1.14rem;
    border-radius: 100%;
    float: left;
    margin: .15rem 0;
    margin-left: .4rem;
    line-height: .9rem;
    color: #5f6468;
    border: 1px solid #d4d8dd;
    text-align: center;
    width: .9rem;
    height: .9rem;
    line-height: .9rem;
    margin: .06rem;
}

.skinRMBMB #wf_xz_div>div>div:nth-child(2)>div.fb-play-group {
    background: initial;
    border-color: initial;
    margin: 0;
    width: auto;
    height: auto;
    line-height: initial;
    border: none;
    position: relative;
    display: flex;
    flex-direction: column;
}

.skinRMBMB #wf_xz_div>div>div:nth-child(2)>div.fb-play-group .fb-yl-num {
    width: auto;
    height: auto;
    border: none;
    background: initial;
    font-size: 14px;
    line-height: 1;
    display: flex;
    flex-direction: column;
}

.skinRMBMB #wf_xz_div>div>div:nth-child(2)>div.fb-play-group .fb-120rl-num {
    width: auto;
    height: auto;
    border: none;
    background: initial;
    font-size: 14px;
    line-height: 1;
    color: #ce7474;
    text-align: left;
}

.skinRMBMB .num_group_gw,
.skinRMBMB .num_group_sw,
.skinRMBMB .num_group_bw,
.skinRMBMB .num_group_qw,
.skinRMBMB .num_group_ww,
.skinRMBMB .num_group_sw {
    width: 1.2rem;
    height: 1.2rem;
    line-height: 1.2rem;
}

/* .skinRMBMB .s_ball_control {} */

.skinRMBMB #wf_xz_div>div>div:nth-child(3),
.skinRMBMB .w_ball_control {
    width: 100%;
    /* position: relative;
    top: -122px; */
}

.skinRMBMB #wf_xz_div>div>div:nth-child(3) ul,
.skinRMBMB .w_control_hidden ul {
    display: flex;
    justify-content: space-evenly;
}

.skinRMBMB #wf_xz_div>div>div:nth-child(3) ul li>div,
.skinRMBMB .w_control_hidden ul li>div {
    background: #ffe6e6;
    border: 1px dotted #fad7ce;
    color: #575569;
    font-size: 90%;
}

/* .skinRMBMB .s_nb{
    display: flex;
    flex-wrap: wrap;
}
.skinRMBMB .s_nb>div{
    width: 20%;
} */

.skinRMBMB .div_ico.ico_back {
    z-index: 99;
}

.skinRMBMB .input_nums {
    border-radius: 4px;
    width: 100%;
    border-color: #f0cfcf;
    background: #fff9f9;
    transition: all .2s;
    color: #ad8080;
    height: 3.5rem;
    font-size: 0.4rem;
    padding: 2px;
}

.skinRMBMB .tbn_cen_right .lsb,
.skinRMBMB .tbn_cen_right .lsb:hover {
    border-radius: 2px;
    color: #fff;
    background-color: #909399;
    border-color: #909399;
    font-size: 90%;
    width: auto;
    min-width: 75px;
    padding: 0 10px;
}

.skinRMBMB .tbn_cen_right .lsb#lt_write_del,
.skinRMBMB .tbn_cen_right .lsb#lt_write_del:hover {
    color: #fff;
    background: radial-gradient(145.44% 214.05% at 22.09% -36.67%, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 56.9%), linear-gradient(0deg, #de8526 0%, #de8526 100%), radial-gradient(145.44% 214.05% at 22.09% -36.67%, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 56.9%), #de8526;
}

.skinRMBMB .tz_bottom,
.skinRMBMB .wrapperdiv {
    height: auto;
    background: #fff;
    /* padding-bottom: 240px; */
}

.skinRMBMB .wrapperdiv .gf_wf_div {
    margin-bottom: 200px;
}

.skinRMBMB .winningNumber-hide-block {
    display: none;
}

.skinRMBMB .longhu_q_nb,
.skinRMBMB .longhu_b_nb {
    padding-top: 20px;

}

.skinRMBMB .num_group_longhu_qw,
.skinRMBMB .num_group_longhu_bw {
    height: 0.9rem;
    line-height: 0.9rem;
    padding-left: 0.4rem;
    border-radius: 4px;
}

.skinRMBMB .tz_select_tit {
    background: #fff;
}

.skinRMBMB .tz_s_toggle {
    background: #f1f1f1;
    width: calc(100vw - 3rem);
}

.skinRMBMB .tz_select_tit ul li a {
    background: #fff;
    height: 1rem;
    line-height: 1rem;
    font-size: 90%;
}

.skinRMBMB .tz_select_tit ul li a.gf_wf_div_menuulliabg1,
.skinRMBMB .tz_select_tit ul li a:active {
    color: #fff;
    background: #f4815b;
}

.skinRMBMB .gf_wf_div_menu_p ul li input {
    background-color: #eeeeee;
    border: 1px solid #d4d4d4;
    color: #8d8d8d;
}

.skinRMBMB .WinningNumberTitle {
    background: #ffe6e6;
    color: #fe6e35;
}

.skinRMBMB .closewin {
    color: #fe6e35;
}

.skinRMBMB .tz_list2 li span {
    border: none;
}

.skinRMBMB .tz_list2 li p label {
    background-image: url(https://www.fb26k.com/images/lottery/grabBanker-Z6.png);
    color: #ca8c29;
}

.skinRMBMB .zh_tit {
    justify-content: center;
    gap: 5px;
}

.skinRMBMB .zh_tit .add_num {
    width: 3.5rem;
}

.skinRMBMB .div_select select {
    width: 100%;
}

.skinRMBMB .c_ff8010 {
    color: #fd8c2b;
}

.skinRMBMB .tz_footer {
    background: #fff;
    border-top: 1px solid #f1f1f1;

}

.skinRMBMB .tz_footer span.span_btn .btn.btn10 {
    line-height: 40px;
    height: 40px;
    color: #fff !important;
}

.skinRMBMB .tz_footer span.span_btn .btn.btn10 br {
    display: none;
}

.skinRMBMB a.btn {
    background: #E08A31;
}

.skinRMBMB .tz_footer span.span_btn .btn.btn1 {
    background: #EC5353;
}

.skinRMBMB .head_tit .modal_tz_head .cont .item h3 {
    border: none;
    color: #e18535;
    font-weight: bold;
}

.skinRMBMB .modal_tz_head .cont .item li a {
    line-height: 0.8rem;
    border-radius: 4px;
    color: #60616c;
    border: 1px solid #e3e3e3;
    background: #ffffff80;
}

.skinRMBMB .tz_list_ts_web {
    background: #fff;
}

.skinRMBMB .tz_list_ts_web p {
    color: #777;
}

.skinRMBMB .nav {
    background: #fff1ea;
}

.skinRMBMB .menu ul li {
    border: none;
    color: #5c5b64;
    font-size: 90%;
    height: 45px;
    line-height: 45px;

}

.skinRMBMB .menu ul li.active {
    color: #fff;
    background: #DC7C49;
}

.skinRMBMB .disk-table {
    padding: 0 10px;
}

.skinRMBMB .grouppanel {
    margin-bottom: 5px;
    margin-top: 5px;
}

.skinRMBMB .grouptitle {
    background: #ffcbbd;
    border-radius: 3px;
    text-align: center;
    color: #6b574e;
    border: none;
    margin-bottom: 5px;
}

.skinRMBMB .balls ul.w50 li {
    width: calc(50% - 10px);
    background: #ffeaea;
    border: none;
    margin: 5px;
    border-radius: 4px;
}

.skinRMBMB .balls ul.group li.active {
    background: #dc7c49 !important;
}

.skinRMBMB .balls ul.group li span:nth-of-type(1) {
    color: inherit;
}

.skinRMBMB .balls ul.group li span:nth-of-type(2) {
    color: #e86b2b;
}

.skinRMBMB .layui-m-layercont>div:nth-child(1) {
    background: #e89d56 !important;
    color: #fff;
}

.skinRMBMB .layui-m-layercont>div:nth-child(4) input {
    background: #e89d56 !important;
}

.skinRMBMB .tr-top tr td {
    background: #f7d6b7;
}

.skinRMBMB .layui-m-layerchild h3 {
    background: #e89d56 !important;
}

.skinRMBMB .PKTEN .hOpen {
    width: 100%;
    padding-left: 160px;
}

.skinRMBMB .PKTEN .hOpen ul {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
    margin: 0;
    display: grid;
    grid-template-columns: repeat(5, 0.8rem);
    gap: 5px;
}

.skinRMBMB .PKTEN .hOpen ul li {
    font-size: 0.32rem;
    font-weight: bold;
    margin: 0;
}

.skinRMBMB .PKTEN .hOpen ul li:nth-child(5) {
    /* margin-right: 80px; */
}

.skinRMBMB .PKTEN .flexcontent .tz_tit2:nth-child(1) p {
    position: relative;
}

.skinRMBMB .PKTEN .flexcontent .tz_tit2:nth-child(1) p span {
    position: absolute;
    top: 20px;
    left: 0;
}

.skinRMBMB .game-ul li {
    border-color: #eee;
}

.skinRMBMB .game-li.active,
.skinRMBMB #fan_4.active,
.skinRMBMB #fan_2.active,
.skinRMBMB #fan_4.active:before,
.skinRMBMB #fan_2.active:before,
.skinRMBMB #fan_4.active:after,
.skinRMBMB #fan_2.active:after,
.skinRMBMB .game-li.active::before,
.skinRMBMB .game-li.active::after {
    cursor: pointer;
    background: #dc7c49 !important;
}

.skinRMBMB .game-li:hover,
.skinRMBMB #fan_4:hover::before,
.skinRMBMB #fan_4:hover::after,
.skinRMBMB #fan_2:hover::before,
.skinRMBMB #fan_2:hover::after {
    background: inherit !important;
}

.skinRMBMB .game-ul li.active {
    background: #dc7c49 !important;
    color: #fff;
}

.skinRMBMB .tz_footer.flex .foot-input {
    margin-top: 0.3rem;
    border-radius: 4px;
    border: 1px solid #ffe5de;
}

.skinRMBMB .am-cf {
/*    background: #a36363;*/
    color: #fff;
    font-size: 90%;
/*    padding: 0 10px;*/
}

.skinRMBMB .am-cf #allHtmls_,
.skinRMBMB .am-cf #selecttotal {
    color: #ffcc05;
}


.skinRMBMB .selGameMode {
    display: flex;
    align-items: center;
    gap: 10px;
    background: #fff;
    padding: 0 15px;
    padding-bottom: 10px;
    position: relative;
}

.skinRMBMB .selGameMode .tipShow2 {
    width: auto;
    height: auto;
    background: initial;
    line-height: 1;
    bottom: 10px;
    right: 0.4rem;
    position: absolute;
    margin: 0.1rem 0 0 0;
    color: #5a576c;
    font-size: 90%;
}

.skinRMBMB .selGameMode span {
    width: 56px;
    height: 32px;
    line-height: 32px;
    background: #a98282;
    color: #fff;
    text-align: center;
    border-radius: 3px;
}


.skinRMBMB .selGameMode span.active {
    background: #f56969;
}

.skinRMBMB .tableLayui_data td {
    padding: 8px 0;
    border-bottom: 1px solid #eee;
}

.skinRMBMB .layui-m-layerbtn span[yes] {
    color: #f56969;
}

.skinRMBMB .kj_tit2 ul {
    padding: 0 0.3rem;
}

.skinRMBMB .kj_tit2 ul li {
    margin-top: 0.2rem;
    margin-bottom: 0.2rem;
}


.skinRMBMB .am-form-group1 {
    border: none;
}

.skinRMBMB .am-list>li {
    border-color: #eee;
}

.skinRMBMB .am-list>li>i {
    font-size: 40%;
    color: #f56969;
}

.skinRMBMB .layui-btn {
    background: #e97070;
}

.skinRMBMB .grzx_tcdl a {
    border-radius: 4px;
    color: #fff;
    background: #e97070;
}

body.skinRMBMB {
    background-color: #fff;
}

.page.page--userCenter .page__background {
    background-color: #fff;
}

.page.page--userCenter .page__content {
    padding-top: 1.2rem;
}

.page.page--userCenter .page__content .onePageSlideItem {
    margin-top: -1.2rem;
    background: #fff;
}

.page.page--userCenter .page__content .onePageSlideItem .tips {
    color: #5e5b71;
}

.page.page--userCenter .page__content .onePageSlideItem .modeSel {
    color: #fff;
    font-weight: bold;
    display: flex;
    align-items: center;
    font-size: 90%;
}

.page.page--userCenter .page__content .onePageSlideItem .modeSel span {
    margin-left: .1rem;
    font-weight: initial;
    margin-right: 0.2rem;
    font-size: 130%;
    display: flex;
    align-items: center;
    color: #fdc73b;
    /* &:before {
                        content: '.';
                        width: 0.7rem;
                        height: 0.7rem;
                        background-image: url(/template/fubang2/images/ico/rmb-mode2.png);
                        background-size: 100% 100%;
                        display: block;
                        color: transparent;
                        margin-right: .08rem;
                    }*/
}

.page.page--userCenter .page__content .onePageSlideItem .modeSel .switchCurrency {
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 100%;
    cursor: pointer;
    padding: 0.23rem 0.32rem 0.21rem;
    margin-right: 0.05rem;
    border-radius: 0.16rem;
    background: #e57f21;
    /*&:hover {
                        opacity: 0.9;
                        img{
                            transform: rotate(180deg);
                        }
                    }
                    img {
                        width: 0.5rem;
                        content: url("/template/fubang2/images/skin/RMB/ico/switch.png");
                        transition: all .2s;
                    }*/
}

.page.page--userCenter .page__content .onePageSlideItem .modeSel .switchCurrency i.el-icon-warning:before {
    background-image: url(/template/fubang2/images/ico/icon-hint3.svg);
    background-repeat: no-repeat;
    background-size: 104%;
    background-position: -.01rem -0.01rem;
    content: " ";
    width: 0.4rem;
    height: 0.4rem;
    display: flex;
    margin-left: 0.1rem;
    margin-top: -0.5rem;
    position: absolute;
    background-color: #fff;
    border-radius: 50%;
}

.page.page--userCenter .loadingMask {
    z-index: 105;
}

.page.page--userCenter .bottomEndLine {
    font-size: 80%;
    padding: 0.4rem 0.3rem;
}

.page.page--userCenter .topbutton {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    display: flex;
    color: #fff;
    height: 1.2rem;
    align-items: center;
    justify-content: space-between;
    z-index: 2;
    padding: 0 0.2rem;
    background: #773434;
}

.page.page--userCenter .topbutton .icon {
    font-size: 120%;
    padding: 0 0.1rem;
}

.page.page--userCenter .topbutton .icon:active {
    opacity: 0.8;
}

.page.page--userCenter .topbutton .tbleft .icon:first-child {
    padding: 0 0.1rem 0 0.2rem;
}

.page.page--userCenter .topbutton .tbright .icon:last-child {
    padding: 0 0.2rem 0 0.1rem;
}

.page.page--userCenter .topbutton .ucenter {
    position: absolute;
    pointer-events: none;
    left: 0;
    right: 0;
    height: inherit;
    display: flex;
    justify-content: center;
    align-items: center;
}

.page.page--userCenter .topinfo {
    line-height: normal;
    background-color: #f7f1f9;
    overflow: hidden;
    position: relative;
    z-index: 1;
    background-repeat: no-repeat;
    background-size: 100%;
    /* margin-top: 1.2rem; */
    padding-bottom: 0.2rem;
    /* .topbackground{
                position: absolute;
                top: 0;
                left: 0;
                bottom: 0;
                right: 0;
                opacity: .2;
                z-index: -1;
            } */
}

.page.page--userCenter .topinfo [class^='border_']:before,
.page.page--userCenter .topinfo [class*=' border_']:before {
    border-color: rgba(255, 255, 255, 0.87);
}

.page.page--userCenter .topinfo:after {
    position: absolute;
    z-index: -1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: '';
}

.page.page--userCenter .topinfo .userinfo {
    padding: 0;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    color: #272834;
    flex-wrap: wrap;
    background: linear-gradient(to right, #ffd69b 0%, #f47ba1 100%);
    margin: 0.2rem 0.2rem 0.2rem;
    border-radius: .2rem;
}

.page.page--userCenter .topinfo .userinfo .avatar {
    margin: .25rem 0.3rem .15rem 0.5rem;
    width: 1.5rem;
    height: 1.5rem;
    border-radius: 100%;
    overflow: hidden;
    display: flex;
    background: #ffe6d8;
    justify-content: center;
    align-items: center;
    background: initial;
}

.page.page--userCenter .topinfo .userinfo .avatar img {
    display: block;
    width: 90%;
}

.page.page--userCenter .topinfo .userinfo .avatar:active {
    opacity: .8;
}

.page.page--userCenter .topinfo .userinfo .serviceChat {
    display: flex;
    background-color: #b04e6c;
    border-radius: 30px;
    padding: 0.14rem 0.25rem;
    flex-direction: row;
    position: absolute;
    margin: 0.4rem 0.47rem 0 0;
    right: 0;
    top: 0;
    font-size: 80%;
    font-weight: bold;
    color: #fff;
}

.page.page--userCenter .topinfo .userinfo .serviceChat:before {
    content: '.';
    width: 0.4rem;
    height: 0.4rem;
    background-size: 100% 100%;
    display: block;
    color: transparent;
    margin-right: .08rem;
    background-image: url(/assets/images/index/icon-serviceChat.svg);
}

.page.page--userCenter .topinfo .userinfo .center {
    display: flex;
    flex-direction: column;
    height: 2rem;
    justify-content: center;
}

.page.page--userCenter .topinfo .userinfo .center .nickname {
    font-weight: bold;
    font-size: 90%;
    text-align: left;
}

.page.page--userCenter .topinfo .userinfo .center .nickname .message {
    font-size: 22px;
}

.page.page--userCenter .topinfo .userinfo .center .addTime {
    color: #272834;
    font-size: 0.37rem;
    margin-top: .05rem;
}

.page.page--userCenter .topinfo .balance-info {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 6rem;
}

.page.page--userCenter .topinfo .balance-info .balance {
    display: flex;
    align-items: center;
    /* height: 1rem; */
    /* width: 8.5rem; */
    border-radius: 8px;
    padding-left: 0.8rem;
    margin: 0 0 0.33rem 0;
    font-size: 0.48rem;
    font-weight: 500;
}

.page.page--userCenter .topinfo .balance-info .balance .refresh-btn {
    font-size: 70%;
    padding: 0.08rem 0.16rem;
    background-color: #c24b59;
    border-radius: 3px;
    color: #fff;
}

.page.page--userCenter .topinfo .balance-info .balance>span+span {
    padding-left: .2rem;
}

.page.page--userCenter .topinfo .balance-info .balance>span .ons-icon {
    transition: opacity .2s;
    color: #fff;
    /* opacity: .5; */
    font-size: 90%;
    vertical-align: middle;
}

.page.page--userCenter .topinfo .balance-info .balance>span .ons-icon.icon-refresh {
    background-color: #D5A323;
    border-radius: 50%;
    padding: 0.13rem;
    width: 0.4rem;
    height: 0.4rem;
    background-image: url(/template/fubang2/images/ico/icon-refresh.svg);
    background-repeat: no-repeat;
    background-size: 0.3rem;
    background-position: center;
}

.page.page--userCenter .topinfo .balance-info .balance>span .ons-icon.spicon {
    vertical-align: middle;
    padding-left: .03rem;
    pointer-events: none;
}

.page.page--userCenter .topinfo .balance-info .balance>span .fe {
    margin-bottom: .1rem;
}

.page.page--userCenter .topinfo .balance-info .balance>span>em {
    font-size: 90%;
}

.page.page--userCenter .topinfo .balance-info .balance>span>span {
    vertical-align: text-bottom;
    line-height: 1;
    color: #c44f3f;
    font-weight: bold;
}

.page.page--userCenter .topinfo .balance-info .balance>span:active {
    opacity: .8;
}

.page.page--userCenter .topinfo .fundsbotton {
    line-height: normal;
    padding: 0 0.3rem;
}

.page.page--userCenter .topinfo .fundsbotton .button2 {
    position: relative;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 0;
    font-weight: bold;
    font-size: 90%;
    text-align: center;
    /* &:before {
                    position: absolute;
                    content: '';
                    width: 1px;
                    height: 2rem;
                    //background-color: #CFD7E8;
                    top: 0.43rem;
                    left: 0;
                } */
}

.page.page--userCenter .topinfo .fundsbotton .button2 .button {
    background-color: transparent;
    color: #4a4355;
}

.page.page--userCenter .topinfo .fundsbotton .button2 .ons-icon {
    display: flex;
    align-items: center;
    margin-bottom: 0.1rem;
}

.page.page--userCenter .topinfo .fundsbotton .button2 .icon-deposit:before {
    content: '';
    background-image: url(/template/fubang2/images/ico/icon-deposit.png);
    background-size: contain;
    background-repeat: no-repeat;
    display: block;
    width: 1.4rem;
    height: 1.4rem;
}

.page.page--userCenter .topinfo .fundsbotton .button2 .icon-transfer:before {
    content: '';
    background-image: url(/template/fubang2/images/ico/icon-withdrawal.png);
    background-size: contain;
    background-repeat: no-repeat;
    display: block;
    width: 1.4rem;
    height: 1.4rem;
}

.page.page--userCenter .topinfo .fundsbotton .button2 .icon-withdrawal:before {
    content: '';
    background-image: url(/template/fubang2/images/ico/icon-transfer.png);
    background-size: contain;
    background-repeat: no-repeat;
    display: block;
    width: 1.4rem;
    height: 1.4rem;
}

.page.page--userCenter .topinfo .fundsbotton .button2 .icon-wallet:before {
    content: '';
    background-image: url(/template/fubang2/images/ico/icon-wallet.png);
    background-size: contain;
    background-repeat: no-repeat;
    display: block;
    width: 1.4rem;
    height: 1.4rem;
}

.page.page--userCenter .list {
    border-radius: 0px;
    font-size: 90%;
}

.page.page--userCenter .list.infoList {
    background: #fff;
    margin-top: 1.6rem;
}

.page.page--userCenter .list.infoList.jlist {
    margin: 0;
    border-radius: unset;
    border-bottom: 1px solid #e8e3f9;
}

.page.page--userCenter .list.infoList.jlist .left {
    justify-content: flex-start !important;
}

.page.page--userCenter .list.infoList .list-item {
    min-height: 1.2rem;
}

.page.page--userCenter .list.infoList .list-item:first-child,
.page.page--userCenter .list.infoList .list-item:last-child {
    min-height: 1.5rem;
}

.page.page--userCenter .list.infoList .list-item .left {
    width: 30%;
    float: right;
    display: flex;
    justify-content: flex-end;
    font-size: 105%;
}

.page.page--userCenter .list.infoList .list-item .center {
    padding-right: 0;
    padding-left: 0.2rem;
}

.page.page--userCenter .list.infoList .list-item .center span:first-child {
    margin-right: .1rem;
}

.page.page--userCenter .list.infoList .list-item .right {
    display: flex;
    align-items: center;
}

.page.page--userCenter .list.infoList .list-item .star.fe-icon-star2:before {
    font-size: 19px;
    color: red;
    padding-right: .1rem;
}

.page.page--userCenter .list.listCard {
    background: #fff;
    border-bottom: 1px solid #e8e3f9;
}

.page.page--userCenter .list.listCard .list-item {
    min-height: 1.2rem;
}

.page.page--userCenter .list.listCard .list-item .left {
    display: flex;
    padding: 0.25rem 0.0rem;
    align-items: flex-start;
    flex-direction: column;
}

.page.page--userCenter .list.listCard .list-item .left div:first-child {
    font-size: 100%;
    font-weight: bold;
    color: #a5a0af;
    display: flex;
}

.page.page--userCenter .list.listCard .list-item .left div:last-child {
    font-size: 85%;
    color: #BDBDBD;
}

.page.page--userCenter .list.listCard .list-item .left i.el-icon-warning:before {
    background-image: url(/template/fubang2/images/ico/icon-hint.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position-y: .05rem;
    content: " ";
    width: 0.4rem;
    height: 0.5rem;
    display: flex;
    margin-left: .05rem;
}

.page.page--userCenter .list .right .bSet,
.page.page--userCenter .list .right .bEdit,
.page.page--userCenter .list .right .bDone {
    font-size: 80%;
    right: 0.3rem;
    position: absolute;
    padding: 0.11rem 0;
    background-color: #F25554;
    border-radius: .1rem;
    color: #fff;
    margin-right: 0.1rem;
    width: 1.23rem;
    text-align: center;
    font-size: 100%;
}

.page.page--userCenter .list .right .bEdit {
    background-color: #65498E;
}

.page.page--userCenter .list .right .bDone {
    background-color: #999999;
}

.page.page--userCenter .list .list-item {
    min-height: 1.4rem;
    border-bottom: 1px solid #e8e3f9;
    color: #62616b;
}

.page.page--userCenter .list .list-item:last-child {
    border-bottom: 0;
}

.page.page--userCenter .list .list-item.my:before,
.page.page--userCenter .list .list-item.report:before,
.page.page--userCenter .list .list-item.WDrecord:before,
.page.page--userCenter .list .list-item.invite:before,
.page.page--userCenter .list .list-item.team:before,
.page.page--userCenter .list .list-item.msg:before,
.page.page--userCenter .list .list-item.logo:before {
    content: '';
    background-color: #EC712E;
    background-size: 53%;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 65%;
    display: block;
    width: 0.6rem;
    height: 0.6rem;
    margin-right: 0.2rem;
}

.page.page--userCenter .list .list-item.my:before {
    background-image: url(/template/fubang2/images/ico/icon-my.svg?v0901);
}

.page.page--userCenter .list .list-item.report:before {
    background-image: url(/template/fubang2/images/ico/icon-report.svg?v0901);
}

.page.page--userCenter .list .list-item.WDrecord:before {
    background-image: url(/template/fubang2/images/ico/icon-WDrecord.svg?v0901);
    background-size: 57%;
}

.page.page--userCenter .list .list-item.invite:before {
    background-image: url(/template/fubang2/images/ico/icon-invite.svg?v0901);
    background-size: 63%;
}

.page.page--userCenter .list .list-item.team:before {
    background-image: url(/template/fubang2/images/ico/icon-team.svg?v0901);
    background-size: 60%;
}

.page.page--userCenter .list .list-item.msg:before {
    background-image: url(/template/fubang2/images/ico/icon-msg.svg?v0901);
    background-size: 52%;
}

.page.page--userCenter .list .list-item.logo:before {
    background-image: url(/template/fubang2/images/ico/icon-logo.svg?v0901);
    background-size: 65%;
}

.page.page--userCenter .list.subPageList {
    margin-top: 1.5rem;
    background: #fff;
}

.page.page--userCenter .list.subPageList .list-item {
    min-height: 1.2rem;
    display: flex;
    flex-direction: column;
    border: 0;
    background: #f7f1f9;
    padding: 0.1rem 0.4rem;
}

.page.page--userCenter .list.subPageList .list-item.list-item--button {
    margin: 0.5rem 0.05rem 0 .01rem;
    min-height: 1.4rem;
    font-size: 110%;
    background: unset;
}

.page.page--userCenter .list.subPageList .list-item.list-item--button .button {
    background-color: #E77F43;
    border-radius: 0.1rem;
    width: 97%;
}

.page.page--userCenter .list.subPageList .list-item:first-child {
    border-radius: .1rem .1rem 0 0;
}

.page.page--userCenter .list.subPageList .list-item:nth-last-child(2) {
    border-radius: 0 0 .1rem .1rem;
    padding-bottom: 0.3rem;
}

.page.page--userCenter .list.subPageList .list-item.list-item--chevron:before {
    border-right: 1px solid #bbb;
    border-bottom: 1px solid #bbb;
    width: .22rem;
    height: .22rem;
    right: 0.8rem;
    top: 1.6rem;
}

.page.page--userCenter .list.subPageList .list-item .list-item__top {
    min-height: 1.2rem;
}

.page.page--userCenter .list.subPageList .list-item .center {
    order: 1;
    font-size: 90%;
    background: #fff;
    padding: 0 0.3rem;
    width: 100%;
    margin-bottom: 0.2rem;
    line-height: 1rem;
    font-size: 110%;
    box-sizing: border-box;
}

.page.page--userCenter .list.subPageList .list-item .center.password {
    background-image: url(/template/fubang2/images/login/lock.png);
    background-repeat: no-repeat;
    background-size: 0.6rem;
    background-position: 0.3rem 0.2rem;
}

.page.page--userCenter .list.subPageList .list-item .center.password input {
    padding-left: 0.8rem;
}

.page.page--userCenter .list.subPageList .left {
    font-size: 110%;
    white-space: nowrap;
    line-height: 1;
    margin-left: 0.1rem;
}

.page.page--userCenter .list .center .star+.star {
    padding-left: 0.05rem;
}

.page.page--userCenter .list .right.small {
    font-size: 90%;
}

.page.page--userCenter .list .danger {
    color: #f56c6c;
}

.page.page--userCenter .list .warning {
    color: #e6a23c;
}

.page.page--userCenter .list .success {
    color: #67c23a;
}

.page.page--userCenter .list .exinfo>div {
    padding: 0.2rem 0 0.2rem 0.2rem;
    font-size: 90%;
}

.page.page--userCenter .list .exinfo>div:before {
    border-color: rgba(0, 0, 0, 0.08);
}

.page.page--userCenter .list .exinfo>div i {
    padding-right: 0.1rem;
}

.page.page--userCenter .list .exinfo>div span {
    color: #C32D37;
    padding: 0 0.1rem;
}

.page.page--userCenter .list .exinfo>div em {
    padding: 0 0.1rem;
}

.page.page--userCenter .list .exlist {
    background: #F7F0F9;
    font-size: 95%;
    padding: 0rem 1.2rem;
    text-align: center;
}

.page.page--userCenter .list .exlist>div {
    padding: 0.2rem 0;
}

.page.page--userCenter .list .exlist .qrcodeImg {
    display: flex;
    align-items: center;
    justify-content: center;
}

.page.page--userCenter .list .exlist .qrcodeImg>span {
    width: 6rem;
    height: 6rem;
    display: block;
    background-size: cover;
}

.page.page--userCenter .list .exlist .nopaddingtop {
    padding-top: 0;
}

.page.page--userCenter .list .exlist .exxlist {
    font-size: 90%;
    background-color: rgba(0, 0, 0, 0.03);
    border-radius: 5px;
    padding: 0.15rem 0.3rem;
}

.page.page--userCenter .list .exlist .exxlist>div {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.page.page--userCenter .list .exlist .exxlist>div:first-child {
    padding-bottom: 0.15rem;
    margin-bottom: 0.15rem;
}

.page.page--userCenter .list .exlist .exxlist>div:first-child:before {
    border-color: rgba(0, 0, 0, 0.08);
}

.page.page--userCenter .list .exlist .exxlist>div .copy {
    color: #C32D37;
    font-size: 120%;
}

.page.page--userCenter .avatarlist {
    display: flex;
    flex-wrap: wrap;
    padding-top: 2.2rem;
}

.page.page--userCenter .avatarlist>span {
    flex: 0 0 18%;
    margin-bottom: 0.3rem;
    transition: all 0.2s;
    border-radius: 5px;
    overflow: hidden;
}

.page.page--userCenter .avatarlist>span+span {
    margin-left: 2.5%;
}

.page.page--userCenter .avatarlist>span:nth-child(5n + 1):nth-last-child(-n + 5),
.page.page--userCenter .avatarlist>span:nth-child(5n + 1):nth-last-child(-n + 5)~span {
    margin-bottom: 0;
}

.page.page--userCenter .avatarlist>span:nth-child(5n + 1) {
    margin-left: 0;
}

.page.page--userCenter .avatarlist>span:active {
    opacity: 0.8;
}

.page.page--userCenter .avatarlist>span.selected {
    box-shadow: 0 0 10px 0px rgba(0, 148, 192, 0.8);
}

.page.page--userCenter .avatarlist>span img {
    width: 100%;
    display: block;
    border: 2px solid #fff;
    box-sizing: border-box;
    border-radius: 5px;
}


/*!
  Ionicons, v2.0.1
  Created by Ben Sperry for the Ionic Framework, http://ionicons.com/
  https://twitter.com/benjsperry  https://twitter.com/ionicframework
  MIT License: https://github.com/driftyco/ionicons

  Android-style icons originally built by Google’s
  Material Design Icons: https://github.com/google/material-design-icons
  used under CC BY http://creativecommons.org/licenses/by/4.0/
  Modified icons to fit ionicon’s grid from original.
*/
@font-face {
    font-family: Ionicons;
    src: url(../fonts/ionicons.eot);
    src: url(../fonts/ionicons.eot) format("embedded-opentype"), url(../fonts/ionicons.ttf) format("truetype"), url(../fonts/ionicons.woff) format("woff"), url(../fonts/ionicons.svg) format("svg");
    font-weight: 400;
    font-style: normal
}

.ion,
.ion-alert-circled:before,
.ion-alert:before,
.ion-android-add-circle:before,
.ion-android-add:before,
.ion-android-alarm-clock:before,
.ion-android-alert:before,
.ion-android-apps:before,
.ion-android-archive:before,
.ion-android-arrow-back:before,
.ion-android-arrow-down:before,
.ion-android-arrow-dropdown-circle:before,
.ion-android-arrow-dropdown:before,
.ion-android-arrow-dropleft-circle:before,
.ion-android-arrow-dropleft:before,
.ion-android-arrow-dropright-circle:before,
.ion-android-arrow-dropright:before,
.ion-android-arrow-dropup-circle:before,
.ion-android-arrow-dropup:before,
.ion-android-arrow-forward:before,
.ion-android-arrow-up:before,
.ion-android-attach:before,
.ion-android-bar:before,
.ion-android-bicycle:before,
.ion-android-boat:before,
.ion-android-bookmark:before,
.ion-android-bulb:before,
.ion-android-bus:before,
.ion-android-calendar:before,
.ion-android-call:before,
.ion-android-camera:before,
.ion-android-cancel:before,
.ion-android-car:before,
.ion-android-cart:before,
.ion-android-chat:before,
.ion-android-checkbox-blank:before,
.ion-android-checkbox-outline-blank:before,
.ion-android-checkbox-outline:before,
.ion-android-checkbox:before,
.ion-android-checkmark-circle:before,
.ion-android-clipboard:before,
.ion-android-close:before,
.ion-android-cloud-circle:before,
.ion-android-cloud-done:before,
.ion-android-cloud-outline:before,
.ion-android-cloud:before,
.ion-android-color-palette:before,
.ion-android-compass:before,
.ion-android-contact:before,
.ion-android-contacts:before,
.ion-android-contract:before,
.ion-android-create:before,
.ion-android-delete:before,
.ion-android-desktop:before,
.ion-android-document:before,
.ion-android-done-all:before,
.ion-android-done:before,
.ion-android-download:before,
.ion-android-drafts:before,
.ion-android-exit:before,
.ion-android-expand:before,
.ion-android-favorite-outline:before,
.ion-android-favorite:before,
.ion-android-film:before,
.ion-android-folder-open:before,
.ion-android-folder:before,
.ion-android-funnel:before,
.ion-android-globe:before,
.ion-android-hand:before,
.ion-android-hangout:before,
.ion-android-happy:before,
.ion-android-home:before,
.ion-android-image:before,
.ion-android-laptop:before,
.ion-android-list:before,
.ion-android-locate:before,
.ion-android-lock:before,
.ion-android-mail:before,
.ion-android-map:before,
.ion-android-menu:before,
.ion-android-microphone-off:before,
.ion-android-microphone:before,
.ion-android-more-horizontal:before,
.ion-android-more-vertical:before,
.ion-android-navigate:before,
.ion-android-notifications-none:before,
.ion-android-notifications-off:before,
.ion-android-notifications:before,
.ion-android-open:before,
.ion-android-options:before,
.ion-android-people:before,
.ion-android-person-add:before,
.ion-android-person:before,
.ion-android-phone-landscape:before,
.ion-android-phone-portrait:before,
.ion-android-pin:before,
.ion-android-plane:before,
.ion-android-playstore:before,
.ion-android-print:before,
.ion-android-radio-button-off:before,
.ion-android-radio-button-on:before,
.ion-android-refresh:before,
.ion-android-remove-circle:before,
.ion-android-remove:before,
.ion-android-restaurant:before,
.ion-android-sad:before,
.ion-android-search:before,
.ion-android-send:before,
.ion-android-settings:before,
.ion-android-share-alt:before,
.ion-android-share:before,
.ion-android-star-half:before,
.ion-android-star-outline:before,
.ion-android-star:before,
.ion-android-stopwatch:before,
.ion-android-subway:before,
.ion-android-sunny:before,
.ion-android-sync:before,
.ion-android-textsms:before,
.ion-android-time:before,
.ion-android-train:before,
.ion-android-unlock:before,
.ion-android-upload:before,
.ion-android-volume-down:before,
.ion-android-volume-mute:before,
.ion-android-volume-off:before,
.ion-android-volume-up:before,
.ion-android-walk:before,
.ion-android-warning:before,
.ion-android-watch:before,
.ion-android-wifi:before,
.ion-aperture:before,
.ion-archive:before,
.ion-arrow-down-a:before,
.ion-arrow-down-b:before,
.ion-arrow-down-c:before,
.ion-arrow-expand:before,
.ion-arrow-graph-down-left:before,
.ion-arrow-graph-down-right:before,
.ion-arrow-graph-up-left:before,
.ion-arrow-graph-up-right:before,
.ion-arrow-left-a:before,
.ion-arrow-left-b:before,
.ion-arrow-left-c:before,
.ion-arrow-move:before,
.ion-arrow-resize:before,
.ion-arrow-return-left:before,
.ion-arrow-return-right:before,
.ion-arrow-right-a:before,
.ion-arrow-right-b:before,
.ion-arrow-right-c:before,
.ion-arrow-shrink:before,
.ion-arrow-swap:before,
.ion-arrow-up-a:before,
.ion-arrow-up-b:before,
.ion-arrow-up-c:before,
.ion-asterisk:before,
.ion-at:before,
.ion-backspace-outline:before,
.ion-backspace:before,
.ion-bag:before,
.ion-battery-charging:before,
.ion-battery-empty:before,
.ion-battery-full:before,
.ion-battery-half:before,
.ion-battery-low:before,
.ion-beaker:before,
.ion-beer:before,
.ion-bluetooth:before,
.ion-bonfire:before,
.ion-bookmark:before,
.ion-bowtie:before,
.ion-briefcase:before,
.ion-bug:before,
.ion-calculator:before,
.ion-calendar:before,
.ion-camera:before,
.ion-card:before,
.ion-cash:before,
.ion-chatbox-working:before,
.ion-chatbox:before,
.ion-chatboxes:before,
.ion-chatbubble-working:before,
.ion-chatbubble:before,
.ion-chatbubbles:before,
.ion-checkmark-circled:before,
.ion-checkmark-round:before,
.ion-checkmark:before,
.ion-chevron-down:before,
.ion-chevron-left:before,
.ion-chevron-right:before,
.ion-chevron-up:before,
.ion-clipboard:before,
.ion-clock:before,
.ion-close-circled:before,
.ion-close-round:before,
.ion-close:before,
.ion-closed-captioning:before,
.ion-cloud:before,
.ion-code-download:before,
.ion-code-working:before,
.ion-code:before,
.ion-coffee:before,
.ion-compass:before,
.ion-compose:before,
.ion-connection-bars:before,
.ion-contrast:before,
.ion-crop:before,
.ion-cube:before,
.ion-disc:before,
.ion-document-text:before,
.ion-document:before,
.ion-drag:before,
.ion-earth:before,
.ion-easel:before,
.ion-edit:before,
.ion-egg:before,
.ion-eject:before,
.ion-email-unread:before,
.ion-email:before,
.ion-erlenmeyer-flask-bubbles:before,
.ion-erlenmeyer-flask:before,
.ion-eye-disabled:before,
.ion-eye:before,
.ion-female:before,
.ion-filing:before,
.ion-film-marker:before,
.ion-fireball:before,
.ion-flag:before,
.ion-flame:before,
.ion-flash-off:before,
.ion-flash:before,
.ion-folder:before,
.ion-fork-repo:before,
.ion-fork:before,
.ion-forward:before,
.ion-funnel:before,
.ion-gear-a:before,
.ion-gear-b:before,
.ion-grid:before,
.ion-hammer:before,
.ion-happy-outline:before,
.ion-happy:before,
.ion-headphone:before,
.ion-heart-broken:before,
.ion-heart:before,
.ion-help-buoy:before,
.ion-help-circled:before,
.ion-help:before,
.ion-home:before,
.ion-icecream:before,
.ion-image:before,
.ion-images:before,
.ion-information-circled:before,
.ion-information:before,
.ion-ionic:before,
.ion-ios-alarm-outline:before,
.ion-ios-alarm:before,
.ion-ios-albums-outline:before,
.ion-ios-albums:before,
.ion-ios-americanfootball-outline:before,
.ion-ios-americanfootball:before,
.ion-ios-analytics-outline:before,
.ion-ios-analytics:before,
.ion-ios-arrow-back:before,
.ion-ios-arrow-down:before,
.ion-ios-arrow-forward:before,
.ion-ios-arrow-left:before,
.ion-ios-arrow-right:before,
.ion-ios-arrow-thin-down:before,
.ion-ios-arrow-thin-left:before,
.ion-ios-arrow-thin-right:before,
.ion-ios-arrow-thin-up:before,
.ion-ios-arrow-up:before,
.ion-ios-at-outline:before,
.ion-ios-at:before,
.ion-ios-barcode-outline:before,
.ion-ios-barcode:before,
.ion-ios-baseball-outline:before,
.ion-ios-baseball:before,
.ion-ios-basketball-outline:before,
.ion-ios-basketball:before,
.ion-ios-bell-outline:before,
.ion-ios-bell:before,
.ion-ios-body-outline:before,
.ion-ios-body:before,
.ion-ios-bolt-outline:before,
.ion-ios-bolt:before,
.ion-ios-book-outline:before,
.ion-ios-book:before,
.ion-ios-bookmarks-outline:before,
.ion-ios-bookmarks:before,
.ion-ios-box-outline:before,
.ion-ios-box:before,
.ion-ios-briefcase-outline:before,
.ion-ios-briefcase:before,
.ion-ios-browsers-outline:before,
.ion-ios-browsers:before,
.ion-ios-calculator-outline:before,
.ion-ios-calculator:before,
.ion-ios-calendar-outline:before,
.ion-ios-calendar:before,
.ion-ios-camera-outline:before,
.ion-ios-camera:before,
.ion-ios-cart-outline:before,
.ion-ios-cart:before,
.ion-ios-chatboxes-outline:before,
.ion-ios-chatboxes:before,
.ion-ios-chatbubble-outline:before,
.ion-ios-chatbubble:before,
.ion-ios-checkmark-empty:before,
.ion-ios-checkmark-outline:before,
.ion-ios-checkmark:before,
.ion-ios-circle-filled:before,
.ion-ios-circle-outline:before,
.ion-ios-clock-outline:before,
.ion-ios-clock:before,
.ion-ios-close-empty:before,
.ion-ios-close-outline:before,
.ion-ios-close:before,
.ion-ios-cloud-download-outline:before,
.ion-ios-cloud-download:before,
.ion-ios-cloud-outline:before,
.ion-ios-cloud-upload-outline:before,
.ion-ios-cloud-upload:before,
.ion-ios-cloud:before,
.ion-ios-cloudy-night-outline:before,
.ion-ios-cloudy-night:before,
.ion-ios-cloudy-outline:before,
.ion-ios-cloudy:before,
.ion-ios-cog-outline:before,
.ion-ios-cog:before,
.ion-ios-color-filter-outline:before,
.ion-ios-color-filter:before,
.ion-ios-color-wand-outline:before,
.ion-ios-color-wand:before,
.ion-ios-compose-outline:before,
.ion-ios-compose:before,
.ion-ios-contact-outline:before,
.ion-ios-contact:before,
.ion-ios-copy-outline:before,
.ion-ios-copy:before,
.ion-ios-crop-strong:before,
.ion-ios-crop:before,
.ion-ios-download-outline:before,
.ion-ios-download:before,
.ion-ios-drag:before,
.ion-ios-email-outline:before,
.ion-ios-email:before,
.ion-ios-eye-outline:before,
.ion-ios-eye:before,
.ion-ios-fastforward-outline:before,
.ion-ios-fastforward:before,
.ion-ios-filing-outline:before,
.ion-ios-filing:before,
.ion-ios-film-outline:before,
.ion-ios-film:before,
.ion-ios-flag-outline:before,
.ion-ios-flag:before,
.ion-ios-flame-outline:before,
.ion-ios-flame:before,
.ion-ios-flask-outline:before,
.ion-ios-flask:before,
.ion-ios-flower-outline:before,
.ion-ios-flower:before,
.ion-ios-folder-outline:before,
.ion-ios-folder:before,
.ion-ios-football-outline:before,
.ion-ios-football:before,
.ion-ios-game-controller-a-outline:before,
.ion-ios-game-controller-a:before,
.ion-ios-game-controller-b-outline:before,
.ion-ios-game-controller-b:before,
.ion-ios-gear-outline:before,
.ion-ios-gear:before,
.ion-ios-glasses-outline:before,
.ion-ios-glasses:before,
.ion-ios-grid-view-outline:before,
.ion-ios-grid-view:before,
.ion-ios-heart-outline:before,
.ion-ios-heart:before,
.ion-ios-help-empty:before,
.ion-ios-help-outline:before,
.ion-ios-help:before,
.ion-ios-home-outline:before,
.ion-ios-home:before,
.ion-ios-infinite-outline:before,
.ion-ios-infinite:before,
.ion-ios-information-empty:before,
.ion-ios-information-outline:before,
.ion-ios-information:before,
.ion-ios-ionic-outline:before,
.ion-ios-keypad-outline:before,
.ion-ios-keypad:before,
.ion-ios-lightbulb-outline:before,
.ion-ios-lightbulb:before,
.ion-ios-list-outline:before,
.ion-ios-list:before,
.ion-ios-location-outline:before,
.ion-ios-location:before,
.ion-ios-locked-outline:before,
.ion-ios-locked:before,
.ion-ios-loop-strong:before,
.ion-ios-loop:before,
.ion-ios-medical-outline:before,
.ion-ios-medical:before,
.ion-ios-medkit-outline:before,
.ion-ios-medkit:before,
.ion-ios-mic-off:before,
.ion-ios-mic-outline:before,
.ion-ios-mic:before,
.ion-ios-minus-empty:before,
.ion-ios-minus-outline:before,
.ion-ios-minus:before,
.ion-ios-monitor-outline:before,
.ion-ios-monitor:before,
.ion-ios-moon-outline:before,
.ion-ios-moon:before,
.ion-ios-more-outline:before,
.ion-ios-more:before,
.ion-ios-musical-note:before,
.ion-ios-musical-notes:before,
.ion-ios-navigate-outline:before,
.ion-ios-navigate:before,
.ion-ios-nutrition-outline:before,
.ion-ios-nutrition:before,
.ion-ios-paper-outline:before,
.ion-ios-paper:before,
.ion-ios-paperplane-outline:before,
.ion-ios-paperplane:before,
.ion-ios-partlysunny-outline:before,
.ion-ios-partlysunny:before,
.ion-ios-pause-outline:before,
.ion-ios-pause:before,
.ion-ios-paw-outline:before,
.ion-ios-paw:before,
.ion-ios-people-outline:before,
.ion-ios-people:before,
.ion-ios-person-outline:before,
.ion-ios-person:before,
.ion-ios-personadd-outline:before,
.ion-ios-personadd:before,
.ion-ios-photos-outline:before,
.ion-ios-photos:before,
.ion-ios-pie-outline:before,
.ion-ios-pie:before,
.ion-ios-pint-outline:before,
.ion-ios-pint:before,
.ion-ios-play-outline:before,
.ion-ios-play:before,
.ion-ios-plus-empty:before,
.ion-ios-plus-outline:before,
.ion-ios-plus:before,
.ion-ios-pricetag-outline:before,
.ion-ios-pricetag:before,
.ion-ios-pricetags-outline:before,
.ion-ios-pricetags:before,
.ion-ios-printer-outline:before,
.ion-ios-printer:before,
.ion-ios-pulse-strong:before,
.ion-ios-pulse:before,
.ion-ios-rainy-outline:before,
.ion-ios-rainy:before,
.ion-ios-recording-outline:before,
.ion-ios-recording:before,
.ion-ios-redo-outline:before,
.ion-ios-redo:before,
.ion-ios-refresh-empty:before,
.ion-ios-refresh-outline:before,
.ion-ios-refresh:before,
.ion-ios-reload:before,
.ion-ios-reverse-camera-outline:before,
.ion-ios-reverse-camera:before,
.ion-ios-rewind-outline:before,
.ion-ios-rewind:before,
.ion-ios-rose-outline:before,
.ion-ios-rose:before,
.ion-ios-search-strong:before,
.ion-ios-search:before,
.ion-ios-settings-strong:before,
.ion-ios-settings:before,
.ion-ios-shuffle-strong:before,
.ion-ios-shuffle:before,
.ion-ios-skipbackward-outline:before,
.ion-ios-skipbackward:before,
.ion-ios-skipforward-outline:before,
.ion-ios-skipforward:before,
.ion-ios-snowy:before,
.ion-ios-speedometer-outline:before,
.ion-ios-speedometer:before,
.ion-ios-star-half:before,
.ion-ios-star-outline:before,
.ion-ios-star:before,
.ion-ios-stopwatch-outline:before,
.ion-ios-stopwatch:before,
.ion-ios-sunny-outline:before,
.ion-ios-sunny:before,
.ion-ios-telephone-outline:before,
.ion-ios-telephone:before,
.ion-ios-tennisball-outline:before,
.ion-ios-tennisball:before,
.ion-ios-thunderstorm-outline:before,
.ion-ios-thunderstorm:before,
.ion-ios-time-outline:before,
.ion-ios-time:before,
.ion-ios-timer-outline:before,
.ion-ios-timer:before,
.ion-ios-toggle-outline:before,
.ion-ios-toggle:before,
.ion-ios-trash-outline:before,
.ion-ios-trash:before,
.ion-ios-undo-outline:before,
.ion-ios-undo:before,
.ion-ios-unlocked-outline:before,
.ion-ios-unlocked:before,
.ion-ios-upload-outline:before,
.ion-ios-upload:before,
.ion-ios-videocam-outline:before,
.ion-ios-videocam:before,
.ion-ios-volume-high:before,
.ion-ios-volume-low:before,
.ion-ios-wineglass-outline:before,
.ion-ios-wineglass:before,
.ion-ios-world-outline:before,
.ion-ios-world:before,
.ion-ipad:before,
.ion-iphone:before,
.ion-ipod:before,
.ion-jet:before,
.ion-key:before,
.ion-knife:before,
.ion-laptop:before,
.ion-leaf:before,
.ion-levels:before,
.ion-lightbulb:before,
.ion-link:before,
.ion-load-a:before,
.ion-load-b:before,
.ion-load-c:before,
.ion-load-d:before,
.ion-location:before,
.ion-lock-combination:before,
.ion-locked:before,
.ion-log-in:before,
.ion-log-out:before,
.ion-loop:before,
.ion-magnet:before,
.ion-male:before,
.ion-man:before,
.ion-map:before,
.ion-medkit:before,
.ion-merge:before,
.ion-mic-a:before,
.ion-mic-b:before,
.ion-mic-c:before,
.ion-minus-circled:before,
.ion-minus-round:before,
.ion-minus:before,
.ion-model-s:before,
.ion-monitor:before,
.ion-more:before,
.ion-mouse:before,
.ion-music-note:before,
.ion-navicon-round:before,
.ion-navicon:before,
.ion-navigate:before,
.ion-network:before,
.ion-no-smoking:before,
.ion-nuclear:before,
.ion-outlet:before,
.ion-paintbrush:before,
.ion-paintbucket:before,
.ion-paper-airplane:before,
.ion-paperclip:before,
.ion-pause:before,
.ion-person-add:before,
.ion-person-stalker:before,
.ion-person:before,
.ion-pie-graph:before,
.ion-pin:before,
.ion-pinpoint:before,
.ion-pizza:before,
.ion-plane:before,
.ion-planet:before,
.ion-play:before,
.ion-playstation:before,
.ion-plus-circled:before,
.ion-plus-round:before,
.ion-plus:before,
.ion-podium:before,
.ion-pound:before,
.ion-power:before,
.ion-pricetag:before,
.ion-pricetags:before,
.ion-printer:before,
.ion-pull-request:before,
.ion-qr-scanner:before,
.ion-quote:before,
.ion-radio-waves:before,
.ion-record:before,
.ion-refresh:before,
.ion-reply-all:before,
.ion-reply:before,
.ion-ribbon-a:before,
.ion-ribbon-b:before,
.ion-sad-outline:before,
.ion-sad:before,
.ion-scissors:before,
.ion-search:before,
.ion-settings:before,
.ion-share:before,
.ion-shuffle:before,
.ion-skip-backward:before,
.ion-skip-forward:before,
.ion-social-android-outline:before,
.ion-social-android:before,
.ion-social-angular-outline:before,
.ion-social-angular:before,
.ion-social-apple-outline:before,
.ion-social-apple:before,
.ion-social-bitcoin-outline:before,
.ion-social-bitcoin:before,
.ion-social-buffer-outline:before,
.ion-social-buffer:before,
.ion-social-chrome-outline:before,
.ion-social-chrome:before,
.ion-social-codepen-outline:before,
.ion-social-codepen:before,
.ion-social-css3-outline:before,
.ion-social-css3:before,
.ion-social-designernews-outline:before,
.ion-social-designernews:before,
.ion-social-dribbble-outline:before,
.ion-social-dribbble:before,
.ion-social-dropbox-outline:before,
.ion-social-dropbox:before,
.ion-social-euro-outline:before,
.ion-social-euro:before,
.ion-social-facebook-outline:before,
.ion-social-facebook:before,
.ion-social-foursquare-outline:before,
.ion-social-foursquare:before,
.ion-social-freebsd-devil:before,
.ion-social-github-outline:before,
.ion-social-github:before,
.ion-social-google-outline:before,
.ion-social-google:before,
.ion-social-googleplus-outline:before,
.ion-social-googleplus:before,
.ion-social-hackernews-outline:before,
.ion-social-hackernews:before,
.ion-social-html5-outline:before,
.ion-social-html5:before,
.ion-social-instagram-outline:before,
.ion-social-instagram:before,
.ion-social-javascript-outline:before,
.ion-social-javascript:before,
.ion-social-linkedin-outline:before,
.ion-social-linkedin:before,
.ion-social-markdown:before,
.ion-social-nodejs:before,
.ion-social-octocat:before,
.ion-social-pinterest-outline:before,
.ion-social-pinterest:before,
.ion-social-python:before,
.ion-social-reddit-outline:before,
.ion-social-reddit:before,
.ion-social-rss-outline:before,
.ion-social-rss:before,
.ion-social-sass:before,
.ion-social-skype-outline:before,
.ion-social-skype:before,
.ion-social-snapchat-outline:before,
.ion-social-snapchat:before,
.ion-social-tumblr-outline:before,
.ion-social-tumblr:before,
.ion-social-tux:before,
.ion-social-twitch-outline:before,
.ion-social-twitch:before,
.ion-social-twitter-outline:before,
.ion-social-twitter:before,
.ion-social-usd-outline:before,
.ion-social-usd:before,
.ion-social-vimeo-outline:before,
.ion-social-vimeo:before,
.ion-social-whatsapp-outline:before,
.ion-social-whatsapp:before,
.ion-social-windows-outline:before,
.ion-social-windows:before,
.ion-social-wordpress-outline:before,
.ion-social-wordpress:before,
.ion-social-yahoo-outline:before,
.ion-social-yahoo:before,
.ion-social-yen-outline:before,
.ion-social-yen:before,
.ion-social-youtube-outline:before,
.ion-social-youtube:before,
.ion-soup-can-outline:before,
.ion-soup-can:before,
.ion-speakerphone:before,
.ion-speedometer:before,
.ion-spoon:before,
.ion-star:before,
.ion-stats-bars:before,
.ion-steam:before,
.ion-stop:before,
.ion-thermometer:before,
.ion-thumbsdown:before,
.ion-thumbsup:before,
.ion-toggle-filled:before,
.ion-toggle:before,
.ion-transgender:before,
.ion-trash-a:before,
.ion-trash-b:before,
.ion-trophy:before,
.ion-tshirt-outline:before,
.ion-tshirt:before,
.ion-umbrella:before,
.ion-university:before,
.ion-unlocked:before,
.ion-upload:before,
.ion-usb:before,
.ion-videocamera:before,
.ion-volume-high:before,
.ion-volume-low:before,
.ion-volume-medium:before,
.ion-volume-mute:before,
.ion-wand:before,
.ion-waterdrop:before,
.ion-wifi:before,
.ion-wineglass:before,
.ion-woman:before,
.ion-wrench:before,
.ion-xbox:before,
.ionicons {
    display: inline-block;
    font-family: Ionicons;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    text-rendering: auto;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.ion-alert:before {
    content: "\f101"
}

.ion-alert-circled:before {
    content: "\f100"
}

.ion-android-add:before {
    content: "\f2c7"
}

.ion-android-add-circle:before {
    content: "\f359"
}

.ion-android-alarm-clock:before {
    content: "\f35a"
}

.ion-android-alert:before {
    content: "\f35b"
}

.ion-android-apps:before {
    content: "\f35c"
}

.ion-android-archive:before {
    content: "\f2c9"
}

.ion-android-arrow-back:before {
    content: "\f2ca"
}

.ion-android-arrow-down:before {
    content: "\f35d"
}

.ion-android-arrow-dropdown:before {
    content: "\f35f"
}

.ion-android-arrow-dropdown-circle:before {
    content: "\f35e"
}

.ion-android-arrow-dropleft:before {
    content: "\f361"
}

.ion-android-arrow-dropleft-circle:before {
    content: "\f360"
}

.ion-android-arrow-dropright:before {
    content: "\f363"
}

.ion-android-arrow-dropright-circle:before {
    content: "\f362"
}

.ion-android-arrow-dropup:before {
    content: "\f365"
}

.ion-android-arrow-dropup-circle:before {
    content: "\f364"
}

.ion-android-arrow-forward:before {
    content: "\f30f"
}

.ion-android-arrow-up:before {
    content: "\f366"
}

.ion-android-attach:before {
    content: "\f367"
}

.ion-android-bar:before {
    content: "\f368"
}

.ion-android-bicycle:before {
    content: "\f369"
}

.ion-android-boat:before {
    content: "\f36a"
}

.ion-android-bookmark:before {
    content: "\f36b"
}

.ion-android-bulb:before {
    content: "\f36c"
}

.ion-android-bus:before {
    content: "\f36d"
}

.ion-android-calendar:before {
    content: "\f2d1"
}

.ion-android-call:before {
    content: "\f2d2"
}

.ion-android-camera:before {
    content: "\f2d3"
}

.ion-android-cancel:before {
    content: "\f36e"
}

.ion-android-car:before {
    content: "\f36f"
}

.ion-android-cart:before {
    content: "\f370"
}

.ion-android-chat:before {
    content: "\f2d4"
}

.ion-android-checkbox:before {
    content: "\f374"
}

.ion-android-checkbox-blank:before {
    content: "\f371"
}

.ion-android-checkbox-outline:before {
    content: "\f373"
}

.ion-android-checkbox-outline-blank:before {
    content: "\f372"
}

.ion-android-checkmark-circle:before {
    content: "\f375"
}

.ion-android-clipboard:before {
    content: "\f376"
}

.ion-android-close:before {
    content: "\f2d7"
}

.ion-android-cloud:before {
    content: "\f37a"
}

.ion-android-cloud-circle:before {
    content: "\f377"
}

.ion-android-cloud-done:before {
    content: "\f378"
}

.ion-android-cloud-outline:before {
    content: "\f379"
}

.ion-android-color-palette:before {
    content: "\f37b"
}

.ion-android-compass:before {
    content: "\f37c"
}

.ion-android-contact:before {
    content: "\f2d8"
}

.ion-android-contacts:before {
    content: "\f2d9"
}

.ion-android-contract:before {
    content: "\f37d"
}

.ion-android-create:before {
    content: "\f37e"
}

.ion-android-delete:before {
    content: "\f37f"
}

.ion-android-desktop:before {
    content: "\f380"
}

.ion-android-document:before {
    content: "\f381"
}

.ion-android-done:before {
    content: "\f383"
}

.ion-android-done-all:before {
    content: "\f382"
}

.ion-android-download:before {
    content: "\f2dd"
}

.ion-android-drafts:before {
    content: "\f384"
}

.ion-android-exit:before {
    content: "\f385"
}

.ion-android-expand:before {
    content: "\f386"
}

.ion-android-favorite:before {
    content: "\f388"
}

.ion-android-favorite-outline:before {
    content: "\f387"
}

.ion-android-film:before {
    content: "\f389"
}

.ion-android-folder:before {
    content: "\f2e0"
}

.ion-android-folder-open:before {
    content: "\f38a"
}

.ion-android-funnel:before {
    content: "\f38b"
}

.ion-android-globe:before {
    content: "\f38c"
}

.ion-android-hand:before {
    content: "\f2e3"
}

.ion-android-hangout:before {
    content: "\f38d"
}

.ion-android-happy:before {
    content: "\f38e"
}

.ion-android-home:before {
    content: "\f38f"
}

.ion-android-image:before {
    content: "\f2e4"
}

.ion-android-laptop:before {
    content: "\f390"
}

.ion-android-list:before {
    content: "\f391"
}

.ion-android-locate:before {
    content: "\f2e9"
}

.ion-android-lock:before {
    content: "\f392"
}

.ion-android-mail:before {
    content: "\f2eb"
}

.ion-android-map:before {
    content: "\f393"
}

.ion-android-menu:before {
    content: "\f394"
}

.ion-android-microphone:before {
    content: "\f2ec"
}

.ion-android-microphone-off:before {
    content: "\f395"
}

.ion-android-more-horizontal:before {
    content: "\f396"
}

.ion-android-more-vertical:before {
    content: "\f397"
}

.ion-android-navigate:before {
    content: "\f398"
}

.ion-android-notifications:before {
    content: "\f39b"
}

.ion-android-notifications-none:before {
    content: "\f399"
}

.ion-android-notifications-off:before {
    content: "\f39a"
}

.ion-android-open:before {
    content: "\f39c"
}

.ion-android-options:before {
    content: "\f39d"
}

.ion-android-people:before {
    content: "\f39e"
}

.ion-android-person:before {
    content: "\f3a0"
}

.ion-android-person-add:before {
    content: "\f39f"
}

.ion-android-phone-landscape:before {
    content: "\f3a1"
}

.ion-android-phone-portrait:before {
    content: "\f3a2"
}

.ion-android-pin:before {
    content: "\f3a3"
}

.ion-android-plane:before {
    content: "\f3a4"
}

.ion-android-playstore:before {
    content: "\f2f0"
}

.ion-android-print:before {
    content: "\f3a5"
}

.ion-android-radio-button-off:before {
    content: "\f3a6"
}

.ion-android-radio-button-on:before {
    content: "\f3a7"
}

.ion-android-refresh:before {
    content: "\f3a8"
}

.ion-android-remove:before {
    content: "\f2f4"
}

.ion-android-remove-circle:before {
    content: "\f3a9"
}

.ion-android-restaurant:before {
    content: "\f3aa"
}

.ion-android-sad:before {
    content: "\f3ab"
}

.ion-android-search:before {
    content: "\f2f5"
}

.ion-android-send:before {
    content: "\f2f6"
}

.ion-android-settings:before {
    content: "\f2f7"
}

.ion-android-share:before {
    content: "\f2f8"
}

.ion-android-share-alt:before {
    content: "\f3ac"
}

.ion-android-star:before {
    content: "\f2fc"
}

.ion-android-star-half:before {
    content: "\f3ad"
}

.ion-android-star-outline:before {
    content: "\f3ae"
}

.ion-android-stopwatch:before {
    content: "\f2fd"
}

.ion-android-subway:before {
    content: "\f3af"
}

.ion-android-sunny:before {
    content: "\f3b0"
}

.ion-android-sync:before {
    content: "\f3b1"
}

.ion-android-textsms:before {
    content: "\f3b2"
}

.ion-android-time:before {
    content: "\f3b3"
}

.ion-android-train:before {
    content: "\f3b4"
}

.ion-android-unlock:before {
    content: "\f3b5"
}

.ion-android-upload:before {
    content: "\f3b6"
}

.ion-android-volume-down:before {
    content: "\f3b7"
}

.ion-android-volume-mute:before {
    content: "\f3b8"
}

.ion-android-volume-off:before {
    content: "\f3b9"
}

.ion-android-volume-up:before {
    content: "\f3ba"
}

.ion-android-walk:before {
    content: "\f3bb"
}

.ion-android-warning:before {
    content: "\f3bc"
}

.ion-android-watch:before {
    content: "\f3bd"
}

.ion-android-wifi:before {
    content: "\f305"
}

.ion-aperture:before {
    content: "\f313"
}

.ion-archive:before {
    content: "\f102"
}

.ion-arrow-down-a:before {
    content: "\f103"
}

.ion-arrow-down-b:before {
    content: "\f104"
}

.ion-arrow-down-c:before {
    content: "\f105"
}

.ion-arrow-expand:before {
    content: "\f25e"
}

.ion-arrow-graph-down-left:before {
    content: "\f25f"
}

.ion-arrow-graph-down-right:before {
    content: "\f260"
}

.ion-arrow-graph-up-left:before {
    content: "\f261"
}

.ion-arrow-graph-up-right:before {
    content: "\f262"
}

.ion-arrow-left-a:before {
    content: "\f106"
}

.ion-arrow-left-b:before {
    content: "\f107"
}

.ion-arrow-left-c:before {
    content: "\f108"
}

.ion-arrow-move:before {
    content: "\f263"
}

.ion-arrow-resize:before {
    content: "\f264"
}

.ion-arrow-return-left:before {
    content: "\f265"
}

.ion-arrow-return-right:before {
    content: "\f266"
}

.ion-arrow-right-a:before {
    content: "\f109"
}

.ion-arrow-right-b:before {
    content: "\f10a"
}

.ion-arrow-right-c:before {
    content: "\f10b"
}

.ion-arrow-shrink:before {
    content: "\f267"
}

.ion-arrow-swap:before {
    content: "\f268"
}

.ion-arrow-up-a:before {
    content: "\f10c"
}

.ion-arrow-up-b:before {
    content: "\f10d"
}

.ion-arrow-up-c:before {
    content: "\f10e"
}

.ion-asterisk:before {
    content: "\f314"
}

.ion-at:before {
    content: "\f10f"
}

.ion-backspace:before {
    content: "\f3bf"
}

.ion-backspace-outline:before {
    content: "\f3be"
}

.ion-bag:before {
    content: "\f110"
}

.ion-battery-charging:before {
    content: "\f111"
}

.ion-battery-empty:before {
    content: "\f112"
}

.ion-battery-full:before {
    content: "\f113"
}

.ion-battery-half:before {
    content: "\f114"
}

.ion-battery-low:before {
    content: "\f115"
}

.ion-beaker:before {
    content: "\f269"
}

.ion-beer:before {
    content: "\f26a"
}

.ion-bluetooth:before {
    content: "\f116"
}

.ion-bonfire:before {
    content: "\f315"
}

.ion-bookmark:before {
    content: "\f26b"
}

.ion-bowtie:before {
    content: "\f3c0"
}

.ion-briefcase:before {
    content: "\f26c"
}

.ion-bug:before {
    content: "\f2be"
}

.ion-calculator:before {
    content: "\f26d"
}

.ion-calendar:before {
    content: "\f117"
}

.ion-camera:before {
    content: "\f118"
}

.ion-card:before {
    content: "\f119"
}

.ion-cash:before {
    content: "\f316"
}

.ion-chatbox:before {
    content: "\f11b"
}

.ion-chatbox-working:before {
    content: "\f11a"
}

.ion-chatboxes:before {
    content: "\f11c"
}

.ion-chatbubble:before {
    content: "\f11e"
}

.ion-chatbubble-working:before {
    content: "\f11d"
}

.ion-chatbubbles:before {
    content: "\f11f"
}

.ion-checkmark:before {
    content: "\f122"
}

.ion-checkmark-circled:before {
    content: "\f120"
}

.ion-checkmark-round:before {
    content: "\f121"
}

.ion-chevron-down:before {
    content: "\f123"
}

.ion-chevron-left:before {
    content: "\f124"
}

.ion-chevron-right:before {
    content: "\f125"
}

.ion-chevron-up:before {
    content: "\f126"
}

.ion-clipboard:before {
    content: "\f127"
}

.ion-clock:before {
    content: "\f26e"
}

.ion-close:before {
    content: "\f12a"
}

.ion-close-circled:before {
    content: "\f128"
}

.ion-close-round:before {
    content: "\f129"
}

.ion-closed-captioning:before {
    content: "\f317"
}

.ion-cloud:before {
    content: "\f12b"
}

.ion-code:before {
    content: "\f271"
}

.ion-code-download:before {
    content: "\f26f"
}

.ion-code-working:before {
    content: "\f270"
}

.ion-coffee:before {
    content: "\f272"
}

.ion-compass:before {
    content: "\f273"
}

.ion-compose:before {
    content: "\f12c"
}

.ion-connection-bars:before {
    content: "\f274"
}

.ion-contrast:before {
    content: "\f275"
}

.ion-crop:before {
    content: "\f3c1"
}

.ion-cube:before {
    content: "\f318"
}

.ion-disc:before {
    content: "\f12d"
}

.ion-document:before {
    content: "\f12f"
}

.ion-document-text:before {
    content: "\f12e"
}

.ion-drag:before {
    content: "\f130"
}

.ion-earth:before {
    content: "\f276"
}

.ion-easel:before {
    content: "\f3c2"
}

.ion-edit:before {
    content: "\f2bf"
}

.ion-egg:before {
    content: "\f277"
}

.ion-eject:before {
    content: "\f131"
}

.ion-email:before {
    content: "\f132"
}

.ion-email-unread:before {
    content: "\f3c3"
}

.ion-erlenmeyer-flask:before {
    content: "\f3c5"
}

.ion-erlenmeyer-flask-bubbles:before {
    content: "\f3c4"
}

.ion-eye:before {
    content: "\f133"
}

.ion-eye-disabled:before {
    content: "\f306"
}

.ion-female:before {
    content: "\f278"
}

.ion-filing:before {
    content: "\f134"
}

.ion-film-marker:before {
    content: "\f135"
}

.ion-fireball:before {
    content: "\f319"
}

.ion-flag:before {
    content: "\f279"
}

.ion-flame:before {
    content: "\f31a"
}

.ion-flash:before {
    content: "\f137"
}

.ion-flash-off:before {
    content: "\f136"
}

.ion-folder:before {
    content: "\f139"
}

.ion-fork:before {
    content: "\f27a"
}

.ion-fork-repo:before {
    content: "\f2c0"
}

.ion-forward:before {
    content: "\f13a"
}

.ion-funnel:before {
    content: "\f31b"
}

.ion-gear-a:before {
    content: "\f13d"
}

.ion-gear-b:before {
    content: "\f13e"
}

.ion-grid:before {
    content: "\f13f"
}

.ion-hammer:before {
    content: "\f27b"
}

.ion-happy:before {
    content: "\f31c"
}

.ion-happy-outline:before {
    content: "\f3c6"
}

.ion-headphone:before {
    content: "\f140"
}

.ion-heart:before {
    content: "\f141"
}

.ion-heart-broken:before {
    content: "\f31d"
}

.ion-help:before {
    content: "\f143"
}

.ion-help-buoy:before {
    content: "\f27c"
}

.ion-help-circled:before {
    content: "\f142"
}

.ion-home:before {
    content: "\f144"
}

.ion-icecream:before {
    content: "\f27d"
}

.ion-image:before {
    content: "\f147"
}

.ion-images:before {
    content: "\f148"
}

.ion-information:before {
    content: "\f14a"
}

.ion-information-circled:before {
    content: "\f149"
}

.ion-ionic:before {
    content: "\f14b"
}

.ion-ios-alarm:before {
    content: "\f3c8"
}

.ion-ios-alarm-outline:before {
    content: "\f3c7"
}

.ion-ios-albums:before {
    content: "\f3ca"
}

.ion-ios-albums-outline:before {
    content: "\f3c9"
}

.ion-ios-americanfootball:before {
    content: "\f3cc"
}

.ion-ios-americanfootball-outline:before {
    content: "\f3cb"
}

.ion-ios-analytics:before {
    content: "\f3ce"
}

.ion-ios-analytics-outline:before {
    content: "\f3cd"
}

.ion-ios-arrow-back:before {
    content: "\f3cf"
}

.ion-ios-arrow-down:before {
    content: "\f3d0"
}

.ion-ios-arrow-forward:before {
    content: "\f3d1"
}

.ion-ios-arrow-left:before {
    content: "\f3d2"
}

.ion-ios-arrow-right:before {
    content: "\f3d3"
}

.ion-ios-arrow-thin-down:before {
    content: "\f3d4"
}

.ion-ios-arrow-thin-left:before {
    content: "\f3d5"
}

.ion-ios-arrow-thin-right:before {
    content: "\f3d6"
}

.ion-ios-arrow-thin-up:before {
    content: "\f3d7"
}

.ion-ios-arrow-up:before {
    content: "\f3d8"
}

.ion-ios-at:before {
    content: "\f3da"
}

.ion-ios-at-outline:before {
    content: "\f3d9"
}

.ion-ios-barcode:before {
    content: "\f3dc"
}

.ion-ios-barcode-outline:before {
    content: "\f3db"
}

.ion-ios-baseball:before {
    content: "\f3de"
}

.ion-ios-baseball-outline:before {
    content: "\f3dd"
}

.ion-ios-basketball:before {
    content: "\f3e0"
}

.ion-ios-basketball-outline:before {
    content: "\f3df"
}

.ion-ios-bell:before {
    content: "\f3e2"
}

.ion-ios-bell-outline:before {
    content: "\f3e1"
}

.ion-ios-body:before {
    content: "\f3e4"
}

.ion-ios-body-outline:before {
    content: "\f3e3"
}

.ion-ios-bolt:before {
    content: "\f3e6"
}

.ion-ios-bolt-outline:before {
    content: "\f3e5"
}

.ion-ios-book:before {
    content: "\f3e8"
}

.ion-ios-book-outline:before {
    content: "\f3e7"
}

.ion-ios-bookmarks:before {
    content: "\f3ea"
}

.ion-ios-bookmarks-outline:before {
    content: "\f3e9"
}

.ion-ios-box:before {
    content: "\f3ec"
}

.ion-ios-box-outline:before {
    content: "\f3eb"
}

.ion-ios-briefcase:before {
    content: "\f3ee"
}

.ion-ios-briefcase-outline:before {
    content: "\f3ed"
}

.ion-ios-browsers:before {
    content: "\f3f0"
}

.ion-ios-browsers-outline:before {
    content: "\f3ef"
}

.ion-ios-calculator:before {
    content: "\f3f2"
}

.ion-ios-calculator-outline:before {
    content: "\f3f1"
}

.ion-ios-calendar:before {
    content: "\f3f4"
}

.ion-ios-calendar-outline:before {
    content: "\f3f3"
}

.ion-ios-camera:before {
    content: "\f3f6"
}

.ion-ios-camera-outline:before {
    content: "\f3f5"
}

.ion-ios-cart:before {
    content: "\f3f8"
}

.ion-ios-cart-outline:before {
    content: "\f3f7"
}

.ion-ios-chatboxes:before {
    content: "\f3fa"
}

.ion-ios-chatboxes-outline:before {
    content: "\f3f9"
}

.ion-ios-chatbubble:before {
    content: "\f3fc"
}

.ion-ios-chatbubble-outline:before {
    content: "\f3fb"
}

.ion-ios-checkmark:before {
    content: "\f3ff"
}

.ion-ios-checkmark-empty:before {
    content: "\f3fd"
}

.ion-ios-checkmark-outline:before {
    content: "\f3fe"
}

.ion-ios-circle-filled:before {
    content: "\f400"
}

.ion-ios-circle-outline:before {
    content: "\f401"
}

.ion-ios-clock:before {
    content: "\f403"
}

.ion-ios-clock-outline:before {
    content: "\f402"
}

.ion-ios-close:before {
    content: "\f406"
}

.ion-ios-close-empty:before {
    content: "\f404"
}

.ion-ios-close-outline:before {
    content: "\f405"
}

.ion-ios-cloud:before {
    content: "\f40c"
}

.ion-ios-cloud-download:before {
    content: "\f408"
}

.ion-ios-cloud-download-outline:before {
    content: "\f407"
}

.ion-ios-cloud-outline:before {
    content: "\f409"
}

.ion-ios-cloud-upload:before {
    content: "\f40b"
}

.ion-ios-cloud-upload-outline:before {
    content: "\f40a"
}

.ion-ios-cloudy:before {
    content: "\f410"
}

.ion-ios-cloudy-night:before {
    content: "\f40e"
}

.ion-ios-cloudy-night-outline:before {
    content: "\f40d"
}

.ion-ios-cloudy-outline:before {
    content: "\f40f"
}

.ion-ios-cog:before {
    content: "\f412"
}

.ion-ios-cog-outline:before {
    content: "\f411"
}

.ion-ios-color-filter:before {
    content: "\f414"
}

.ion-ios-color-filter-outline:before {
    content: "\f413"
}

.ion-ios-color-wand:before {
    content: "\f416"
}

.ion-ios-color-wand-outline:before {
    content: "\f415"
}

.ion-ios-compose:before {
    content: "\f418"
}

.ion-ios-compose-outline:before {
    content: "\f417"
}

.ion-ios-contact:before {
    content: "\f41a"
}

.ion-ios-contact-outline:before {
    content: "\f419"
}

.ion-ios-copy:before {
    content: "\f41c"
}

.ion-ios-copy-outline:before {
    content: "\f41b"
}

.ion-ios-crop:before {
    content: "\f41e"
}

.ion-ios-crop-strong:before {
    content: "\f41d"
}

.ion-ios-download:before {
    content: "\f420"
}

.ion-ios-download-outline:before {
    content: "\f41f"
}

.ion-ios-drag:before {
    content: "\f421"
}

.ion-ios-email:before {
    content: "\f423"
}

.ion-ios-email-outline:before {
    content: "\f422"
}

.ion-ios-eye:before {
    content: "\f425"
}

.ion-ios-eye-outline:before {
    content: "\f424"
}

.ion-ios-fastforward:before {
    content: "\f427"
}

.ion-ios-fastforward-outline:before {
    content: "\f426"
}

.ion-ios-filing:before {
    content: "\f429"
}

.ion-ios-filing-outline:before {
    content: "\f428"
}

.ion-ios-film:before {
    content: "\f42b"
}

.ion-ios-film-outline:before {
    content: "\f42a"
}

.ion-ios-flag:before {
    content: "\f42d"
}

.ion-ios-flag-outline:before {
    content: "\f42c"
}

.ion-ios-flame:before {
    content: "\f42f"
}

.ion-ios-flame-outline:before {
    content: "\f42e"
}

.ion-ios-flask:before {
    content: "\f431"
}

.ion-ios-flask-outline:before {
    content: "\f430"
}

.ion-ios-flower:before {
    content: "\f433"
}

.ion-ios-flower-outline:before {
    content: "\f432"
}

.ion-ios-folder:before {
    content: "\f435"
}

.ion-ios-folder-outline:before {
    content: "\f434"
}

.ion-ios-football:before {
    content: "\f437"
}

.ion-ios-football-outline:before {
    content: "\f436"
}

.ion-ios-game-controller-a:before {
    content: "\f439"
}

.ion-ios-game-controller-a-outline:before {
    content: "\f438"
}

.ion-ios-game-controller-b:before {
    content: "\f43b"
}

.ion-ios-game-controller-b-outline:before {
    content: "\f43a"
}

.ion-ios-gear:before {
    content: "\f43d"
}

.ion-ios-gear-outline:before {
    content: "\f43c"
}

.ion-ios-glasses:before {
    content: "\f43f"
}

.ion-ios-glasses-outline:before {
    content: "\f43e"
}

.ion-ios-grid-view:before {
    content: "\f441"
}

.ion-ios-grid-view-outline:before {
    content: "\f440"
}

.ion-ios-heart:before {
    content: "\f443"
}

.ion-ios-heart-outline:before {
    content: "\f442"
}

.ion-ios-help:before {
    content: "\f446"
}

.ion-ios-help-empty:before {
    content: "\f444"
}

.ion-ios-help-outline:before {
    content: "\f445"
}

.ion-ios-home:before {
    content: "\f448"
}

.ion-ios-home-outline:before {
    content: "\f447"
}

.ion-ios-infinite:before {
    content: "\f44a"
}

.ion-ios-infinite-outline:before {
    content: "\f449"
}

.ion-ios-information:before {
    content: "\f44d"
}

.ion-ios-information-empty:before {
    content: "\f44b"
}

.ion-ios-information-outline:before {
    content: "\f44c"
}

.ion-ios-ionic-outline:before {
    content: "\f44e"
}

.ion-ios-keypad:before {
    content: "\f450"
}

.ion-ios-keypad-outline:before {
    content: "\f44f"
}

.ion-ios-lightbulb:before {
    content: "\f452"
}

.ion-ios-lightbulb-outline:before {
    content: "\f451"
}

.ion-ios-list:before {
    content: "\f454"
}

.ion-ios-list-outline:before {
    content: "\f453"
}

.ion-ios-location:before {
    content: "\f456"
}

.ion-ios-location-outline:before {
    content: "\f455"
}

.ion-ios-locked:before {
    content: "\f458"
}

.ion-ios-locked-outline:before {
    content: "\f457"
}

.ion-ios-loop:before {
    content: "\f45a"
}

.ion-ios-loop-strong:before {
    content: "\f459"
}

.ion-ios-medical:before {
    content: "\f45c"
}

.ion-ios-medical-outline:before {
    content: "\f45b"
}

.ion-ios-medkit:before {
    content: "\f45e"
}

.ion-ios-medkit-outline:before {
    content: "\f45d"
}

.ion-ios-mic:before {
    content: "\f461"
}

.ion-ios-mic-off:before {
    content: "\f45f"
}

.ion-ios-mic-outline:before {
    content: "\f460"
}

.ion-ios-minus:before {
    content: "\f464"
}

.ion-ios-minus-empty:before {
    content: "\f462"
}

.ion-ios-minus-outline:before {
    content: "\f463"
}

.ion-ios-monitor:before {
    content: "\f466"
}

.ion-ios-monitor-outline:before {
    content: "\f465"
}

.ion-ios-moon:before {
    content: "\f468"
}

.ion-ios-moon-outline:before {
    content: "\f467"
}

.ion-ios-more:before {
    content: "\f46a"
}

.ion-ios-more-outline:before {
    content: "\f469"
}

.ion-ios-musical-note:before {
    content: "\f46b"
}

.ion-ios-musical-notes:before {
    content: "\f46c"
}

.ion-ios-navigate:before {
    content: "\f46e"
}

.ion-ios-navigate-outline:before {
    content: "\f46d"
}

.ion-ios-nutrition:before {
    content: "\f470"
}

.ion-ios-nutrition-outline:before {
    content: "\f46f"
}

.ion-ios-paper:before {
    content: "\f472"
}

.ion-ios-paper-outline:before {
    content: "\f471"
}

.ion-ios-paperplane:before {
    content: "\f474"
}

.ion-ios-paperplane-outline:before {
    content: "\f473"
}

.ion-ios-partlysunny:before {
    content: "\f476"
}

.ion-ios-partlysunny-outline:before {
    content: "\f475"
}

.ion-ios-pause:before {
    content: "\f478"
}

.ion-ios-pause-outline:before {
    content: "\f477"
}

.ion-ios-paw:before {
    content: "\f47a"
}

.ion-ios-paw-outline:before {
    content: "\f479"
}

.ion-ios-people:before {
    content: "\f47c"
}

.ion-ios-people-outline:before {
    content: "\f47b"
}

.ion-ios-person:before {
    content: "\f47e"
}

.ion-ios-person-outline:before {
    content: "\f47d"
}

.ion-ios-personadd:before {
    content: "\f480"
}

.ion-ios-personadd-outline:before {
    content: "\f47f"
}

.ion-ios-photos:before {
    content: "\f482"
}

.ion-ios-photos-outline:before {
    content: "\f481"
}

.ion-ios-pie:before {
    content: "\f484"
}

.ion-ios-pie-outline:before {
    content: "\f483"
}

.ion-ios-pint:before {
    content: "\f486"
}

.ion-ios-pint-outline:before {
    content: "\f485"
}

.ion-ios-play:before {
    content: "\f488"
}

.ion-ios-play-outline:before {
    content: "\f487"
}

.ion-ios-plus:before {
    content: "\f48b"
}

.ion-ios-plus-empty:before {
    content: "\f489"
}

.ion-ios-plus-outline:before {
    content: "\f48a"
}

.ion-ios-pricetag:before {
    content: "\f48d"
}

.ion-ios-pricetag-outline:before {
    content: "\f48c"
}

.ion-ios-pricetags:before {
    content: "\f48f"
}

.ion-ios-pricetags-outline:before {
    content: "\f48e"
}

.ion-ios-printer:before {
    content: "\f491"
}

.ion-ios-printer-outline:before {
    content: "\f490"
}

.ion-ios-pulse:before {
    content: "\f493"
}

.ion-ios-pulse-strong:before {
    content: "\f492"
}

.ion-ios-rainy:before {
    content: "\f495"
}

.ion-ios-rainy-outline:before {
    content: "\f494"
}

.ion-ios-recording:before {
    content: "\f497"
}

.ion-ios-recording-outline:before {
    content: "\f496"
}

.ion-ios-redo:before {
    content: "\f499"
}

.ion-ios-redo-outline:before {
    content: "\f498"
}

.ion-ios-refresh:before {
    content: "\f49c"
}

.ion-ios-refresh-empty:before {
    content: "\f49a"
}

.ion-ios-refresh-outline:before {
    content: "\f49b"
}

.ion-ios-reload:before {
    content: "\f49d"
}

.ion-ios-reverse-camera:before {
    content: "\f49f"
}

.ion-ios-reverse-camera-outline:before {
    content: "\f49e"
}

.ion-ios-rewind:before {
    content: "\f4a1"
}

.ion-ios-rewind-outline:before {
    content: "\f4a0"
}

.ion-ios-rose:before {
    content: "\f4a3"
}

.ion-ios-rose-outline:before {
    content: "\f4a2"
}

.ion-ios-search:before {
    content: "\f4a5"
}

.ion-ios-search-strong:before {
    content: "\f4a4"
}

.ion-ios-settings:before {
    content: "\f4a7"
}

.ion-ios-settings-strong:before {
    content: "\f4a6"
}

.ion-ios-shuffle:before {
    content: "\f4a9"
}

.ion-ios-shuffle-strong:before {
    content: "\f4a8"
}

.ion-ios-skipbackward:before {
    content: "\f4ab"
}

.ion-ios-skipbackward-outline:before {
    content: "\f4aa"
}

.ion-ios-skipforward:before {
    content: "\f4ad"
}

.ion-ios-skipforward-outline:before {
    content: "\f4ac"
}

.ion-ios-snowy:before {
    content: "\f4ae"
}

.ion-ios-speedometer:before {
    content: "\f4b0"
}

.ion-ios-speedometer-outline:before {
    content: "\f4af"
}

.ion-ios-star:before {
    content: "\f4b3"
}

.ion-ios-star-half:before {
    content: "\f4b1"
}

.ion-ios-star-outline:before {
    content: "\f4b2"
}

.ion-ios-stopwatch:before {
    content: "\f4b5"
}

.ion-ios-stopwatch-outline:before {
    content: "\f4b4"
}

.ion-ios-sunny:before {
    content: "\f4b7"
}

.ion-ios-sunny-outline:before {
    content: "\f4b6"
}

.ion-ios-telephone:before {
    content: "\f4b9"
}

.ion-ios-telephone-outline:before {
    content: "\f4b8"
}

.ion-ios-tennisball:before {
    content: "\f4bb"
}

.ion-ios-tennisball-outline:before {
    content: "\f4ba"
}

.ion-ios-thunderstorm:before {
    content: "\f4bd"
}

.ion-ios-thunderstorm-outline:before {
    content: "\f4bc"
}

.ion-ios-time:before {
    content: "\f4bf"
}

.ion-ios-time-outline:before {
    content: "\f4be"
}

.ion-ios-timer:before {
    content: "\f4c1"
}

.ion-ios-timer-outline:before {
    content: "\f4c0"
}

.ion-ios-toggle:before {
    content: "\f4c3"
}

.ion-ios-toggle-outline:before {
    content: "\f4c2"
}

.ion-ios-trash:before {
    content: "\f4c5"
}

.ion-ios-trash-outline:before {
    content: "\f4c4"
}

.ion-ios-undo:before {
    content: "\f4c7"
}

.ion-ios-undo-outline:before {
    content: "\f4c6"
}

.ion-ios-unlocked:before {
    content: "\f4c9"
}

.ion-ios-unlocked-outline:before {
    content: "\f4c8"
}

.ion-ios-upload:before {
    content: "\f4cb"
}

.ion-ios-upload-outline:before {
    content: "\f4ca"
}

.ion-ios-videocam:before {
    content: "\f4cd"
}

.ion-ios-videocam-outline:before {
    content: "\f4cc"
}

.ion-ios-volume-high:before {
    content: "\f4ce"
}

.ion-ios-volume-low:before {
    content: "\f4cf"
}

.ion-ios-wineglass:before {
    content: "\f4d1"
}

.ion-ios-wineglass-outline:before {
    content: "\f4d0"
}

.ion-ios-world:before {
    content: "\f4d3"
}

.ion-ios-world-outline:before {
    content: "\f4d2"
}

.ion-ipad:before {
    content: "\f1f9"
}

.ion-iphone:before {
    content: "\f1fa"
}

.ion-ipod:before {
    content: "\f1fb"
}

.ion-jet:before {
    content: "\f295"
}

.ion-key:before {
    content: "\f296"
}

.ion-knife:before {
    content: "\f297"
}

.ion-laptop:before {
    content: "\f1fc"
}

.ion-leaf:before {
    content: "\f1fd"
}

.ion-levels:before {
    content: "\f298"
}

.ion-lightbulb:before {
    content: "\f299"
}

.ion-link:before {
    content: "\f1fe"
}

.ion-load-a:before {
    content: "\f29a"
}

.ion-load-b:before {
    content: "\f29b"
}

.ion-load-c:before {
    content: "\f29c"
}

.ion-load-d:before {
    content: "\f29d"
}

.ion-location:before {
    content: "\f1ff"
}

.ion-lock-combination:before {
    content: "\f4d4"
}

.ion-locked:before {
    content: "\f200"
}

.ion-log-in:before {
    content: "\f29e"
}

.ion-log-out:before {
    content: "\f29f"
}

.ion-loop:before {
    content: "\f201"
}

.ion-magnet:before {
    content: "\f2a0"
}

.ion-male:before {
    content: "\f2a1"
}

.ion-man:before {
    content: "\f202"
}

.ion-map:before {
    content: "\f203"
}

.ion-medkit:before {
    content: "\f2a2"
}

.ion-merge:before {
    content: "\f33f"
}

.ion-mic-a:before {
    content: "\f204"
}

.ion-mic-b:before {
    content: "\f205"
}

.ion-mic-c:before {
    content: "\f206"
}

.ion-minus:before {
    content: "\f209"
}

.ion-minus-circled:before {
    content: "\f207"
}

.ion-minus-round:before {
    content: "\f208"
}

.ion-model-s:before {
    content: "\f2c1"
}

.ion-monitor:before {
    content: "\f20a"
}

.ion-more:before {
    content: "\f20b"
}

.ion-mouse:before {
    content: "\f340"
}

.ion-music-note:before {
    content: "\f20c"
}

.ion-navicon:before {
    content: "\f20e"
}

.ion-navicon-round:before {
    content: "\f20d"
}

.ion-navigate:before {
    content: "\f2a3"
}

.ion-network:before {
    content: "\f341"
}

.ion-no-smoking:before {
    content: "\f2c2"
}

.ion-nuclear:before {
    content: "\f2a4"
}

.ion-outlet:before {
    content: "\f342"
}

.ion-paintbrush:before {
    content: "\f4d5"
}

.ion-paintbucket:before {
    content: "\f4d6"
}

.ion-paper-airplane:before {
    content: "\f2c3"
}

.ion-paperclip:before {
    content: "\f20f"
}

.ion-pause:before {
    content: "\f210"
}

.ion-person:before {
    content: "\f213"
}

.ion-person-add:before {
    content: "\f211"
}

.ion-person-stalker:before {
    content: "\f212"
}

.ion-pie-graph:before {
    content: "\f2a5"
}

.ion-pin:before {
    content: "\f2a6"
}

.ion-pinpoint:before {
    content: "\f2a7"
}

.ion-pizza:before {
    content: "\f2a8"
}

.ion-plane:before {
    content: "\f214"
}

.ion-planet:before {
    content: "\f343"
}

.ion-play:before {
    content: "\f215"
}

.ion-playstation:before {
    content: "\f30a"
}

.ion-plus:before {
    content: "\f218"
}

.ion-plus-circled:before {
    content: "\f216"
}

.ion-plus-round:before {
    content: "\f217"
}

.ion-podium:before {
    content: "\f344"
}

.ion-pound:before {
    content: "\f219"
}

.ion-power:before {
    content: "\f2a9"
}

.ion-pricetag:before {
    content: "\f2aa"
}

.ion-pricetags:before {
    content: "\f2ab"
}

.ion-printer:before {
    content: "\f21a"
}

.ion-pull-request:before {
    content: "\f345"
}

.ion-qr-scanner:before {
    content: "\f346"
}

.ion-quote:before {
    content: "\f347"
}

.ion-radio-waves:before {
    content: "\f2ac"
}

.ion-record:before {
    content: "\f21b"
}

.ion-refresh:before {
    content: "\f21c"
}

.ion-reply:before {
    content: "\f21e"
}

.ion-reply-all:before {
    content: "\f21d"
}

.ion-ribbon-a:before {
    content: "\f348"
}

.ion-ribbon-b:before {
    content: "\f349"
}

.ion-sad:before {
    content: "\f34a"
}

.ion-sad-outline:before {
    content: "\f4d7"
}

.ion-scissors:before {
    content: "\f34b"
}

.ion-search:before {
    content: "\f21f"
}

.ion-settings:before {
    content: "\f2ad"
}

.ion-share:before {
    content: "\f220"
}

.ion-shuffle:before {
    content: "\f221"
}

.ion-skip-backward:before {
    content: "\f222"
}

.ion-skip-forward:before {
    content: "\f223"
}

.ion-social-android:before {
    content: "\f225"
}

.ion-social-android-outline:before {
    content: "\f224"
}

.ion-social-angular:before {
    content: "\f4d9"
}

.ion-social-angular-outline:before {
    content: "\f4d8"
}

.ion-social-apple:before {
    content: "\f227"
}

.ion-social-apple-outline:before {
    content: "\f226"
}

.ion-social-bitcoin:before {
    content: "\f2af"
}

.ion-social-bitcoin-outline:before {
    content: "\f2ae"
}

.ion-social-buffer:before {
    content: "\f229"
}

.ion-social-buffer-outline:before {
    content: "\f228"
}

.ion-social-chrome:before {
    content: "\f4db"
}

.ion-social-chrome-outline:before {
    content: "\f4da"
}

.ion-social-codepen:before {
    content: "\f4dd"
}

.ion-social-codepen-outline:before {
    content: "\f4dc"
}

.ion-social-css3:before {
    content: "\f4df"
}

.ion-social-css3-outline:before {
    content: "\f4de"
}

.ion-social-designernews:before {
    content: "\f22b"
}

.ion-social-designernews-outline:before {
    content: "\f22a"
}

.ion-social-dribbble:before {
    content: "\f22d"
}

.ion-social-dribbble-outline:before {
    content: "\f22c"
}

.ion-social-dropbox:before {
    content: "\f22f"
}

.ion-social-dropbox-outline:before {
    content: "\f22e"
}

.ion-social-euro:before {
    content: "\f4e1"
}

.ion-social-euro-outline:before {
    content: "\f4e0"
}

.ion-social-facebook:before {
    content: "\f231"
}

.ion-social-facebook-outline:before {
    content: "\f230"
}

.ion-social-foursquare:before {
    content: "\f34d"
}

.ion-social-foursquare-outline:before {
    content: "\f34c"
}

.ion-social-freebsd-devil:before {
    content: "\f2c4"
}

.ion-social-github:before {
    content: "\f233"
}

.ion-social-github-outline:before {
    content: "\f232"
}

.ion-social-google:before {
    content: "\f34f"
}

.ion-social-google-outline:before {
    content: "\f34e"
}

.ion-social-googleplus:before {
    content: "\f235"
}

.ion-social-googleplus-outline:before {
    content: "\f234"
}

.ion-social-hackernews:before {
    content: "\f237"
}

.ion-social-hackernews-outline:before {
    content: "\f236"
}

.ion-social-html5:before {
    content: "\f4e3"
}

.ion-social-html5-outline:before {
    content: "\f4e2"
}

.ion-social-instagram:before {
    content: "\f351"
}

.ion-social-instagram-outline:before {
    content: "\f350"
}

.ion-social-javascript:before {
    content: "\f4e5"
}

.ion-social-javascript-outline:before {
    content: "\f4e4"
}

.ion-social-linkedin:before {
    content: "\f239"
}

.ion-social-linkedin-outline:before {
    content: "\f238"
}

.ion-social-markdown:before {
    content: "\f4e6"
}

.ion-social-nodejs:before {
    content: "\f4e7"
}

.ion-social-octocat:before {
    content: "\f4e8"
}

.ion-social-pinterest:before {
    content: "\f2b1"
}

.ion-social-pinterest-outline:before {
    content: "\f2b0"
}

.ion-social-python:before {
    content: "\f4e9"
}

.ion-social-reddit:before {
    content: "\f23b"
}

.ion-social-reddit-outline:before {
    content: "\f23a"
}

.ion-social-rss:before {
    content: "\f23d"
}

.ion-social-rss-outline:before {
    content: "\f23c"
}

.ion-social-sass:before {
    content: "\f4ea"
}

.ion-social-skype:before {
    content: "\f23f"
}

.ion-social-skype-outline:before {
    content: "\f23e"
}

.ion-social-snapchat:before {
    content: "\f4ec"
}

.ion-social-snapchat-outline:before {
    content: "\f4eb"
}

.ion-social-tumblr:before {
    content: "\f241"
}

.ion-social-tumblr-outline:before {
    content: "\f240"
}

.ion-social-tux:before {
    content: "\f2c5"
}

.ion-social-twitch:before {
    content: "\f4ee"
}

.ion-social-twitch-outline:before {
    content: "\f4ed"
}

.ion-social-twitter:before {
    content: "\f243"
}

.ion-social-twitter-outline:before {
    content: "\f242"
}

.ion-social-usd:before {
    content: "\f353"
}

.ion-social-usd-outline:before {
    content: "\f352"
}

.ion-social-vimeo:before {
    content: "\f245"
}

.ion-social-vimeo-outline:before {
    content: "\f244"
}

.ion-social-whatsapp:before {
    content: "\f4f0"
}

.ion-social-whatsapp-outline:before {
    content: "\f4ef"
}

.ion-social-windows:before {
    content: "\f247"
}

.ion-social-windows-outline:before {
    content: "\f246"
}

.ion-social-wordpress:before {
    content: "\f249"
}

.ion-social-wordpress-outline:before {
    content: "\f248"
}

.ion-social-yahoo:before {
    content: "\f24b"
}

.ion-social-yahoo-outline:before {
    content: "\f24a"
}

.ion-social-yen:before {
    content: "\f4f2"
}

.ion-social-yen-outline:before {
    content: "\f4f1"
}

.ion-social-youtube:before {
    content: "\f24d"
}

.ion-social-youtube-outline:before {
    content: "\f24c"
}

.ion-soup-can:before {
    content: "\f4f4"
}

.ion-soup-can-outline:before {
    content: "\f4f3"
}

.ion-speakerphone:before {
    content: "\f2b2"
}

.ion-speedometer:before {
    content: "\f2b3"
}

.ion-spoon:before {
    content: "\f2b4"
}

.ion-star:before {
    content: "\f24e"
}

.ion-stats-bars:before {
    content: "\f2b5"
}

.ion-steam:before {
    content: "\f30b"
}

.ion-stop:before {
    content: "\f24f"
}

.ion-thermometer:before {
    content: "\f2b6"
}

.ion-thumbsdown:before {
    content: "\f250"
}

.ion-thumbsup:before {
    content: "\f251"
}

.ion-toggle:before {
    content: "\f355"
}

.ion-toggle-filled:before {
    content: "\f354"
}

.ion-transgender:before {
    content: "\f4f5"
}

.ion-trash-a:before {
    content: "\f252"
}

.ion-trash-b:before {
    content: "\f253"
}

.ion-trophy:before {
    content: "\f356"
}

.ion-tshirt:before {
    content: "\f4f7"
}

.ion-tshirt-outline:before {
    content: "\f4f6"
}

.ion-umbrella:before {
    content: "\f2b7"
}

.ion-university:before {
    content: "\f357"
}

.ion-unlocked:before {
    content: "\f254"
}

.ion-upload:before {
    content: "\f255"
}

.ion-usb:before {
    content: "\f2b8"
}

.ion-videocamera:before {
    content: "\f256"
}

.ion-volume-high:before {
    content: "\f257"
}

.ion-volume-low:before {
    content: "\f258"
}

.ion-volume-medium:before {
    content: "\f259"
}

.ion-volume-mute:before {
    content: "\f25a"
}

.ion-wand:before {
    content: "\f358"
}

.ion-waterdrop:before {
    content: "\f25b"
}

.ion-wifi:before {
    content: "\f25c"
}

.ion-wineglass:before {
    content: "\f2b9"
}

.ion-woman:before {
    content: "\f25d"
}

.ion-wrench:before {
    content: "\f2ba"
}

.ion-xbox:before {
    content: "\f30c"
}

@font-face {
    font-family: fontello;
    src: url(../fonts/fontello.woff2) format('woff2'), url(../fonts/fontello.woff) format('woff'), url(../fonts/fontello.ttf) format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

[class*=" fe-icon-"]:before,
[class^=fe-icon-]:before {
    font-family: fontello;
    font-style: normal;
    font-weight: 400;
    speak: none;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.fe-icon-soundon:before {
    content: '\efe3'
}

.fe-icon-soundoff:before {
    content: '\efe1'
}

.fe-icon-flag:before {
    content: '\efac'
}

.fe-icon-trash:before {
    content: '\e8f8'
}

.fe-icon-downBig:before {
    content: '\e94a'
}

.fe-icon-rightdir:before {
    content: '\e935'
}

.fe-icon-chartbar:before {
    content: '\e9b6'
}

.fe-icon-qpyl2:before {
    content: '\f361'
}

.fe-icon-money2:before {
    content: '\e9d1'
}

.fe-icon-szcp3l:before {
    content: '\f3a2'
}

.fe-icon-szcp3s:before {
    content: '\f3a3'
}

.fe-icon-link2:before {
    content: '\eab7'
}

.fe-icon-adduser:before {
    content: '\eaa1'
}

.fe-icon-star2:before {
    content: '\e896'
}

.fe-icon-return2:before {
    content: '\ee51'
}

.fe-icon-exchange:before {
    content: '\ed48'
}

.fe-icon-success2:before {
    content: '\ee1b'
}

.fe-icon-success:before {
    content: '\f0bd'
}

.fe-icon-warning2:before {
    content: '\ee37'
}

.fe-icon-error:before {
    content: '\f0bf'
}

.fe-icon-alipay:before {
    content: '\f106'
}

.fe-icon-qrcode:before {
    content: '\f038'
}

.fe-icon-more4:before {
    content: '\e93b'
}

.fe-icon-spin2:before {
    content: '\e884'
}

.fe-icon-spin:before {
    content: '\ee8a'
}

.fe-icon-search:before {
    content: '\e890'
}

.fe-icon-more3:before {
    content: '\f0e2'
}

.fe-icon-loginpassw:before {
    content: '\f36f'
}

.fe-icon-loginuser:before {
    content: '\f37f'
}

.fe-icon-reset:before {
    content: '\eb24'
}

.fe-icon-reply:before {
    content: '\eac5'
}

.fe-icon-calendar:before {
    content: '\f098'
}

.fe-icon-oOo:before {
    content: '\e873'
}

.fe-icon-cancel2:before {
    content: '\ebd6'
}

.fe-icon-cancel:before {
    content: '\eaa8'
}

.fe-icon-task:before {
    content: '\eb3b'
}

.fe-icon-forward:before {
    content: '\eac7'
}

.fe-icon-random:before {
    content: '\ec63'
}

.fe-icon-minus:before {
    content: '\f0c1'
}

.fe-icon-plus:before {
    content: '\f0c0'
}

.fe-icon-add:before {
    content: '\eaab'
}

.fe-icon-cart:before {
    content: '\eda6'
}

.fe-icon-setting:before {
    content: '\efd6'
}

.fe-icon-tip:before {
    content: '\efe9'
}

.fe-icon-exmp:before {
    content: '\ef9b'
}

.fe-icon-dx3:before {
    content: '\eb54'
}

.fe-icon-ropen:before {
    content: '\eb12'
}

.fe-icon-dside:before {
    content: '\eaed'
}

.fe-icon-flash:before {
    content: '\f1d4'
}

.fe-icon-popup:before {
    content: '\eb00'
}

.fe-icon-rtriangle:before {
    content: '\eb2c'
}

.fe-icon-return:before {
    content: '\ee4d'
}

.fe-icon-unfullscreen:before {
    content: '\ed39'
}

.fe-icon-fullscreen:before {
    content: '\ed37'
}

.fe-icon-cdot0:before {
    content: '\e9ae'
}

.fe-icon-cdot1:before {
    content: '\e9ad'
}

.fe-icon-more2:before {
    content: '\eb12'
}

.fe-icon-szcp2:before {
    content: '\f364'
}

.fe-icon-zrsx2:before {
    content: '\f396'
}

.fe-icon-laba2:before {
    content: '\f379'
}

.fe-icon-chat2:before {
    content: '\f0ce'
}

.fe-icon-menu:before {
    content: '\ee16'
}

.fe-icon-users2:before {
    content: '\ee11'
}

.fe-icon-user2:before {
    content: '\ee0f'
}

.fe-icon-logout2:before {
    content: '\ee44'
}

.fe-icon-home2:before {
    content: '\ebe2'
}

.fe-icon-help2:before {
    content: '\ef9a'
}

.fe-icon-annou:before {
    content: '\ee36'
}

.fe-icon-list:before {
    content: '\ee19'
}

.fe-icon-activ:before {
    content: '\e8cd'
}

.fe-icon-chart:before {
    content: '\eca6'
}

.fe-icon-cardb:before {
    content: '\e9bb'
}

.fe-icon-mail:before {
    content: '\e892'
}

.fe-icon-usertx:before {
    content: '\ecea'
}

.fe-icon-loading:before {
    content: '\e883'
}

.fe-icon-option:before {
    content: '\ed29'
}

.fe-icon-happy:before {
    content: '\e86e'
}

.fe-icon-boss:before {
    content: '\e876'
}

.fe-icon-sleep:before {
    content: '\e870'
}

.fe-icon-tongue:before {
    content: '\e874'
}

.fe-icon-unhappy:before {
    content: '\e86f'
}

.fe-icon-ok:before {
    content: '\e8aa'
}

.fe-icon-wait:before {
    content: '\eaf8'
}

.fe-icon-stop:before {
    content: '\ee60'
}

.fe-icon-Shield:before {
    content: '\f218'
}

.fe-icon-windows:before {
    content: '\ea8a'
}

.fe-icon-date:before {
    content: '\e919'
}

.fe-icon-dlist:before {
    content: '\ef8d'
}

.fe-icon-dimg:before {
    content: '\ef8b'
}

.fe-icon-circle:before {
    content: '\e9ae'
}

.fe-icon-warning:before {
    content: '\ec0f'
}

.fe-icon-star:before {
    content: '\e897'
}

.fe-icon-link:before {
    content: '\e8c0'
}

.fe-icon-users:before {
    content: '\e89d'
}

.fe-icon-game:before {
    content: '\e8e8'
}

.fe-icon-dddx3:before {
    content: '\ebca'
}

.fe-icon-stflow:before {
    content: '\f078'
}

.fe-icon-more:before {
    content: '\e8b2'
}

.fe-icon-weibo:before {
    content: '\ea89'
}

.fe-icon-tencent:before {
    content: '\f351'
}

.fe-icon-wechat:before {
    content: '\ea88'
}

.fe-icon-qq:before {
    content: '\ea6a'
}

.fe-icon-2aright:before {
    content: '\e943'
}

.fe-icon-aright:before {
    content: '\e94c'
}

.fe-icon-laptop:before {
    content: '\e973'
}

.fe-icon-shiled:before {
    content: '\e9ff'
}

.fe-icon-thumbs:before {
    content: '\e8d0'
}

.fe-icon-download:before {
    content: '\efb1'
}

.fe-icon-desktop:before {
    content: '\e972'
}

.fe-icon-android:before {
    content: '\ea31'
}

.fe-icon-apple:before {
    content: '\ea33'
}

.fe-icon-bank:before {
    content: '\eaac'
}

.fe-icon-card:before {
    content: '\eeb0'
}

.fe-icon-help:before {
    content: '\ee20'
}

.fe-icon-laba:before {
    content: '\e921'
}

.fe-icon-user:before {
    content: '\e89a'
}

.fe-icon-weix:before {
    content: '\ea88'
}

.fe-icon-pasw:before {
    content: '\efa2'
}

.fe-icon-rbar:before {
    content: '\ec51'
}

.fe-icon-cser:before {
    content: '\e922'
}

.fe-icon-chat:before {
    content: '\f090'
}

.fe-icon-phone:before {
    content: '\eb41'
}

.fe-icon-compc:before {
    content: '\e972'
}

.fe-icon-chose:before {
    content: '\e9ab'
}

.fe-icon-nocho:before {
    content: '\e9ac'
}

.fe-icon-xinxi:before {
    content: '\e891'
}

.fe-icon-money:before {
    content: '\e9d6'
}

.fe-icon-refresh:before {
    content: '\eb24'
}

.fe-icon-refresh2:before {
    content: '\eb26'
}

.fe-icon-show:before {
    content: '\e8c7'
}

.fe-icon-hide:before {
    content: '\e8c8'
}

.fe-icon-chongz:before {
    content: '\edd0'
}

.fe-icon-tixian:before {
    content: '\ecac'
}

.fe-icon-change:before {
    content: '\ed49'
}

.fe-icon-logout:before {
    content: '\e91c'
}

.fe-icon-szcp:before {
    content: '\f399'
}

.fe-icon-zrcp:before {
    content: '\f39a'
}

.fe-icon-qpyl:before {
    content: '\f39b'
}

.fe-icon-dzyy:before {
    content: '\f39c'
}

.fe-icon-zrsx:before {
    content: '\f39d'
}

.fe-icon-tyss:before {
    content: '\f39e'
}

.fe-icon-dzjj:before {
    content: '\f39f'
}

.fe-icon-zbhd:before {
    content: '\f3a0'
}

.fe-icon-ksdh:before {
    content: '\e911'
}

.fe-icon-hot:before {
    content: '\ee7a'
}

.fe-icon-dot:before {
    content: '\e805'
}

.fe-icon-grzx:before {
    content: '\ea9f'
}

.fe-icon-cwzx:before {
    content: '\f38b'
}

.fe-icon-xtzx:before {
    content: '\efd6'
}

.fe-icon-hdzx:before {
    content: '\e8cc'
}

.fe-icon-kfzx:before {
    content: '\ed32'
}

.fe-icon-ggzx:before {
    content: '\edad'
}

.fe-icon-xxzx:before {
    content: '\e8ea'
}

.fe-icon-bzzx:before {
    content: '\ed9d'
}

.fe-icon-xzzx:before {
    content: '\ee2b'
}

.fe-icon-zxdl:before {
    content: '\ec9e'
}

.fe-icon-tdzx:before {
    content: '\eaa0'
}

.fe-icon-dljl:before {
    content: '\ec1c'
}

.fe-icon-home:before {
    content: '\e8bd'
}

.fe-icon-trend:before {
    content: '\e9b9'
}

.fe-icon-field:before {
    content: '\e96b'
}

.fe-icon-num72:before {
    content: '\e811'
}

.fe-icon-num73:before {
    content: '\e812'
}

.fe-icon-num74:before {
    content: '\e813'
}

.fe-icon-num75:before {
    content: '\e814'
}

.fe-icon-num76:before {
    content: '\e815'
}

.fe-icon-num77:before {
    content: '\e816'
}

.fe-icon-num78:before {
    content: '\e817'
}

.fe-icon-num79:before {
    content: '\e818'
}

.fe-icon-num80:before {
    content: '\e819'
}

.fe-icon-num00:before {
    content: '\e81a'
}

.fe-icon-num01:before {
    content: '\e81b'
}

.fe-icon-num02:before {
    content: '\e81c'
}

.fe-icon-num03:before {
    content: '\e81d'
}

.fe-icon-num04:before {
    content: '\e81e'
}

.fe-icon-num05:before {
    content: '\e81f'
}

.fe-icon-num11:before {
    content: '\e820'
}

.fe-icon-num12:before {
    content: '\e821'
}

.fe-icon-num13:before {
    content: '\e822'
}

.fe-icon-num14:before {
    content: '\e823'
}

.fe-icon-num15:before {
    content: '\e824'
}

.fe-icon-num16:before {
    content: '\e825'
}

.fe-icon-num17:before {
    content: '\e826'
}

.fe-icon-num18:before {
    content: '\e827'
}

.fe-icon-num19:before {
    content: '\e828'
}

.fe-icon-num20:before {
    content: '\e829'
}

.fe-icon-num21:before {
    content: '\e82a'
}

.fe-icon-num22:before {
    content: '\e82b'
}

.fe-icon-num23:before {
    content: '\e82c'
}

.fe-icon-num24:before {
    content: '\e82d'
}

.fe-icon-num25:before {
    content: '\e82e'
}

.fe-icon-num31:before {
    content: '\e82f'
}

.fe-icon-num32:before {
    content: '\e830'
}

.fe-icon-num33:before {
    content: '\e831'
}

.fe-icon-num34:before {
    content: '\e832'
}

.fe-icon-num35:before {
    content: '\e833'
}

.fe-icon-num36:before {
    content: '\e834'
}

.fe-icon-num37:before {
    content: '\e835'
}

.fe-icon-num38:before {
    content: '\e836'
}

.fe-icon-num39:before {
    content: '\e837'
}

.fe-icon-num40:before {
    content: '\e838'
}

.fe-icon-num41:before {
    content: '\e839'
}

.fe-icon-num42:before {
    content: '\e83a'
}

.fe-icon-num43:before {
    content: '\e83b'
}

.fe-icon-num44:before {
    content: '\e83c'
}

.fe-icon-num45:before {
    content: '\e83d'
}

.fe-icon-num51:before {
    content: '\e83e'
}

.fe-icon-num52:before {
    content: '\e83f'
}

.fe-icon-num53:before {
    content: '\e840'
}

.fe-icon-num54:before {
    content: '\e841'
}

.fe-icon-num55:before {
    content: '\e842'
}

.fe-icon-num56:before {
    content: '\e843'
}

.fe-icon-num57:before {
    content: '\e844'
}

.fe-icon-num58:before {
    content: '\e845'
}

.fe-icon-num59:before {
    content: '\e846'
}

.fe-icon-num60:before {
    content: '\e847'
}

.fe-icon-num61:before {
    content: '\e848'
}

.fe-icon-num62:before {
    content: '\e849'
}

.fe-icon-num63:before {
    content: '\e84a'
}

.fe-icon-num3:before {
    content: '\e84b'
}

.fe-icon-num4:before {
    content: '\e84c'
}

.fe-icon-num0:before {
    content: '\e84d'
}

.fe-icon-num1:before {
    content: '\e84e'
}

.fe-icon-num2:before {
    content: '\e84f'
}

.fe-icon-num67:before {
    content: '\e850'
}

.fe-icon-num68:before {
    content: '\e851'
}

.fe-icon-num69:before {
    content: '\e852'
}

.fe-icon-num70:before {
    content: '\e853'
}

.fe-icon-num71:before {
    content: '\e854'
}

.fe-icon-num06:before {
    content: '\e855'
}

.fe-icon-num07:before {
    content: '\e856'
}

.fe-icon-num08:before {
    content: '\e857'
}

.fe-icon-num09:before {
    content: '\e858'
}

.fe-icon-num10:before {
    content: '\e859'
}

.fe-icon-num26:before {
    content: '\e85a'
}

.fe-icon-num27:before {
    content: '\e85b'
}

.fe-icon-num28:before {
    content: '\e85c'
}

.fe-icon-num29:before {
    content: '\e85d'
}

.fe-icon-num30:before {
    content: '\e85e'
}

.fe-icon-num46:before {
    content: '\e85f'
}

.fe-icon-num47:before {
    content: '\e860'
}

.fe-icon-num48:before {
    content: '\e861'
}

.fe-icon-num49:before {
    content: '\e862'
}

.fe-icon-num50:before {
    content: '\e863'
}

.fe-icon-num5:before {
    content: '\e864'
}

.fe-icon-num6:before {
    content: '\e865'
}

.fe-icon-num7:before {
    content: '\e866'
}

.fe-icon-num8:before {
    content: '\e867'
}

.fe-icon-num9:before {
    content: '\e868'
}

.fe-icon-num64:before {
    content: '\e869'
}

.fe-icon-num65:before {
    content: '\e86a'
}

.fe-icon-num66:before {
    content: '\e86b'
}

.fe-icon-uniF106:before {
    content: '\f37c'
}

.fe-icon-volume-down:before {
    content: '\e920'
}

.fe-icon-picture-2:before {
    content: '\ebc6'
}

.fe-icon-chrome:before {
    content: '\e887'
}

.fe-icon-edit:before {
    content: '\e8e4'
}

.fe-icon-arrow-down:before {
    content: '\ee4c'
}

.fe-icon-minus:before {
    content: '\eaae'
}


.skinRMBMB .grzx_user {
    display: none;
}

.skinRMBMB .grzx_user_btn {
    background: #f7f1f9;
    padding-top: 0;
    border: none;
}

.skinRMBMB .grzx_tab {
    border: none;
    margin: 0;
}

.skinRMBMB .grzx_list ul li {
    border-top: none;
    border-bottom: 1px solid #eee;
}

.skinRMBMB .grzx_list ul li a span {
    font-size: 80%;
}

.skinRMBMB .grzx_list ul li a span.sp1 {
    background-image: url(/assets/images/index/my-1.png);
}

.skinRMBMB .grzx_list ul li a span.sp22 {
    background-image: url(/assets/images/index/my-2.png);
    background-size: 0.55rem;
}

.skinRMBMB .grzx_list ul li a span.sp23 {
    background-image: url(/assets/images/index/my-3.png);
    background-size: 0.55rem;
}

.skinRMBMB .grzx_list ul li a span.sp24 {
    background-image: url(/assets/images/index/my-4.png);
    background-size: 0.55rem;
}



.skinRMBMB .tdlb_btn a.btn {
    border-radius: 4px;
    background: #e97070;
    box-shadow: none;
}

.skinRMBMB .speedDaybar .on:after {
    background: #e97070;
}

.skinRMBMB .g-select:after {
    border-top: 5px solid #e97070;
}

.skinRMBMB .notice-list {
    padding: 5px 10px;
}

.skinRMBMB .notice-list .flex_r_s_b {
    display: flex;
    font-size: 0.4rem;
    background: #f2f2f2;
    padding: 10px 0;
    padding-left: 30px;
    border-radius: 4px;
    flex-direction: column;
    gap: 5px;
    background-image: url(/assets/images/index/icon-gg.png);
    background-position: 5px;
    background-size: 18px;
    background-repeat: no-repeat;
}

.skinRMBMB .flex_r_s_b .time {
    font-size: 0.3rem;
    color: #BBBBBB;
    padding-left: 10px;
}

.skinRMBMB .message-detail {
    font-size: 0.36rem;
    padding: 10px;
}

.skinRMBMB .message-detail-title {
    display: flex;
    justify-content: space-between;
    color: #ff7f38;
    font-weight: 700;
    margin-bottom: 6px;
}


.skinRMBMB .message-detail .time {
    color: #666870;
    font-size: 0.3rem;
}

.skinRMBMB .message-detail .announcement-detail {
    padding: 10px 0;
}

.skinRMBMB .message-detail .announcement-detail p,
.skinRMBMB .message-detail .announcement-detail span {
    line-height: 30px;
    background-color: transparent !important;
    text-wrap-mode: wrap !important;
}

.skinRMBMB .bank_num label {
    display: none;
}

.skinRMBMB .div_bank {
    background: #fff;
    padding-top: 10px;
}

.skinRMBMB .am-btn-success,
.skinRMBMB .am-btn-skin,
.skinRMBMB .currency_btn a {
    background: #e97070;
    border-radius: 4px;
}

.skinRMBMB .g-list>li .title {
    color: #fff;
}

.skinRMBMB .moneylog .am-cf {
    font-size: initial;
    background: #f3f5f5;
    padding: 10px;
}

.skinRMBMB .user-betlog .am-cf {
    font-size: initial;
    background: #f3f5f5;
    padding: 10px;
}

.skinRMBMB label {
    color: #f54f2d;
}

.skinRMBMB .user-betlog .current {
    background: #e97070;
}

.skinRMBMB .am-cf .am-fl .title h2 {
    color: #fff !important;
}

.skinRMBMB .fb-nostyle .ld-list {
    padding-top: 60px;
}

.skinRMBMB .fb-nostyle .am-cf {
    background: initial;
    font-size: initial;
    padding: 10px 0;
    color: initial;
}

.skinRMBMB .am-modal-hd {
    background: #e97070;
}

.skinRMBMB .am-modal-btn {
    color: #e97070;
}

.skinRMBMB .edzh_box ul li .edzh_box_pic.edzh_box_pic1 {
    background-color: #e97070;
}

.skinRMBMB .edzh_box ul li {
    border-color: #e97070;
}




.fb-paly-menu {
    width: 100%;
    position: sticky;
    top: 0;
    left: 0;
    z-index: 12;
    height: 55px;
    background: #fff;
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.05);
}

.fb-paly-list {
    width: calc(100% - 35px);
    overflow: auto;
    overflow-x: scroll;
    overflow-y: hidden;
    position: absolute;
    -ms-overflow-style: none;
    /* IE and Edge */
    scrollbar-width: none;
    /* Firefox */
}

.fb-paly-list::-webkit-scrollbar {
    display: none;
}

.fb-paly-list ul {
    display: flex;
    height: 100%;
    white-space: nowrap;
}

.fb-paly-list ul li {
    vertical-align: top;
    margin: 10px 0 10px 10px;
}

.fb-paly-list ul li span {
    display: block;
    height: 35px;
    line-height: 35px;
    border-radius: 3px;
    background: #efe6e6;
    color: #795a5a;
    font-weight: normal;
    white-space: nowrap;
    cursor: pointer;
    padding: 0 10px;
}

.fb-paly-list ul li.cur span {
    color: #fff;
    background: #f27272;
}

.skinRMBMB #regular-bettype .gf_wf_div_menu_p ul li {
    position: relative;
}

#regular-bettype .gf_wf_div_menu_p ul li .fb-fav-toggle {
    position: absolute !important;
    top: -7px !important;
    right: -7px !important;
    width: 24px !important;
    height: 24px !important;
    display: block !important;
    border: 0 !important;
    border-radius: 50% !important;
    background: transparent !important;
    background-image: url('/assets/images/lottery/tag_add.png') !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    background-size: 100% 100% !important;
    color: transparent !important;
    font-size: 0 !important;
    line-height: 0 !important;
    text-indent: -9999px !important;
    padding: 0 !important;
    margin: 0 !important;
    z-index: 9 !important;
    -webkit-appearance: none !important;
    appearance: none !important;
    box-shadow: none !important;
    transform: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    transition: opacity .2s ease !important;
}

#regular-bettype .gf_wf_div_menu_p ul li input[type="button"] {
    padding-right: 20px !important;
    height: auto !important;
    min-height: 42px !important;
    font-size: 12px !important;
    line-height: 1.25 !important;
    white-space: normal !important;
    word-break: normal !important;
    overflow-wrap: break-word !important;
    text-align: center !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding-top: 8px !important;
    padding-bottom: 8px !important;
    -webkit-text-size-adjust: none !important;
    text-size-adjust: none !important;
}

#regular-bettype .gf_wf_div_menu_p ul li.fb-play-added input[type="button"] {
    background: #f3dfdc !important;
    border-color: #f3dfdc !important;
    color: #795a5a !important;
}

#regular-bettype .gf_wf_div_menu_p ul li.fb-play-active input[type="button"] {
    background: #f27272 !important;
    border-color: #f27272 !important;
    color: #fff !important;
}

#regular-bettype .gf_wf_div_menu_p ul li.fb-play-added .fb-fav-toggle {
    background-image: url('/assets/images/lottery/tag_hide.png') !important;
}

#regular-bettype .gf_wf_div_menu_p ul li.fb-play-active.fb-play-added input[type="button"] {
    box-shadow: 0 0 0 1px rgba(242, 114, 114, 0.25);
}

#regular-bettype.fb-edit-mode .gf_wf_div_menu_p ul li .fb-fav-toggle {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
}

#regular-bettype.fb-edit-mode .gf_wf_div_menu_p ul li input[type="button"] {
    pointer-events: none !important;
}

#regular-bettype .tz_s_toggle {
    padding-bottom: 2.35rem;
    box-sizing: border-box;
}

#regular-bettype .bet-type-button-group {
    padding-bottom: .2rem;
}

#regular-bettype .fb-edit-bar {
    position: fixed;
    left: 0;
    right: 110px;
    bottom: 0;
    width: auto;
    min-height: 2.1rem;
    box-sizing: border-box;
    padding: .2rem .3rem .3rem;
    background: transparent;
    z-index: 20002;
    transform: translate(42px, -52px);
}

#regular-bettype .fb-edit-toggle {
    position: absolute;
    left: 50%;
    bottom: 1.18rem;
    right: auto;
    min-width: 2.2rem;
    height: .78rem;
    line-height: .78rem;
    padding: 0 .45rem;
    border: 0;
    border-radius: .4rem;
    background: #f27272;
    color: #fff;
    font-size: .34rem;
    text-align: center;
    box-shadow: 0 .04rem .14rem rgba(242, 114, 114, .25);
    -webkit-appearance: none;
    appearance: none;
    transform: translateX(-50%);
}

#regular-bettype .fb-edit-tip {
    position: absolute;
    left: 50%;
    bottom: .22rem;
    width: 4.8rem;
    margin-top: 0;
    color: #8c7b7b;
    font-size: .28rem;
    line-height: 1.45;
    text-align: center;
    transform: translateX(-50%);
}

.fb-paly-btn {
    width: 35px;
    height: 35px;
    position: absolute;
    display: flex;
    top: 0;
    right: 0;
    margin: 10px 0 0 0;
    background-image: linear-gradient(to bottom, #ffffff, #fd7474);
    align-items: center;
    justify-content: center;
}

.fb-paly-btn img {
    width: 18px;
    height: 18px;
}

.fb-category-list ul {
    display: flex;
    background-color: rgba(255, 230, 230);
}

.fb-category-list ul li {
    flex: 1;
    position: relative;
    text-align: center;
    padding: 10px 0;
    color: #655752;
}

.fb-category-list ul li.active {
    color: #fe6e35;
}



.fb-category-list ul li::after {
    content: "";
    width: 100%;
    height: 2px;
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: transparent;
}

.fb-category-list ul li.active::after {
    background-color: #fe6e35;
}


.fb-playHelp-box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 95%;
    padding: 5px 10px;
}

.skinRMBMB .fb-playHelp-box label {
    color: #676576;
}

.fb-playHelp-box .tipsBtn {
    display: flex;
    gap: 10px;
}

.fb-playHelp-box .ballTipsBtn {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
}

.fb-playHelp-box .ballTipsBtn>div {
    display: flex;
    align-items: center;
    gap: 5px;

}

.fb-playHelp-box .ballTipsBtn>div .switch {
    zoom: 0.8;
}

.fb-playHelp-box .tipsBtn>span:before {
    padding-right: .1rem;
    color: #fd7474;
}

.fb-playHelp-box .switch--material__handle:before {
    background: #fd7474;
}


.switch {
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    background-clip: padding-box;
    position: relative;
    min-width: 51px;
    font-size: 17px;
    padding: 0 20px;
    border: none;
    overflow: visible;
    width: 51px;
    height: 32px;
    z-index: 0;
    text-align: left
}

.switch__input {
    position: absolute;
    right: 0;
    top: 0;
    left: 0;
    bottom: 0;
    padding: 0;
    border: 0;
    background-color: transparent;
    z-index: 1;
    vertical-align: top;
    outline: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    z-index: 0
}

.switch__toggle {
    background-color: #fff;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 30px;
    transition-property: all;
    transition-duration: .35s;
    transition-timing-function: ease-out;
    box-shadow: inset 0 0 0 2px transparent
}

.switch__handle {
    box-sizing: border-box;
    background-clip: padding-box;
    position: absolute;
    content: '';
    border-radius: 28px;
    height: 28px;
    width: 28px;
    background-color: #fff;
    left: 1px;
    top: 2px;
    transition-property: all;
    transition-duration: .35s;
    transition-timing-function: cubic-bezier(.59, .01, .5, .99);
    box-shadow: 0 0 1px 0 rgba(0, 0, 0, .25), 0 3px 2px rgba(0, 0, 0, .25)
}

.switch--active__handle {
    transition: none
}

:checked+.switch__toggle {
    box-shadow: inset 0 0 0 2px #0c6a9b;
    background-color: #0c6a9b
}

:checked+.switch__toggle>.switch__handle {
    left: 21px;
    box-shadow: 0 3px 2px rgba(0, 0, 0, .25)
}

:disabled+.switch__toggle {
    opacity: .3;
    cursor: default;
    pointer-events: none
}

.switch__touch {
    position: absolute;
    top: -5px;
    bottom: -5px;
    left: -10px;
    right: -10px
}

.switch--material {
    width: 36px;
    height: 24px;
    padding: 0 10px;
    min-width: 36px
}

.switch--material__toggle {
    background-color: #b0afaf;
    margin-top: 5px;
    height: 14px;
    box-shadow: none
}

.switch--material__input {
    position: absolute;
    right: 0;
    top: 0;
    left: 0;
    bottom: 0;
    padding: 0;
    border: 0;
    background-color: transparent;
    z-index: 1;
    vertical-align: top;
    outline: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    z-index: 0
}

.switch--material__handle {
    background-color: #f1f1f1;
    left: 0;
    margin-top: -5px;
    width: 20px;
    height: 20px;
    box-shadow: 0 4px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12), 0 2px 4px -1px rgba(0, 0, 0, .4)
}

:checked+.switch--material__toggle {
    background-color: #f4586e;
    box-shadow: none
}

:checked+.switch--material__toggle>.switch--material__handle {
    left: 16px;
    background-color: #fff;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12), 0 3px 1px -2px rgba(0, 0, 0, .2)
}

:disabled+.switch--material__toggle {
    opacity: .3;
    cursor: default;
    pointer-events: none
}

.switch--material__handle:before {
    background: 0 0;
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    z-index: 0;
    box-shadow: 0 0 0 0 rgba(0, 0, 0, .12);
    transition: box-shadow .1s linear
}

.switch--material__toggle>.switch--active__handle:before {
    box-shadow: 0 0 0 14px rgba(0, 0, 0, .12)
}

:checked+.switch--material__toggle>.switch--active__handle:before {
    box-shadow: 0 0 0 14px rgba(255, 255, 255, .2)
}

.switch--material__touch {
    position: absolute;
    top: -10px;
    bottom: -10px;
    left: -15px;
    right: -15px
}


ons-action-sheet,
ons-alert-dialog,
ons-dialog,
ons-navigator,
ons-splitter,
ons-tabbar,
ons-toast {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    overflow: hidden;
    touch-action: manipulation
}

ons-action-sheet,
ons-alert-dialog,
ons-dialog,
ons-navigator,
ons-page,
ons-tabbar,
ons-toast {
    z-index: 2
}

ons-action-sheet[disabled],
ons-alert-dialog[disabled],
ons-dialog[disabled],
ons-popover[disabled] {
    pointer-events: none;
    opacity: .75
}

.alert-dialog {
    box-sizing: border-box;
    background-clip: padding-box;
    padding: 0;
    margin: 0;
    font: inherit;
    color: inherit;
    background: 0 0;
    border: none;
    line-height: normal;
    cursor: default;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-family: -apple-system, 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-weight: 400;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 270px;
    margin: auto;
    background-color: #f4f4f4;
    border-radius: 8px;
    overflow: visible;
    max-width: 95%;
    color: #777
}

.alert-dialog-container {
    height: inherit;
    padding-top: 16px;
    overflow: hidden
}

.alert-dialog-title {
    font-family: -apple-system, 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-weight: 400;
    font-size: 17px;
    font-weight: 500;
    padding: 0 8px;
    text-align: center;
    color: #777
}

.alert-dialog-content {
    box-sizing: border-box;
    background-clip: padding-box;
    padding: 4px 12px 8px;
    font-size: 14px;
    min-height: 36px;
    text-align: center;
    color: #777
}

.alert-dialog-footer {
    width: 100%
}

.alert-dialog-button {
    box-sizing: border-box;
    background-clip: padding-box;
    padding: 0;
    margin: 0;
    font: inherit;
    color: inherit;
    background: 0 0;
    border: none;
    line-height: normal;
    font-family: -apple-system, 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-weight: 400;
    cursor: default;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    text-decoration: none;
    letter-spacing: 0;
    vertical-align: middle;
    border: none;
    border-top: 1px solid #ddd;
    font-size: 16px;
    padding: 0 8px;
    margin: 0;
    display: block;
    width: 100%;
    background-color: transparent;
    text-align: center;
    height: 44px;
    line-height: 44px;
    outline: 0;
    color: #333
}

@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution:192dpi),
(min-resolution:2dppx) {
    .alert-dialog-button {
        border-top: none;
        background-size: 100% 1px;
        background-repeat: no-repeat;
        background-position: top;
        background-image: linear-gradient(180deg, #ddd, #ddd 50%, transparent 50%)
    }
}

.alert-dialog-button:active {
    background-color: #000;
    background-color: rgba(0, 0, 0, .05)
}

.alert-dialog-button--primal {
    font-weight: 500
}

.alert-dialog-footer--rowfooter {
    white-space: nowrap;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap
}

.alert-dialog-button--rowfooter {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    display: block;
    width: 100%;
    border-left: 1px solid #ddd
}

@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution:192dpi),
(min-resolution:2dppx) {
    .alert-dialog-button--rowfooter {
        border-top: none;
        border-left: none;
        background-size: 100% 1px, 1px 100%;
        background-repeat: no-repeat;
        background-position: top, left;
        background-image: linear-gradient(0deg, transparent, transparent 50%, #ddd 50%), linear-gradient(90deg, transparent, transparent 50%, #ddd 50%)
    }
}

.alert-dialog-button--rowfooter:first-child {
    border-left: none
}

@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution:192dpi),
(min-resolution:2dppx) {
    .alert-dialog-button--rowfooter:first-child {
        border-top: none;
        background-size: 100% 1px;
        background-repeat: no-repeat;
        background-position: top, left;
        background-image: linear-gradient(0deg, transparent, transparent 50%, #ddd 50%)
    }
}

.alert-dialog-mask {
    padding: 0;
    margin: 0;
    font: inherit;
    color: inherit;
    background: 0 0;
    border: none;
    line-height: normal;
    cursor: default;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background-color: #000;
    background-color: rgba(0, 0, 0, .2)
}

.alert-dialog--material {
    border-radius: 2px;
    background-color: #fff
}

.alert-dialog-container--material {
    padding: 22px 0 0 0;
    box-shadow: 0 16px 24px 2px rgba(0, 0, 0, .14), 0 6px 30px 5px rgba(0, 0, 0, .12), 0 8px 10px -5px rgba(0, 0, 0, .4)
}

.alert-dialog-title--material {
    font-family: Roboto, Noto, sans-serif;
    -webkit-font-smoothing: antialiased;
    font-weight: 400;
    text-align: left;
    font-size: 20px;
    font-weight: 500;
    padding: 0 24px;
    color: #333
}

.alert-dialog-content--material {
    font-family: Roboto, Noto, sans-serif;
    -webkit-font-smoothing: antialiased;
    font-weight: 400;
    text-align: left;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    padding: 0 24px;
    margin: 24px 0 10px 0;
    min-height: 0;
    color: #777
}

.alert-dialog-footer--material {
    display: block;
    padding: 0;
    height: 52px;
    box-sizing: border-box;
    margin: 0;
    line-height: 1
}

.alert-dialog-button--material {
    font-family: Roboto, Noto, sans-serif;
    -webkit-font-smoothing: antialiased;
    font-weight: 400;
    text-transform: uppercase;
    display: inline-block;
    width: auto;
    float: right;
    background: 0 0;
    border: none;
    border-radius: 2px;
    font-size: 14px;
    font-weight: 500;
    outline: 0;
    height: 36px;
    line-height: 36px;
    padding: 0 8px;
    margin: 8px 8px 8px 0;
    box-sizing: border-box;
    min-width: 50px;
    color: #333
}

@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution:192dpi),
(min-resolution:2dppx) {
    .alert-dialog-button--material {
        background: 0 0
    }
}

.alert-dialog-button--material:active {
    background-color: transparent;
    background-color: initial
}

.alert-dialog-button--rowfooter--material,
.alert-dialog-button--rowfooter--material:first-child {
    border: 0
}

@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution:192dpi),
(min-resolution:2dppx) {

    .alert-dialog-button--rowfooter--material,
    .alert-dialog-button--rowfooter--material:first-child {
        background: 0 0
    }
}

.alert-dialog-button--primal--material {
    font-weight: 500
}

@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution:192dpi),
(min-resolution:2dppx) {
    .alert-dialog-button--primal--material {
        background: 0 0
    }
}

.alert-dialog-mask--material {
    background-color: #000;
    background-color: rgba(0, 0, 0, .3)
}


.fb-game-box {
    position: absolute;
    /*    top: 235px;*/
    top: 6.18rem;
    bottom: 0;
    left: 0;
    right: 0;
    overflow: auto;
}

/* <style type="text/css"> */
.history_code.pk10 td span {
    margin-right: 0.1rem !important;
}

.history_code.pk10 .ssc_ball_1 {
    background-color: #e6de00 !important;
}

.history_code.pk10 .ssc_ball_2 {
    background-color: #0092dd !important;
}

.history_code.pk10 .ssc_ball_3 {
    background-color: #383838 !important;
}

.history_code.pk10 .ssc_ball_4 {
    background-color: #ff7600 !important;
}

.history_code.pk10 .ssc_ball_5 {
    background-color: #17e2e5 !important;
}

.history_code.pk10 .ssc_ball_6 {
    background-color: #5234ff !important;
}

.history_code.pk10 .ssc_ball_7 {
    background-color: #bfbfbf !important;
}

.history_code.pk10 .ssc_ball_8 {
    background-color: #ff2600 !important;
}

.history_code.pk10 .ssc_ball_9 {
    background-color: #780b00 !important;
}

.history_code.pk10 .ssc_ball_10 {
    background-color: #07bf00 !important;
}

.history_code.kl8 td span {
    margin-right: 0.2rem !important;
}

.history_code.lhc .fe-icon-num01,
.history_code.lhc .fe-icon-num02,
.history_code.lhc .fe-icon-num07,
.history_code.lhc .fe-icon-num08,
.history_code.lhc .fe-icon-num12,
.history_code.lhc .fe-icon-num13,
.history_code.lhc .fe-icon-num18,
.history_code.lhc .fe-icon-num19,
.history_code.lhc .fe-icon-num23,
.history_code.lhc .fe-icon-num24,
.history_code.lhc .fe-icon-num29,
.history_code.lhc .fe-icon-num30,
.history_code.lhc .fe-icon-num34,
.history_code.lhc .fe-icon-num35,
.history_code.lhc .fe-icon-num40,
.history_code.lhc .fe-icon-num45,
.history_code.lhc .fe-icon-num46 {
    background-color: #d00000 !important;
}

.history_code.lhc .fe-icon-num03,
.history_code.lhc .fe-icon-num04,
.history_code.lhc .fe-icon-num09,
.history_code.lhc .fe-icon-num10,
.history_code.lhc .fe-icon-num14,
.history_code.lhc .fe-icon-num15,
.history_code.lhc .fe-icon-num20,
.history_code.lhc .fe-icon-num25,
.history_code.lhc .fe-icon-num26,
.history_code.lhc .fe-icon-num31,
.history_code.lhc .fe-icon-num36,
.history_code.lhc .fe-icon-num37,
.history_code.lhc .fe-icon-num41,
.history_code.lhc .fe-icon-num42,
.history_code.lhc .fe-icon-num47,
.history_code.lhc .fe-icon-num48 {
    background-color: #0b71bc !important;
}

.history_code.lhc .fe-icon-num05,
.history_code.lhc .fe-icon-num06,
.history_code.lhc .fe-icon-num11,
.history_code.lhc .fe-icon-num16,
.history_code.lhc .fe-icon-num17,
.history_code.lhc .fe-icon-num21,
.history_code.lhc .fe-icon-num22,
.history_code.lhc .fe-icon-num27,
.history_code.lhc .fe-icon-num28,
.history_code.lhc .fe-icon-num32,
.history_code.lhc .fe-icon-num33,
.history_code.lhc .fe-icon-num38,
.history_code.lhc .fe-icon-num39,
.history_code.lhc .fe-icon-num43,
.history_code.lhc .fe-icon-num44,
.history_code.lhc .fe-icon-num49 {
    background-color: #2b902a !important;
}

.history_code.lhc .codes span {
    border: 3px solid #fff;
}

.history_code.lhc .codes span:last-child {
    border-color: #ffed11;
}

.history_code table {
    width: 100%;
    text-align: center;
    font-size: .31rem;
    border: 1px solid #ebebfa;
    color: #736d7e;
    background: #fff;
}

.history_code table th {
    height: .7rem;
    line-height: .45rem;
    border-left: 1px solid #ebebfa;
    border-bottom: 1px solid #ebebfa;
    font-size: .33rem;
    background-color: #fbf5ef;
    vertical-align: middle;
    text-align: center;
}

.history_code table td {
    height: .5rem;
    line-height: .45rem;
    border-left: 1px solid #ebebfa;
    border-bottom: 1px solid #ebebfa;
    padding: 4px;
    /* .ssc_ball_0 {
                background: rgb(205, 35, 45);
            }

            .ssc_ball_1 {
                background: rgb(244, 213, 72);
            }

            .ssc_ball_2 {
                background: rgb(60, 138, 238);
            }

            .ssc_ball_3 {
                background: rgb(142, 143, 150);
            }

            .ssc_ball_4 {
                background: rgb(241, 159, 57);
            }

            .ssc_ball_5 {
                background: rgb(163, 223, 225);
            }

            .ssc_ball_6 {
                background: rgb(99, 72, 199);
            }

            .ssc_ball_7 {
                background: rgb(207, 207, 207);
            }

            .ssc_ball_8 {
                background: rgb(203, 78, 71);
            }

            .ssc_ball_9 {
                background: rgb(100, 54, 55);
            }

            .ssc_ball_10 {
                background-color: rgb(103, 180, 67);
            }

            .ssc_ball_11 {
                background-color: rgba(99, 72, 199, 0.5);
            } */
}

.history_code table td span {
    font-weight: 600;
}

.history_code table td .ssc_ball {
    width: .45rem;
    height: .45rem;
    margin: 2px;
    border-radius: 100%;
    background: #843bbc;
    color: #fff;
    display: inline-block;
    align-items: center;
    justify-content: center;
    line-height: .45rem;
    font-size: 80%;
}

.history_code table td .ssc_ball.grabBanker-Bao,
.history_code table td .ssc_ball.grabBanker-Z3,
.history_code table td .ssc_ball.grabBanker-Z6 {
    background-size: cover !important;
    font-size: 115%;
    font-weight: normal;
    width: 0.5rem;
    height: 0.5rem;
    line-height: 0.5rem;
}

.history_code table td .lhh-ball {
    background: #f53343;
}

.history_code table td ._11x5_ball {
    width: .6rem;
    height: .6rem;
    line-height: .6rem;
}

/* </style> */
.action-sheet-mask {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-color: #000;
    background-color: rgba(0, 0, 0, .1);
    z-index: 1
}

.action-sheet {
    left: .3rem;
    right: .3rem;
    bottom: .7rem;
}

.action-sheet-button+.action-sheet-button,
.action-sheet-title {
    position: relative;
    z-index: 99;
}

.action-sheet-button+.action-sheet-button:before,
.action-sheet-title:before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    height: 1px;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.07);
    display: block;
    z-index: 100;
    -webkit-transform-origin: 50% 0%;
    transform-origin: 50% 0%;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) {

    .action-sheet-button+.action-sheet-button:before,
    .action-sheet-title:before {
        -webkit-transform: scaleY(0.5);
        transform: scaleY(0.5);
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 3) {

    .action-sheet-button+.action-sheet-button:before,
    .action-sheet-title:before {
        -webkit-transform: scaleY(0.33);
        transform: scaleY(0.33);
    }
}

.action-sheet-title {
    height: 1.2rem;
    font-size: .36rem;
    line-height: normal;
    display: flex;
    align-items: center;
    justify-content: center;
    background-image: none;
}

.action-sheet-title:before {
    bottom: 0;
}

.action-sheet-button {
    height: auto;
    min-height: 1.2rem;
    font-size: .4rem;
    line-height: normal;
    display: flex;
    align-items: center;
    justify-content: center;
    background-image: none;
}

.action-sheet-button:before {
    top: 0;
}

.action-sheet-button:last-of-type {
    margin: .2rem 0 0 0;
    font-weight: bold;
}

.action-sheet-button:last-of-type:before {
    content: none;
}

.action-sheet {
    font-family: -apple-system, 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-weight: 400;
    cursor: default;
    position: absolute;
    left: 10px;
    right: 10px;
    bottom: 10px;
    z-index: 2
}

.action-sheet {
    font-family: -apple-system, 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-weight: 400;
    cursor: default;
    position: absolute;
    left: 10px;
    right: 10px;
    bottom: 10px;
    z-index: 2
}

.action-sheet-button {
    box-sizing: border-box;
    height: 56px;
    font-size: 20px;
    text-align: center;
    color: #333;
    background-color: #fff;
    background-color: rgba(255, 255, 255, .9);
    border-radius: 0;
    line-height: 56px;
    border: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    display: block;
    width: 100%;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    background-size: 100% 1px;
    background-repeat: no-repeat;
    background-position: bottom;
    background-image: linear-gradient(0deg, rgba(0, 0, 0, .1), rgba(0, 0, 0, .1) 100%)
}

@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution:192dpi),
(min-resolution:2dppx) {
    .action-sheet-button {
        background-image: linear-gradient(0deg, rgba(0, 0, 0, .1), rgba(0, 0, 0, .1) 50%, transparent 50%)
    }
}

.action-sheet-button:first-child {
    border-top-left-radius: 12px;
    border-top-right-radius: 12px
}

.action-sheet-button:active {
    background-color: #e9e9e9;
    background-image: none
}

.action-sheet-button:focus {
    outline: 0
}

.action-sheet-button:nth-last-of-type(2) {
    border-bottom-right-radius: 12px;
    border-bottom-left-radius: 12px;
    background-image: none
}

.action-sheet-button:last-of-type {
    border-radius: 12px;
    margin: 8px 0 0 0;
    background-color: #fff;
    background-image: none;
    font-weight: 600
}

.action-sheet-button:last-of-type:active {
    background-color: #e9e9e9
}

.action-sheet-button--destructive {
    color: #f4586e
}

.action-sheet-title {
    box-sizing: border-box;
    height: 56px;
    font-size: 13px;
    color: #777;
    text-align: center;
    background-color: #fff;
    background-color: rgba(255, 255, 255, .9);
    line-height: 56px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    background-size: 100% 1px;
    background-repeat: no-repeat;
    background-position: bottom;
    background-image: linear-gradient(0deg, rgba(0, 0, 0, .1), rgba(0, 0, 0, .1) 100%)
}

@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution:192dpi),
(min-resolution:2dppx) {
    .action-sheet-title {
        background-image: linear-gradient(0deg, rgba(0, 0, 0, .1), rgba(0, 0, 0, .1) 50%, transparent 50%)
    }
}

.action-sheet-title:first-child {
    border-top-left-radius: 12px;
    border-top-right-radius: 12px
}

.action-sheet-icon {
    display: none
}

.action-sheet-mask {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-color: #000;
    background-color: rgba(0, 0, 0, .1);
    z-index: 1
}

.action-sheet--material {
    left: 0;
    right: 0;
    bottom: 0;
    box-shadow: 0 16px 24px 2px rgba(0, 0, 0, .14), 0 6px 30px 5px rgba(0, 0, 0, .12), 0 8px 10px -5px rgba(0, 0, 0, .4)
}

.action-sheet-title--material {
    font-family: Roboto, Noto, sans-serif;
    -webkit-font-smoothing: antialiased;
    font-weight: 400;
    border-radius: 0;
    background-image: none;
    text-align: left;
    height: 56px;
    line-height: 56px;
    font-size: 16px;
    padding: 0 0 0 16px;
    color: #777;
    background-color: #fff;
    font-weight: 400
}

.action-sheet-title--material:first-child {
    border-radius: 0
}

.action-sheet-button--material {
    font-family: Roboto, Noto, sans-serif;
    -webkit-font-smoothing: antialiased;
    font-weight: 400;
    border-radius: 0;
    background-image: none;
    height: 52px;
    line-height: 52px;
    text-align: left;
    font-size: 16px;
    padding: 0 0 0 16px;
    color: #777;
    font-weight: 400;
    background-color: #fff
}

.action-sheet-button--material:first-child {
    border-radius: 0
}

.action-sheet-button--material:nth-last-of-type(2) {
    border-radius: 0
}

.action-sheet-button--material:last-of-type {
    margin: 0;
    border-radius: 0;
    font-weight: 400;
    background-color: #fff
}

.action-sheet-icon--material {
    display: inline-block;
    float: left;
    height: 52px;
    line-height: 52px;
    margin-right: 32px;
    font-size: 26px;
    width: .8em;
    text-align: center
}

.action-sheet-mask--material {
    background-color: #000;
    background-color: rgba(0, 0, 0, .2)
}

.action-sheet-button {
    height: auto;
    min-height: 1.2rem;
    font-size: .4rem;
    line-height: normal;
    display: flex;
    align-items: center;
    justify-content: center;
    background-image: none;
}

.action-sheet-button:before {
    top: 0;
}

.action-sheet-button:last-of-type {
    margin: .2rem 0 0 0;
    font-weight: bold;
}

.action-sheet-button:last-of-type:before {
    content: none;
}

.last5issuesActionSheet .action-sheet-button {
    padding: 0 .5rem;
}

.last5issuesActionSheet .action-sheet-button.noclick {
    pointer-events: none;
    justify-content: flex-start;
}

.last5issuesActionSheet .action-sheet-button.nodata {
    font-size: 80%;
    color: #ccc;
    justify-content: center;
}

.last5issuesActionSheet .action-sheet-button ul {
    display: flex;
    flex-direction: row;
    flex: 1;
    margin-left: .3rem;
    justify-content: flex-end;
}

.last5issuesActionSheet .action-sheet-button ul li+li {
    margin-left: .1rem;
}

.last5issuesActionSheet .action-sheet-button ul li span {
    width: 0.7rem;
    height: 0.7rem;
    border-radius: 100%;
    background: #D85725;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: .4rem;
    font-size: 130%;
}

.last5issuesActionSheet.cisingcai_header ul li,
.last5issuesActionSheet.daletou_header ul li,
.last5issuesActionSheet.qilecai_header ul li,
.last5issuesActionSheet.shuangseqiu_header ul li {
    margin-left: 0.1rem;
}

.last5issuesActionSheet.cisingcai_header ul li span,
.last5issuesActionSheet.daletou_header ul li span,
.last5issuesActionSheet.qilecai_header ul li span,
.last5issuesActionSheet.shuangseqiu_header ul li span {
    width: 0.5rem;
    height: 0.5rem;
    font-size: 100%;
}

.last5issuesActionSheet.cisingcai_header ul li:nth-last-child(1) span,
.last5issuesActionSheet.daletou_header ul li:nth-last-child(1) span,
.last5issuesActionSheet.qilecai_header ul li:nth-last-child(1) span,
.last5issuesActionSheet.shuangseqiu_header ul li:nth-last-child(1) span {
    background: #1d77f5 !important;
    color: #fff !important;
}

.last5issuesActionSheet.daletou_header ul li:nth-last-child(2) span {
    background: #1d77f5 !important;
    color: #fff !important;
}

.grabBanker-Z3,
.grabBanker-Z6,
.grabBanker-Bao {
    background-size: 0.7rem !important;
}

.grabBanker-Z3 {
    color: #1c7cce !important;
    background-image: url("/assets/images/lottery/grabBanker-Z3.png") !important;
}

.grabBanker-Z6 {
    color: #ca8c29 !important;
    background-image: url("/assets/images/lottery/grabBanker-Z6.png") !important;
}

.grabBanker-Bao {
    color: #dc2936 !important;
    background-image: url("/assets/images/lottery/grabBanker-Bao.png") !important;
}

.list-item {
    position: relative;
    width: 100%;
    list-style: none;
    box-sizing: border-box;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    padding: 0 0 0 14px;
    margin: 0 0 -1px 0;
    color: #777;
    transition: background-color .2s linear
}

.list-item__top {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-ordinal-group: 1;
    -webkit-order: 0;
    order: 0;
    width: 100%
}

.list-item--expandable {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    border-bottom: none;
    background-size: 100% 1px;
    background-repeat: no-repeat;
    background-position: bottom;
    background-image: linear-gradient(0deg, #ccc, #ccc 100%)
}

/* <style type="text/css"> */
.contentArea {
    flex: 1;
    position: relative;
    padding: 0 0.3rem 0.5rem;
    opacity: 1;
    transition: opacity 0.2s;
}

.contentArea.loading {
    opacity: 0.5;
    pointer-events: none;
    overflow: hidden;
    transition: opacity 0.2s;
}

.contentArea .cardItem {
    background-color: #fff;
    border-radius: 5px;
    padding: 0;
    line-height: normal;
    margin-top: 0.2rem;
}

.contentArea .cardItem.third .cardItemTit>span:first-child,
.contentArea .cardItem.team .cardItemTit>span:first-child {
    text-decoration: underline;
}

.contentArea .cardItem.third .cardItemTit>span:first-child:before,
.contentArea .cardItem.team .cardItemTit>span:first-child:before {
    margin-right: 0.08rem;
    color: rgba(0, 148, 192, 0.5);
    background-color: transparent !important;
}

.contentArea .cardItem.third .cardItemTit>span:first-child:active,
.contentArea .cardItem.team .cardItemTit>span:first-child:active {
    opacity: 0.7;
}

.contentArea .cardItem.special {
    background-color: transparent;
    padding: 0;
    text-align: center;
    font-size: 90%;
}

.contentArea .cardItem.parentTree {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding: 0.2rem 0;
    flex-wrap: wrap;
}

.contentArea .cardItem.parentTree>span {
    margin-left: 0.15rem;
}

.contentArea .cardItem.parentTree>span>span {
    color: #0094c0;
    text-decoration: underline;
}

.contentArea .cardItem.parentTree>span>span:active {
    opacity: 0.6;
}

.contentArea .cardItem.parentTree>span>.icon {
    margin-left: 0.1rem;
}

.contentArea .cardItem.parentTree>span:last-child>.icon {
    display: none;
}

.contentArea .cardItem.self .cardItemTit>span:first-child:before {
    display: block;
    content: '';
    width: 3px;
    background-color: #0094c0;
    margin-right: 0.08rem;
    height: 1em;
}

.contentArea .cardItem.default .cardItemCon .status {
    color: rgba(0, 148, 192, 0.5);
}

.contentArea .cardItem.default .cardItemCon .status:before {
    border-color: rgba(0, 148, 192, 0.5);
}

.contentArea .cardItem.unhappy {
    background-color: rgba(119, 119, 119, 0.08);
}

.contentArea .cardItem.unhappy .cardItemTit>span:first-child:before {
    background-color: rgba(119, 119, 119, 0.8);
    color: rgba(119, 119, 119, 0.8);
}

.contentArea .cardItem.unhappy .cardItemTit>span:nth-child(2) .icon {
    color: rgba(119, 119, 119, 0.6);
}

.contentArea .cardItem.unhappy .cardItemCon .status {
    color: #fff;
    background-color: rgba(119, 119, 119, 0.5);
}

.contentArea .cardItem.unhappy .cardItemCon .status:before {
    content: none;
}

.contentArea .cardItem.warning {
    background-color: rgba(230, 162, 60, 0.08);
}

.contentArea .cardItem.warning .cardItemTit>span:first-child:before {
    background-color: rgba(230, 162, 60, 0.9);
    color: rgba(230, 162, 60, 0.9);
}

.contentArea .cardItem.warning .cardItemTit>span:nth-child(2) .icon {
    color: rgba(230, 162, 60, 0.7);
}

.contentArea .cardItem.warning .cardItemCon .status {
    color: #fff;
    background-color: rgba(230, 162, 60, 0.5);
}

.contentArea .cardItem.warning .cardItemCon .status:before {
    content: none;
}

.contentArea .cardItem.danger {
    background-color: rgba(245, 108, 108, 0.08);
}

.contentArea .cardItem.danger .cardItemTit>span:first-child:before {
    background-color: rgba(245, 108, 108, 0.9);
    color: rgba(245, 108, 108, 0.9);
}

.contentArea .cardItem.danger .cardItemTit>span:nth-child(2) .icon {
    color: rgba(245, 108, 108, 0.7);
}

.contentArea .cardItem.danger .cardItemCon .status {
    color: #fff;
    background-color: rgba(245, 108, 108, 0.5);
}

.contentArea .cardItem.danger .cardItemCon .status:before {
    content: none;
}

.contentArea .cardItem.success {
    background-color: rgba(103, 194, 58, 0.08);
}

.contentArea .cardItem.success .cardItemTit>span:first-child:before {
    background-color: rgba(103, 194, 58, 0.9);
    color: rgba(103, 194, 58, 0.9);
}

.contentArea .cardItem.success .cardItemTit>span:nth-child(2) .icon {
    color: rgba(103, 194, 58, 0.7);
}

.contentArea .cardItem.success .cardItemCon .status {
    color: #fff;
    background-color: rgba(103, 194, 58, 0.5);
}

.contentArea .cardItem.success .cardItemCon .status:before {
    content: none;
}

.contentArea .cardItem .cardItemTit {
    font-size: 90%;
    display: flex;
    justify-content: space-between;
    padding: 0.2rem 0.3rem 0.15rem;
    align-items: center;
}

.contentArea .cardItem .cardItemTit:before {
    border-color: rgba(0, 0, 0, 0.08);
}

.contentArea .cardItem .cardItemTit>span:first-child {
    display: flex;
    align-items: center;
}

.contentArea .cardItem .cardItemTit>span:nth-child(2) .icon {
    margin-left: 0.15rem;
    color: rgba(0, 148, 192, 0.5);
}

.contentArea .cardItem .cardItemCon {
    flex: 1;
    font-size: 90%;
    display: flex;
    align-items: center;
    padding: 0.15rem 0.3rem 0.2rem;
    justify-content: space-between;
}

.contentArea .cardItem .cardItemCon.less {
    justify-content: space-around;
}

.contentArea .cardItem .cardItemCon.many>div {
    flex-direction: row;
    flex-wrap: wrap;
}

.contentArea .cardItem .cardItemCon.many>div:first-child {
    flex: 0 0 80%;
    overflow: hidden;
}

.contentArea .cardItem .cardItemCon.many>div>div {
    flex: 0 0 50%;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

.contentArea .cardItem .cardItemCon>div {
    display: flex;
    flex-direction: column;
}

.contentArea .cardItem .cardItemCon>div span:first-child:not(.status) {
    opacity: 0.6;
}

.contentArea .cardItem .cardItemCon>div span:nth-child(2):not(.status) {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.contentArea .cardItem .cardItemCon>div .small {
    font-size: 90%;
}

.contentArea .cardItem .cardItemCon>div .status {
    border-radius: 10rem;
    padding: 0 0.15rem;
    white-space: nowrap;
}

.contentArea .cardItem .cardItemCon>div .status:before {
    border-radius: 10rem;
}

.contentArea .cardItem .cardItemCon .status+.button {
    margin: 0.2rem auto 0.1rem;
    width: 1.5rem;
    font-size: 85%;
}

.contentArea .cardItem .cardItemCon .ssite2 {
    width: 100%;
    font-size: 105%;
}

.contentArea .cardItem .cardItemCon .ssite2 .srow {
    display: flex;
    justify-content: space-between;

}

.contentArea .cardItem .cardItemCon .ssite2 .srow:first-child {
    margin-bottom: 0.15rem;
}

.contentArea .cardItem .cardItemCon .ssite2 .srow:last-child>div span:last-child {
    color: #ef5155;
}

.contentArea .cardItem .cardItemCon .ssite2 .srow>div {
    display: flex;
    flex-direction: column;
    width: 3.3rem;
}

.contentArea .cardItem .cardItemCon .ssite2 .srow>div span:first-child {
    width: 4.1rem;
}

.contentArea .cardItem .cardItemCon .sbtns2 {
    height: 1.4rem;
    display: flex;
    justify-content: space-between;
}

/* </style> */



/* <style> */
.fb-recent-bets {
    padding: 10px 0;
    font-size: 90%;
}

.fb-recent-bets-tab ul {
    display: flex;
    align-items: center;
    gap: 20px;
    padding: 0 10px;

}

.fb-recent-bets-tab ul li {
    border: 1px solid;
    border-color: #ebe8f9;
    background: #fff;
    color: #797692;
    padding: 0 10px;
    height: 30px;
    font-size: 90%;
    display: flex;
    align-items: center;
    border-radius: 3px;
}

.fb-recent-bets-tab ul li.active {
    background: #DC7C49;
    color: #fff;
}

.fb-recent-bets-btns {
    display: flex;
    text-align: center;
}

.fb-recent-bets-query {
    width: 60%;
    background-color: #e97070;
    color: #fff;
    padding: 15px 0;
}

.fb-recent-bets-status {
    width: 40%;
    background-color: #F7F7F7;
    color: #777;
    padding: 15px 0;
}

/* </style> */


.fb-recent-bets-item {
    display: flex;
    gap: 10px;
    border-bottom: 1px solid #eee;
    padding: 0 10px;

}

.fb-recent-bets-item .fb-recent-bets-item-left {
    width: auto;
    padding: 15px 0;
}

.fb-recent-bets-item .fb-recent-bets-item-right {
    flex: 1;
    padding: 15px 0;
    color: #F69A4C;
}


.contentArea .cardItem .cardItemCon .fb-another-bet {
    background: #f4586e;
    border: none;
    color: #fff;
    padding: 2px;
    border-radius: 2px;

}

.alert-dialog--select {
    overflow: hidden;
    width: auto;
    min-width: 6rem;
    max-width: 7.5rem;
}

.alert-dialog--select.alert-dialog--wplus {
    min-width: 7rem;
    max-width: 8rem;
}

.alert-dialog--select .alert-dialog-container--select {
    padding-top: 0;
}

.alert-dialog--select .alert-dialog-content--select {
    min-height: auto;
    padding: .2rem;
    font-size: inherit;
    background-color: rgba(195, 45, 55, 0.7);
    color: #fff;
}

.alert-dialog--select .alert-dialog-footer--select {
    max-height: 60vh;
    overflow-y: auto;
    flex-direction: column;
}

.alert-dialog--select .alert-dialog-button--select {
    border-left: none;
    height: auto;
    line-height: inherit;
    color: #777;
    display: flex;
    justify-content: space-between;
    padding: .2rem .35rem;
    align-items: center;
    min-height: 1rem;
}

.alert-dialog--select .alert-dialog-button--select:after {
    content: '\e9ae';
    font-family: "fontello";
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.alert-dialog--select .alert-dialog-button--select.alert-dialog-button--primal--select {
    color: #C32D37;
}

.alert-dialog--select .alert-dialog-button--select.alert-dialog-button--primal--select:after {
    content: '\e9b1';
}

@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi),
(min-resolution: 2dppx) {
    .alert-dialog--select .alert-dialog-button--select {
        border-top: none;
        background-size: 100% 1px;
        background-repeat: no-repeat;
        background-position: top;
        background-image: linear-gradient(180deg, #ddd, #ddd 50%, transparent 50%);
    }
}

#fb-all-czdialog .alert-dialog-container {
    padding-top: 0;
}

#fb-all-czdialog .alert-dialog--select .alert-dialog-content--select,
.fb-all-dialog .alert-dialog--select .alert-dialog-content--select {
    min-height: auto;
    padding: .2rem;
    font-size: inherit;
    background-color: #e89d56;
    color: #fff;
}

#fb-all-czdialog .alert-dialog--select .alert-dialog-button--select.alert-dialog-button--primal--select,
.fb-all-dialog .alert-dialog--select .alert-dialog-button--select.alert-dialog-button--primal--select {
    color: #e89d56;
}

.fb-icon-tip-box {
    display: flex;
    height: 100%;
    align-items: center;
    justify-content: center;
    position: absolute;
    right: 5px;
    top: 0;

}

.fb-icon-tip {
    background-image: url(https://www.fb26k.com/template/fubang2/images/ico/icon-introduce.png?v0822);
    background-size: 40px 40px;
    width: 40px;
    height: 40px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
}

/* <style type="text/css"> */


.unityDialog {
    /*统一的通用Dialog标准样式*/
}

.unityDialog .unityMain {
    width: 85vw;
    max-height: 70vh;
    overflow: hidden;
    /* overflow-y: auto; */
    display: flex;
    flex-direction: column;
    position: relative;
}

.unityDialog .unityMain .loadingMask {
    z-index: 110;
}

.unityDialog .top {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 101 !important;
    background: linear-gradient(-45deg, #C32D37 0%, #fff 200%);
    color: #fff;
    height: .9rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #C32D37;
}

.unityDialog .top {
    background: #e89d56;
}

.unityDialog .middle {
    flex: 1;
    overflow-y: auto;
    position: relative;
    background-color: #f3f3f3;
    padding: 1.1rem .2rem 0;
}

.unityDialog .middle:after {
    content: '';
    height: 1.3rem;
    display: block;
    flex: 0 0 1.3rem;
}

.unityDialog .middle .unityDialogCard {
    background-color: #fff;
    border-radius: 8px;
}

.unityDialog .middle .tter {
    text-align: center;
}

.unityDialog .middle .tter>div:first-child {
    position: relative;
    margin-bottom: .2rem;
    z-index: 1;
}

.unityDialog .middle .tter>div:first-child:after {
    content: '';
    position: absolute;
    z-index: -1;
    top: 50%;
    left: 0;
    right: 0;
    height: 1px;
    background-color: rgba(0, 0, 0, 0.2);
    display: block;
    -webkit-transform-origin: 50% 0%;
    transform-origin: 50% 0%;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) {
    .unityDialog .middle .tter>div:first-child:after {
        -webkit-transform: scaleY(0.5);
        transform: scaleY(0.5);
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 3) {
    .unityDialog .middle .tter>div:first-child:after {
        -webkit-transform: scaleY(0.33);
        transform: scaleY(0.33);
    }
}

.unityDialog .middle .tter>div:first-child span {
    color: #C32D37;
    background-color: #f3f3f3;
    padding: 0 .15rem;
}

.unityDialog .bottom {
    background-color: #fff;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 1.1rem;
    display: flex;
    z-index: 101 !important;
}

.unityDialog .bottom>span {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #333;
    flex: 1;
}

.unityDialog .bottom>span:active {
    color: rgba(51, 51, 51, 0.7);
    background-color: #f0f0f0;
}

.unityDialog .bottom>span.disable {
    pointer-events: none;
    opacity: .5;
}

.unityDialog .bottom>span:last-child {
    background-image: linear-gradient(-45deg, #C32D37 0%, #fff 200%);
    background-color: #C32D37;
    color: #fff;
}

.unityDialog .bottom>span:last-child {
    background-image: unset;
    background-color: #e6e6e6;
    color: #353535;
}


.unityDialog .bottom>span:last-child:active {
    color: rgba(255, 255, 255, 0.8);
    background-image: linear-gradient(-45deg, rgba(195, 45, 55, 0.9) 0%, #fff 200%);
    background-color: rgba(195, 45, 55, 0.9);
}

.inputNumberDialog .top {
    text-align: center;
}

.inputNumberDialog .middle {
    padding: .25rem .15rem .6rem;
    display: flex;
}

.inputNumberDialog .middle.hor {
    flex-direction: row;
    justify-content: center;
}

.inputNumberDialog .middle.ver {
    flex-direction: column;
    align-items: center;
}

.inputNumberDialog .bottom:before {
    border-color: rgba(0, 0, 0, 0.15);
}

.inputNumberDialog .bottom .button:before {
    border-color: rgba(0, 0, 0, 0.15);
}

.inputNumberDialog .bottom .button:active {
    background-color: #f5f5f5;
}

.toast {
    left: .3rem;
    right: .3rem;
    bottom: .3rem;
    margin: 0;
    min-height: auto;
    line-height: normal;
    padding: .4rem .25rem;
    display: flex;
    align-items: center;
    border: 1px solid transparent;
    color: #fff;
}

.toast:before {
    content: '\eab4';
    font-family: "fontello";
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    padding-right: .15rem;
    font-size: .44rem;
}

.toast__message {
    font-size: inherit;
    margin: 0 .25rem 0 0;
    color: inherit;
}

.toast--small {
    font-size: inherit;
}

.toast--small .toast__message {
    font-size: 86%;
}

.toast__button {
    font-size: inherit;
    padding: .1rem;
    min-width: 1.4rem;
    color: inherit;
}

.toast--success {
    color: #67c23a;
    background: rgba(240, 249, 235, 0.9);
    border-color: #c2e7b0;
}

.toast--success:before {
    content: '\f0bd';
}

.toast--warning {
    color: #e6a23c;
    background: rgba(253, 246, 236, 0.9);
    border-color: #f5dab1;
}

.toast--warning:before {
    content: '\ee37';
}

.toast--error {
    color: #f56c6c;
    background: rgba(254, 240, 240, 0.9);
    border-color: #fbc4c4;
}

.toast--error:before {
    content: '\f0bf';
}

.action-sheet {
    left: .3rem;
    right: .3rem;
    bottom: .7rem;
}

.action-sheet-button+.action-sheet-button,
.action-sheet-title {
    position: relative;
    z-index: 99;
}

.action-sheet-button+.action-sheet-button:before,
.action-sheet-title:before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    height: 1px;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.07);
    display: block;
    z-index: 100;
    -webkit-transform-origin: 50% 0%;
    transform-origin: 50% 0%;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) {

    .action-sheet-button+.action-sheet-button:before,
    .action-sheet-title:before {
        -webkit-transform: scaleY(0.5);
        transform: scaleY(0.5);
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 3) {

    .action-sheet-button+.action-sheet-button:before,
    .action-sheet-title:before {
        -webkit-transform: scaleY(0.33);
        transform: scaleY(0.33);
    }
}

.action-sheet-title {
    height: 1.2rem;
    font-size: .36rem;
    line-height: normal;
    display: flex;
    align-items: center;
    justify-content: center;
    background-image: none;
}

.action-sheet-title:before {
    bottom: 0;
}

.action-sheet-button {
    height: auto;
    min-height: 1.2rem;
    font-size: .4rem;
    line-height: normal;
    display: flex;
    align-items: center;
    justify-content: center;
    background-image: none;
}

.action-sheet-button:before {
    top: 0;
}

.action-sheet-button:last-of-type {
    margin: .2rem 0 0 0;
    font-weight: bold;
}

.action-sheet-button:last-of-type:before {
    content: none;
}

.toolbar {
    height: 1.2rem;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #353641;
}

.toolbar .toolbar__left,
.toolbar .toolbar__center,
.toolbar .toolbar__title,
.toolbar .toolbar__right {
    line-height: inherit;
    font-size: inherit;
}

.toolbar .toolbar__title {
    color: #fff;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.toolbar .toolbar-button {
    padding: .1rem .2rem;
    font-size: .44rem;
    display: flex;
    align-items: center;
}

.toolbar .toolbar-button>ons-icon[icon*="ion-"] {
    font-size: inherit;
}

.toolbar .toolbar-button:active {
    opacity: .8;
}

.toolbar .toolbar-button--outline {
    margin: auto .1rem;
    padding: .1rem;
}

.page__content {
    color: #130f1a;
}

.page__content h1,
.page__content h2,
.page__content h3,
.page__content h4,
.page__content h5 {
    margin: 0;
    padding: 0;
    font-size: inherit;
    font-family: inherit;
}

.progress-circular,
ons-progress-circular {
    width: .8rem;
    height: .8rem;
}

:not(ons-toolbar-button):not(ons-action-sheet-button):not(.segment__button)>.ons-icon--ion {
    line-height: inherit;
    vertical-align: inherit;
}

@media (orientation: portrait) {
    html[onsflag-iphonex-portrait] .appTips {
        top: 1rem;
    }

    html[onsflag-iphonex-portrait] .hasApptip .toolbar {
        padding-top: 2rem;
    }

    html[onsflag-iphonex-portrait] .hasApptip .page[hasTopBar]>.page__content {
        padding-top: 3.2rem;
    }

    html[onsflag-iphonex-portrait] .hasApptip .page--menu .page--menu__content .menutop {
        padding-top: 2.3rem;
    }

    html[onsflag-iphonex-portrait] .hasApptip .page--menu .page--menu__content .menutop>.ons-icon {
        margin-top: 2rem;
    }

    html[onsflag-iphonex-portrait] .hasApptip .page--userCenter .page__content {
        padding-top: 1rem;
    }

    html[onsflag-iphonex-portrait] .hasApptip .page--userCenter .page__content .topbutton,
    html[onsflag-iphonex-portrait] .hasApptip .page--userCenter .page__content .topinfo {
        padding-top: 2.2rem;
    }

    html[onsflag-iphonex-portrait] .hasApptip .page--activityDetail .page__content .publicButton,
    html[onsflag-iphonex-portrait] .hasApptip .page--thirdIndex .page__content .publicButton {
        top: 2.5rem;
    }

    html[onsflag-iphonex-portrait] .toolbar {
        padding-top: 1rem;
    }

    html[onsflag-iphonex-portrait] .page .page__content {
        padding-top: 1rem;
        padding-bottom: 0.8rem;
    }

    html[onsflag-iphonex-portrait] .page[hasTopBar]>.page__content {
        padding-top: 2.2rem;
    }

    html[onsflag-iphonex-portrait] .page--menu .page--menu__content {
        padding-top: 0;
    }

    html[onsflag-iphonex-portrait] .page--menu .page--menu__content .menutop {
        padding-top: 1.3rem;
    }

    html[onsflag-iphonex-portrait] .page--menu .page--menu__content .menutop>.ons-icon {
        margin-top: 1rem;
    }

    html[onsflag-iphonex-portrait] .page--userCenter .page__content .topbutton,
    html[onsflag-iphonex-portrait] .page--userCenter .page__content .topinfo {
        padding-top: 1rem;
    }

    html[onsflag-iphonex-portrait] .page--login .page__content .foot {
        padding-bottom: 1.3rem;
    }

    html[onsflag-iphonex-portrait] .page--activityDetail .page__content .publicButton,
    html[onsflag-iphonex-portrait] .page--thirdIndex .page__content .publicButton {
        top: 1.5rem;
    }

    html[onsflag-iphonex-portrait] .page--thirdPlay .page__content {
        padding-top: 0;
        padding-bottom: 0;
    }

    html[onsflag-iphonex-portrait] .page--thirdPlay[hastopbar] .page__content {
        padding-top: 1rem;
        padding-bottom: 0.8rem;
    }

    html[onsflag-iphonex-portrait] .page--lottery .lotteryMain .ons-swiper ons-carousel-item>div>.foot.normal_foot {
        background: linear-gradient(to bottom, #fff 0%, #fff 30%, #f5f5f5 100%);
    }

    html[onsflag-iphonex-portrait] .page--lottery .lotteryMain .ons-swiper ons-carousel-item>div>.foot.normal_foot .onkeyBet {
        margin: .06rem .2rem 0.06rem 0;
        flex: 1;
    }

    html[onsflag-iphonex-portrait] .page--lottery .lotteryMain .ons-swiper ons-carousel-item>div>.foot.pk_foot>span {
        background: linear-gradient(to bottom, #fff 0%, #fff 30%, #f5f5f5 100%);
        position: relative;
        z-index: 99;
    }

    html[onsflag-iphonex-portrait] .page--lottery .lotteryMain .ons-swiper ons-carousel-item>div>.foot.pk_foot .amountBar {
        background: none;
    }

    html[onsflag-iphonex-portrait] .page--lottery .lotteryMain .ons-swiper ons-carousel-item>div>.foot.pk_foot .btnBar {
        background: none;
        position: relative;
        z-index: 99;
    }

    html[onsflag-iphonex-portrait] .page--lottery .lotteryMain .ons-swiper ons-carousel-item>div>.foot.pk_foot .button--primary {
        border-radius: 10rem;
        margin: .06rem .2rem .06rem .1rem;
    }

    html[onsflag-iphonex-portrait] .page--lottery .lotteryMain .ons-swiper ons-carousel-item>div>.foot.pk_foot .button--default {
        background-color: #e7e7e7;
        border-radius: 10rem;
        margin: .06rem .1rem .06rem .2rem;
    }

    html[onsflag-iphonex-portrait] .page--lottery .lotteryMain .ons-swiper ons-carousel-item>div>.foot.pk_foot .button--default:before {
        border: 1px solid rgba(0, 0, 0, 0.05);
        border-radius: 10rem;
    }

    html[onsflag-iphonex-portrait] .GlobalBottomBar {
        height: 2.1rem;
        padding-bottom: 0.8rem;
        box-sizing: border-box;
    }
}

@media (orientation: landscape) {
    html[onsflag-iphonex-landscape] .page .page__content {
        padding-left: 1rem;
        padding-right: 1rem;
        padding-bottom: 0.5rem;
    }

    html[onsflag-iphonex-landscape] .page .page__content>.list:not(.list--inset) {
        margin-left: -1rem;
        margin-right: -1rem;
    }

    html[onsflag-iphonex-landscape] .page .page__content>.list:not(.list--inset)>.list-item,
    html[onsflag-iphonex-landscape] .page .page__content>.list:not(.list--inset) .list-header {
        padding-left: 1.3rem;
    }

    html[onsflag-iphonex-landscape] .page .page__content>.list:not(.list--inset)>.list-item--chevron:before {
        right: 1.3rem;
    }

    html[onsflag-iphonex-landscape] .page .page__content>.list:not(.list--inset) .list-item>.list-item__center:last-child {
        padding-right: 1.3rem;
    }

    html[onsflag-iphonex-landscape] .page .page__content>.list:not(.list--inset) .list-item>.list-item__right {
        padding-right: 1.3rem;
    }

    html[onsflag-iphonex-landscape] .page .page__content>.list:not(.list--inset) .list-item>.list-item--chevron__right {
        padding-right: 1.5rem;
    }

    html[onsflag-iphonex-landscape] .toolbar__left {
        padding-left: 0;
        left: 1rem;
    }

    html[onsflag-iphonex-landscape] .toolbar__right {
        padding-right: 0;
        right: 1rem;
    }

    html[onsflag-iphonex-landscape] ons-splitter-side[side="left"] .page--menu .page--menu__content {
        padding-right: 0;
        padding-left: 0;
    }

    html[onsflag-iphonex-landscape] ons-splitter-side[side="left"] .page--menu .page--menu__content .list:not(.list--inset) {
        margin-right: 0;
        margin-left: 0;
    }

    html[onsflag-iphonex-landscape] ons-splitter-side[side="left"] .page--menu .page--menu__content .menutop {
        padding-left: 1rem;
    }

    html[onsflag-iphonex-landscape] ons-splitter-side[side="left"] .page--menu .page--menu__content .funds {
        padding-left: 1.2rem;
    }

    html[onsflag-iphonex-landscape] ons-splitter-side[side="left"] .page--menu .page--menu__content .menulist .list-item.list-item--chevron:before {
        right: .3rem;
    }

    html[onsflag-iphonex-landscape] ons-splitter-side[side="left"] .page--menu .page--menu__content .menulist .list-item .list-item__center:last-child {
        padding-right: .8rem;
    }

    html[onsflag-iphonex-landscape] .GlobalBottomBar {
        padding-left: 1rem;
        padding-right: 1rem;
        height: 1.8rem;
        padding-bottom: 0.5rem;
        box-sizing: border-box;
    }
}

/* 组合 onsenui 按钮 modifier 属性 quiet, outline, cta, large ; ripple */
.button {
    padding: .1rem;
    font-size: inherit;
    line-height: inherit;
}

.button:active {
    opacity: 0.8;
}

.button[ripple]:active {
    opacity: 1;
}

.button--text,
.button--text:active {
    border-color: transparent;
    color: #777;
    background: transparent;
}

.button--default,
.button--default:active,
.button--default:hover {
    background-color: #fff;
    color: #777;
    border-color: #e8e8e8;
}

.button--primary,
.button--primary:active {
    color: #fff;
    background-color: #C32D37;
    border-color: #C32D37;
}

.button--primary[plain],
.button--primary:active[plain] {
    color: #C32D37;
    background: #f9eaeb;
    border-color: #f0cbcd;
}

.button--success,
.button--success:active {
    color: #fff;
    background-color: #67c23a;
    border-color: #67c23a;
}

.button--success[plain],
.button--success:active[plain] {
    color: #67c23a;
    background: #f0f9eb;
    border-color: #c2e7b0;
}

.button--info,
.button--info:active {
    color: #fff;
    background-color: #909399;
    border-color: #909399;
}

.button--info[plain],
.button--info:active[plain] {
    color: #909399;
    background: #f4f4f5;
    border-color: #d3d4d6;
}

.button--warning,
.button--warning:active {
    color: #fff;
    background-color: #e6a23c;
    border-color: #e6a23c;
}

.button--warning[plain],
.button--warning:active[plain] {
    color: #e6a23c;
    background: #fdf6ec;
    border-color: #f5dab1;
}

.button--danger,
.button--danger:active {
    color: #fff;
    background-color: #f56c6c;
    border-color: #f56c6c;
}

.button--danger[plain],
.button--danger:active[plain] {
    color: #f56c6c;
    background: #fef0f0;
    border-color: #fbc4c4;
}

.page[hasBottomBar]>.page__content:after {
    content: '';
    height: 1.3rem;
    display: block;
    flex: 0 0 1.3rem;
}

.page[hasTopBar]>.page__content {
    padding-top: 1.2rem;
}

.nothing,
.errMsgBox {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: normal;
    color: #c3bdcf;
    background-color: transparent;
}

.nothing:before,
.errMsgBox:before {
    padding-right: 0.1rem;
}

.errMsgBox {
    padding: 0.6rem;
    color: inherit;
    box-sizing: border-box;
    flex-direction: column;
    text-align: center;
}

.errMsgBox:before {
    padding: 0;
    font-size: 300%;
    margin-bottom: 0.2rem;
}

.errMsgBox.error:before {
    color: #f56c6c;
}

.errMsgBox.warning:before {
    color: #e6a23c;
}

.errMsgBox.success:before {
    color: #67c23a;
}

.bottomEndLine,
.pageTipsTit {
    display: flex;
    justify-content: center;
    padding: 0.3rem;
    color: #ccc;
    font-size: 90%;
}

.bottomEndLine>span,
.pageTipsTit>span {
    position: relative;
    display: flex;
    width: 100%;
    align-items: center;
}

.bottomEndLine>span span,
.pageTipsTit>span span {
    margin: 0 0.15rem;
    color: #bfbdcd;
}

.bottomEndLine>span:before,
.bottomEndLine>span:after,
.pageTipsTit>span:before,
.pageTipsTit>span:after {
    content: '';
    flex: 1;
    height: 1px;
    background-color: rgba(0, 0, 0, 0.1);
    display: block;
    -webkit-transform-origin: 50% 0%;
    transform-origin: 50% 0%;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) {

    .bottomEndLine>span:before,
    .bottomEndLine>span:after,
    .pageTipsTit>span:before,
    .pageTipsTit>span:after {
        -webkit-transform: scaleY(0.5);
        transform: scaleY(0.5);
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 3) {

    .bottomEndLine>span:before,
    .bottomEndLine>span:after,
    .pageTipsTit>span:before,
    .pageTipsTit>span:after {
        -webkit-transform: scaleY(0.33);
        transform: scaleY(0.33);
    }
}

.page.page--hasSlide .page__content {
    display: flex;
    flex-direction: column;
}

.onePageSlide {
    position: relative;
    display: flex;
    flex: auto;
}

.onePageSlide>.onePageSlideItem {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow-y: auto;
    background-color: #fff9f8;
    padding: 0;
    margin-top: 0.1rem;
}

.onePageSlide>.onePageSlideItem.carouselPageSlideItem {
    display: flex;
    flex-direction: column;
}

.onePageSlide>.onePageSlideItem.carouselPageSlideItem .pageTabs {
    position: relative;
    height: .8rem;
    background-color: #fff;
    color: #777;
}

.onePageSlide>.onePageSlideItem.carouselPageSlideItem .pageTabs:before {
    border-color: rgba(0, 0, 0, 0.25);
}

.onePageSlide>.onePageSlideItem.carouselPageSlideItem .pageTabs ul {
    display: flex;
    align-items: center;
    height: 100%;
}

.onePageSlide>.onePageSlideItem.carouselPageSlideItem .pageTabs ul li {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 1;
    font-size: .32rem;
}

.onePageSlide>.onePageSlideItem.carouselPageSlideItem .pageTabs ul li.active {
    color: #C32D37;
}

.onePageSlide>.onePageSlideItem.carouselPageSlideItem .pageTabs .tabsIndicator {
    position: absolute;
    bottom: 0;
    height: 2px;
    z-index: 101;
    background-color: #C32D37;
    transition: all 0.25s cubic-bezier(0.4, 0.7, 0.5, 1) 0s;
}

.onePageSlide>.onePageSlideItem.carouselPageSlideItem .ons-swiper {
    flex: 1;
}

.onePageSlide>.onePageSlideItem.carouselPageSlideItem .ons-swiper ons-carousel-item .pullCon {
    height: 100%;
    overflow-y: auto;
    padding: 0 .3rem;
}

.onePageSlide>.onePageSlideItem.carouselPageSlideItem .ons-swiper ons-carousel-item .pullCon:after {
    content: '';
    height: .5rem;
    display: block;
    flex: 0 0 .5rem;
}

.onePageSlideItem .pageTipsTit,
.page__content.features .pageTipsTit {
    font-size: 90%;
    color: #C32D37;
    padding: .1rem 0.3rem 0.3rem;
    color: gray;
}

.onePageSlideItem .tips,
.page__content.features .tips {
    padding: 0 0.3rem 0.3rem;
    font-size: 90%;
    line-height: normal;
}

.onePageSlideItem .tips+.list:before,
.page__content.features .tips+.list:before {
    border-top: 1px solid rgba(0, 0, 0, 0.1);
}

.onePageSlideItem .tips>p+p,
.page__content.features .tips>p+p {
    padding-top: 0.1rem;
}

.onePageSlideItem .tips>p.textc,
.page__content.features .tips>p.textc {
    color: #C32D37;
}

.onePageSlideItem .tips>p .textc,
.page__content.features .tips>p .textc {
    color: #C32D37;
    padding: 0 0.05rem;
    word-break: break-all;
}

.onePageSlideItem .tips.tipsx,
.page__content.features .tips.tipsx {
    padding: 0.3rem 0.4rem;
}

.onePageSlideItem .tips.nothingtip,
.page__content.features .tips.nothingtip {
    padding: 1rem 0.3rem;
    text-align: center;
}

.onePageSlideItem .tips+.pageTipsTit,
.page__content.features .tips+.pageTipsTit {
    padding: 0.3rem;
}

.onePageSlideItem .tips.style2>p.textc,
.onePageSlideItem .tips.style2>p .textc,
.page__content.features .tips.style2>p.textc,
.page__content.features .tips.style2>p .textc {
    color: #dba881;
}

.routeTransition,
.onePageSlideItem {
    /* transition: transform 0.4s cubic-bezier(0.55, 0, 0.1, 1), opacity 0.4s cubic-bezier(0.55, 0, 0.1, 1); */
    background: #fff;
    margin-top: -0.1rem;
    padding: 0.3rem 0.2rem;
}

.slide-left-enter,
.slide-right-leave-active {
    opacity: 0;
    -webkit-transform: translate(50px, 0);
    transform: translate(50px, 0);
}

.slide-left-leave-active,
.slide-right-enter {
    opacity: 0;
    -webkit-transform: translate(-50px, 0);
    transform: translate(-50px, 0);
}

.slide-fade-enter,
.slide-fade-leave-active {
    opacity: 0;
}

.page__background {
    background-color: #fff;
}

.page.page--menu .page--menu__background {
    background-color: #faecec;
}

.page.page--menu .menutop {
    padding: 0.2rem 0;
    color: #554343;
    background: linear-gradient(to bottom right, #434452 0, #434452 75%);
    border-bottom: 1px solid #0C6A9B;
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    font-weight: bold;
}

.page.page--menu .menutop .face {
    background-color: transparent;
    color: #777;
    width: 2rem;
    height: 2rem;
    border-radius: 100%;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1.2rem;
    margin: 0.1rem 0;
}

.page.page--menu .menutop .face img {
    width: 100%;
    display: block;
}

.page.page--menu .menutop .face:active {
    opacity: .8;
}

.page.page--menu .menutop .account {
    font-size: 90%;
    padding: 0.05rem 0.25rem;
}

.page.page--menu .menutop .balance {
    font-size: 80%;
    padding: 0.1rem 0.15rem 0;
    display: flex;
    justify-content: center;
    width: 100%;
    box-sizing: border-box;
    margin-bottom: 0.3rem;
}

.page.page--menu .menutop .balance>span+span {
    padding-left: 0.2rem;
}

.page.page--menu .menutop .balance>span:active {
    opacity: 0.8;
}

.page.page--menu .menutop .balance em {
    font-weight: normal;
    padding-left: .1rem;
}

.page.page--menu .menutop .message {
    position: absolute;
    top: 0.2rem;
    right: 0.3rem;
    font-size: 0.5rem;
    padding: 0.1rem;
}

.page.page--menu .menutop .soundBtn {
    position: absolute;
    top: 1rem;
    right: 0.28rem;
    font-size: 0.5rem;
    padding: 0.1rem;
}

.page.page--menu .menutop .soundBtn.fe-icon-soundon {
    color: green;
}

.page.page--menu .menutop .soundBtn.fe-icon-soundoff {
    color: #ccc;
}

.page.page--menu .funds {
    padding: 0.2rem 0.2rem;
    justify-content: space-between;
}

.page.page--menu .funds ons-col {
    flex: 0 0 31%;
}

.page.page--menu .funds ons-col .button {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0.2rem;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
}

.page.page--menu .funds ons-col .button span {
    font-size: 0.36rem;
    padding-left: 0.05rem;
}

.page.page--menu .menulist {
    background: #faecec;
}

.page.page--menu .menulist>*+.list-item:after {
    content: '';
    position: absolute;
    top: 0;
    height: 1px;
    left: 0;
    right: 0;
    width: 100%;
    background-color: #E4E4E4;
    display: block;
    -webkit-transform-origin: 50% 0%;
    transform-origin: 50% 0%;
}

.page.page--menu .menulist .list-item--expandable {
    padding: 0;
}

.page.page--menu .menulist .list-item--expandable .list-item__top {
    padding-left: 0.3rem;
    box-sizing: border-box;
}

.page.page--menu .menulist .list-item--expandable .list-item__expandable-content {
    font-size: 90%;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0));
    padding: 0.1rem 0;
}

.page.page--menu .menulist .list-item--expandable .list-item__expandable-content>div {
    padding: 0.2rem 0 0.2rem 0.95rem;
}

.page.page--menu .menulist .list-item--expandable .list-item__expandable-content>div:before {
    border-color: rgba(0, 0, 0, 0.08);
}

.page.page--menu .menulist .list-item--expandable .list-item__expandable-content>div i {
    padding-right: 0.1rem;
}

.page.page--menu .menulist .list-item--expandable .list-item__expandable-content>div:active {
    color: rgba(119, 119, 119, 0.6);
}

.page.page--menu .menulist .list-item {
    padding: 0.1rem 0 0.1rem .3rem;
}

.page.page--menu .menulist .list-item.type1 {
    border-bottom: 1px solid #f1d8d5;
}

.page.page--menu .menulist .list-item.type1:last-child {
    border: 0;
}

.page.page--menu .menulist .list-item.type2.marginLine {
    margin-top: .3rem;
}

.page.page--menu .menulist .left {
    width: 0.65rem;
}

.page.page--menu .menulist .left img {
    width: 0.5rem;
}

.page.page--menu .menulist .left .icon {
    margin: auto;
}

.page.page--menu .menulist .center {
    color: #62616c;
    font-size: 85%;
}

.page.page--menu .menulist .right.re-icon {
    padding-right: 0.2rem;
    color: #c7c7c7;
}

.page.page--menu .menulist #type2 {
    padding: 0;
}

.page.page--menu .menulist #type2:after {
    background-color: unset;
}

.page.page--menu .menulist #type2 .center {
    padding: 0;
    margin: 0.1rem 0.4rem;
}

.page.page--menu .menulist #type2 .btnType {
    display: flex;
    align-items: center;
    width: 100%;
    height: 100%;
    background-color: #d06969;
    border-radius: 3px;
    color: #f3f3f8;
}

.page.page--menu .menulist #type2 .btnType div {
    width: 0.65rem;
    height: 0.65rem;
    background-size: 100%;
    background-repeat: no-repeat;
    margin: 0 0.4rem 0 1.2rem;
}

.page.page--menu .menulist #type2 .btnType.WDRecord div {
    background-image: url("/template/fubang2/images/index/icon-WDRecord.png?v0828");
    background-size: cover;
}

.page.page--menu .menulist #type2 .btnType.gameRecord div {
    background-image: url("/template/fubang2/images/index/icon-gameRecord.png?v0828");
}

.page.page--menu .menulist #type2 .btnType.activity div {
    background-image: url("/template/fubang2/images/index/icon-activity.png?v0828");
}

.page.page--menu .menulist #type2 .btnType.team div {
    background-image: url("/template/fubang2/images/index/icon-team.png?v0828");
}

.page.page--menu .menulist #type2 .btnType.download div {
    background-image: url("/template/fubang2/images/index/icon-download.png?v0828");
}

.page.page--menu .menulist #type2 .btnType.guaji div {
    background-image: url("/template/fubang2/images/index/icon-guaji.png?v0828");
}

.page.page--index,
.page.page--addUser {
    color: #fff !important;
}

.page.page--index .page__background,
.page.page--addUser .page__background {
    background-color: #fff;
}

.page.page--index .bottomEndLine,
.page.page--addUser .bottomEndLine {
    font-size: 80%;
    padding: 0.4rem 0.3rem;
}

.page.page--index .carousel,
.page.page--addUser .carousel {
    background-color: #f7f1f9;
    height: 4.8rem;
    position: relative;
}

.page.page--index .carousel .ons-swiper,
.page.page--addUser .carousel .ons-swiper {
    height: 100%;
}

.page.page--index .carousel .ons-swiper .ons-swiper-target,
.page.page--addUser .carousel .ons-swiper .ons-swiper-target {
    height: 100%;
}

.page.page--index .carousel .ons-swiper .ons-swiper-target .animated.faster,
.page.page--addUser .carousel .ons-swiper .ons-swiper-target .animated.faster {
    height: 100%;
}

.page.page--index .carousel .ons-swiper .ons-swiper-target .animated.faster .carouselImg,
.page.page--addUser .carousel .ons-swiper .ons-swiper-target .animated.faster .carouselImg {
    background-color: #EFEEE7;
    height: 94.7%;
    background-size: cover;
    background-position: top center;
    background-repeat: no-repeat;
    border-radius: 5px;
    margin: 0.2rem 0 !important;
}

.page.page--index .carousel .indicator,
.page.page--addUser .carousel .indicator {
    position: absolute;
    bottom: 0.2rem;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    line-height: 0;
}

.page.page--index .carousel .indicator span,
.page.page--addUser .carousel .indicator span {
    display: inline-block;
    width: 0.15rem;
    height: 0.15rem;
    border-radius: 100%;
    margin: 0 0.1rem;
    background-color: rgba(0, 0, 0, 0.2);
    border: 1px solid #ffffff73;
}

.page.page--index .carousel .indicator span.active,
.page.page--addUser .carousel .indicator span.active {
    background-color: #fff;
}

.page.page--index .announcement,
.page.page--addUser .announcement {
    position: relative;
    z-index: 1;
    background-color: #F9F2EE;
    display: flex;
    padding: 0.2rem;
    box-shadow: 0px -4px 14px 0px rgba(0, 0, 0, 0.05);
}

.page.page--index .announcement img,
.page.page--addUser .announcement img {
    width: 0.4rem;
}

.page.page--index .announcement ul,
.page.page--addUser .announcement ul {
    flex: 1;
    position: relative;
    overflow: hidden;
    margin: 0 0.15rem;
}

.page.page--index .announcement ul li,
.page.page--addUser .announcement ul li {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: 100%;
    display: flex;
    align-items: center;
    opacity: 0;
    transform: translateY(100%);
    transition: none;
}

.page.page--index .announcement ul li:first-child,
.page.page--addUser .announcement ul li:first-child {
    opacity: 1;
    transform: translateY(0);
}

.page.page--index .announcement ul li span,
.page.page--addUser .announcement ul li span {
    font-size: 0.4rem;
    color: #675f77;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    line-height: 1.5;
    font-size: 90%;
    width: 100%;
}

.page.page--index .announcement .icon,
.page.page--addUser .announcement .icon {
    color: #C32D37;
    display: flex;
    align-items: center;
}

.page.page--index .announcement .button,
.page.page--addUser .announcement .button {
    font-size: 0.32rem;
}

.page.page--index .betTabs,
.page.page--addUser .betTabs {
    position: relative;
    height: .8rem;
    background-color: #fff;
    overflow: scroll;
    color: #312E30;
    scrollbar-width: none;
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    width: 10rem;
    border-bottom: 0;
    /* z-index: 9; */
}

.page.page--index .betTabs:before,
.page.page--addUser .betTabs:before {
    border-color: #a3a3a3;
    width: 240%;
}

.page.page--index .betTabs ul,
.page.page--addUser .betTabs ul {
    display: inline-flex;
    height: 100%;
    align-items: center;
}

.page.page--index .betTabs ul li,
.page.page--addUser .betTabs ul li {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 1;
    font-size: .35rem;
    width: 2rem;
    /* border-bottom: .15rem solid transparent; */
    color: #797692;
    background: #fff;
}

.page.page--index .betTabs ul li.active,
.page.page--addUser .betTabs ul li.active {
    color: #EF6825;
}

.page.page--index .betTabs .betTabsIndicator,
.page.page--addUser .betTabs .betTabsIndicator {
    position: absolute;
    bottom: 0;
    height: .09rem;
    z-index: 101;
    background-color: #EF6825;
    transition: all 0.25s cubic-bezier(0.4, 0.7, 0.5, 1) 0s;
}

.page.page--index .userBar,
.page.page--addUser .userBar {
    display: flex;
    align-items: center;
    font-size: 85%;
    padding-left: 0.3rem;
    margin-top: .3rem;
}

.page.page--index .userBar .userImg,
.page.page--addUser .userBar .userImg {
    display: inline-block;
    width: 1rem;
    height: 1rem;
    overflow: hidden;
    border-radius: 50%;
    cursor: pointer;
    margin-right: 15px;
    margin: 0.2rem 0.2rem;
}

.page.page--index .userBar .userImg img,
.page.page--addUser .userBar .userImg img {
    max-width: 100%;
}

.page.page--index .userBar .userName,
.page.page--addUser .userBar .userName {
    font-size: 100%;
}

.page.page--index .userBar .balance,
.page.page--addUser .userBar .balance {
    margin-left: .2rem;
    color: red;
    font-size: 90%;
}

.page.page--index .userBar .ons-icon,
.page.page--addUser .userBar .ons-icon {
    color: #9da2b4;
}

.page.page--index .userBar .serviceChat,
.page.page--addUser .userBar .serviceChat {
    font-size: 80%;
    right: 0.3rem;
    position: absolute;
    padding: 0.15rem 0.40rem;
    background-color: red;
    border-radius: 30px;
    color: #fff;
}

.page.page--index .userBar .ons-icon,
.page.page--addUser .userBar .ons-icon {
    margin: 0 0rem 0 0.1rem;
}

.page.page--index .arrow,
.page.page--addUser .arrow {
    background-color: #c1c1c1ab;
    width: 0.33rem;
    height: .6rem;
    position: -webkit-sticky;
    position: sticky;
    align-items: center;
    border-radius: 3px 0px 0 3px;
    color: #fff;
    margin-top: -0.7rem;
    z-index: 999;
    font-weight: bold;
    top: .1rem;
    justify-content: center;
    display: none;
}

.page.page--index .arrow.show,
.page.page--addUser .arrow.show {
    display: flex;
}

.page.page--index .arrow.right,
.page.page--addUser .arrow.right {
    float: right;
}

.page.page--index .allLoto,
.page.page--addUser .allLoto {
    font-size: 80%;
    right: 0.3rem;
    position: absolute;
    padding: 0.1rem 0.3rem;
    background-color: #C17127;
    border-radius: 30px;
    color: #fff;
    margin-top: 0rem;
}

.page.page--index .blockTitle,
.page.page--addUser .blockTitle {
    display: flex;
    align-items: center;
    color: #554343;
    font-size: 100%;
    margin: 0.4rem 0 0.1rem 0.2rem;
}

.page.page--index .blockTitle>img,
.page.page--addUser .blockTitle>img {
    width: 1rem;
}

.page.page--index .blockTitle .lottery,
.page.page--addUser .blockTitle .lottery {
    content: url("/template/fubang2/images/index/icon-lottery_m.png");
    margin-right: -0.1rem;
}

.page.page--index .blockTitle .nlottery,
.page.page--addUser .blockTitle .nlottery {
    content: url("/template/fubang2/images/index/icon-nlottery_m.png");
}

.page.page--index .blockTitle .live,
.page.page--addUser .blockTitle .live {
    content: url("/template/fubang2/images/index/icon-live_m.png");
}

.page.page--index .blockTitle .poker,
.page.page--addUser .blockTitle .poker {
    content: url("/template/fubang2/images/index/icon-poker_m.png");
}

.page.page--index .blockTitle .sport,
.page.page--addUser .blockTitle .sport {
    content: url("/template/fubang2/images/index/icon-sport_m.png");
}

.page.page--index .blockTitle .fish,
.page.page--addUser .blockTitle .fish {
    content: url("/template/fubang2/images/index/icon-fish_m.png");
}

.page.page--index .blockTitle .slot,
.page.page--addUser .blockTitle .slot {
    content: url("/template/fubang2/images/index/icon-slot_m.png");
}

.page.page--index .listbox,
.page.page--addUser .listbox {
    scroll-margin-top: 2.3rem;
    margin-bottom: 0.6rem;
}

.page.page--index .listbox .more,
.page.page--addUser .listbox .more {
    text-align: center;
    color: #867ea9;
    font-size: 90%;
    font-weight: 500;
    margin: .2rem 0 0;
}

.page.page--index .listbox .more img,
.page.page--addUser .listbox .more img {
    width: .25rem;
}

.page.page--index .listbox .lists,
.page.page--addUser .listbox .lists {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin-left: 0.3rem;
    justify-content: flex-start;
}

.page.page--index .listbox .lists img,
.page.page--addUser .listbox .lists img {
    width: 100%;
    border-radius: 5px;
}

.page.page--index .listbox .lists .item,
.page.page--addUser .listbox .lists .item {
    /* background-color: #f7f5f4; */
    width: 2.92rem;
    margin: 0.16rem 0.3rem 0 0;
    cursor: pointer;
    color: #554343;
    /*&:before {
                    content: ' ';
                    background: linear-gradient(180deg, rgba(0, 0, 0, 0.2) 0, rgba(0, 0, 0, 0.2));
                    width: 2.92rem;
                    height: 3.2rem;
                    position: absolute;
                    margin-top: 0px;
                    opacity: 0;
                    transition: all .3s;
                }
                &:hover {
                    &:before {
                        opacity: 1;
                    }
                    div {
                        &:after {
                            content: ' ';
                            background-image: url(/template/fubang2/images/index/start_game.png);
                            width: 60px;
                            height: 100%;
                            background-size: 80%;
                            background-repeat: no-repeat;
                            position: absolute;
                            background-position: center;
                        }
                    }
                    a {
                        background-color: #FFA93A;
                        color: #000;
                    }
                }*/
}

.page.page--index .listbox .lists .item div,
.page.page--addUser .listbox .lists .item div {
    width: 100%;
    /* height: 3.17rem; */
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all 1s;
    flex-wrap: wrap;
    margin-bottom: 0.2rem;
}

.page.page--index .listbox .lists .item .lightBox,
.page.page--addUser .listbox .lists .item .lightBox {
    background-image: url(/template/fubang2/images/index/lightBox.png);
    background-repeat: no-repeat;
    background-size: 75% 99.5%;
    background-color: unset;
    position: absolute;
    width: 3.8rem !important;
    margin: -3.3rem 0 0 0.6rem;
    color: #fff;
    box-sizing: border-box;
    padding: 0rem 1rem 0.05rem 0.3rem;
    font-size: 0.28rem;
    line-height: 0.6rem;
}

.page.page--index .listbox .lists .item .lightBox span,
.page.page--addUser .listbox .lists .item .lightBox span {
    color: #f0ff00;
    font-size: 0.4rem;
    font-weight: bold;
    background-color: unset;
    padding: 0 0 0.1rem 0;
}

.page.page--index .listbox .lists .item span,
.page.page--addUser .listbox .lists .item span {
    /* height: 1rem; */
    /* line-height: 0.4rem; */
    display: flex;
    justify-content: flex-start;
    align-items: center;
    font-size: 90%;
    /* background-color: white; */
    font-weight: bold;
    /* margin-top: 0.2rem; */
}

.page.page--index .listbox .lists .item span:nth-child(3),
.page.page--addUser .listbox .lists .item span:nth-child(3) {
    font-size: 70%;
    color: #9c6c6c;
    margin-top: .1rem;
    margin-bottom: 0.1rem;
}

.page.page--index .indexbutton,
.page.page--addUser .indexbutton {
    position: relative;
    z-index: 2;
    background-color: #fff;
    padding: 0.3rem 0;
}

.page.page--index .indexbutton .img-box,
.page.page--addUser .indexbutton .img-box {
    width: 1.1rem;
}

.page.page--index .indexbutton .img-box img,
.page.page--addUser .indexbutton .img-box img {
    width: 100%;
}

.page.page--index .indexbutton>*,
.page.page--addUser .indexbutton>* {
    display: flex;
    flex-direction: column;
    align-items: center;
    transition: opacity 0.2s;
}

.page.page--index .indexbutton>*:active,
.page.page--addUser .indexbutton>*:active {
    opacity: 0.8;
}

.page.page--index .indexbutton>* .icon,
.page.page--addUser .indexbutton>* .icon {
    width: 1.1rem;
    height: 1.1rem;
    overflow: hidden;
    margin-bottom: 0.2rem;
    position: relative;
    font-size: 0.65rem;
    color: #fff;
}

.page.page--index .indexbutton>* .icon:before,
.page.page--addUser .indexbutton>* .icon:before {
    position: absolute;
    left: 0;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background: linear-gradient(-45deg, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0.3));
}

.page.page--index .indexbutton>* .icon:after,
.page.page--addUser .indexbutton>* .icon:after {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background-color: #ccc;
}

.page.page--index .indexbutton>* span,
.page.page--addUser .indexbutton>* span {
    font-size: 80%;
}

.page.page--index .indexbutton>*:nth-child(1) .icon:after,
.page.page--addUser .indexbutton>*:nth-child(1) .icon:after {
    background-color: #de2b2b;
}

.page.page--index .indexbutton>*:nth-child(2) .icon:after,
.page.page--addUser .indexbutton>*:nth-child(2) .icon:after {
    background-color: #c441c4;
}

.page.page--index .indexbutton>*:nth-child(3) .icon:after,
.page.page--addUser .indexbutton>*:nth-child(3) .icon:after {
    background-color: #ff8f30;
}

.page.page--index .indexbutton>*:nth-child(4) .icon:after,
.page.page--addUser .indexbutton>*:nth-child(4) .icon:after {
    background-color: #ff5e76;
}

.page.page--index .indexbutton>*:nth-child(5) .icon:after,
.page.page--addUser .indexbutton>*:nth-child(5) .icon:after {
    background-color: #746db9;
}

.page.page--index .hotmenu_uc,
.page.page--addUser .hotmenu_uc {
    margin: 0.4rem;
}

.page.page--index .hotmenu_uc .hotgame_title,
.page.page--addUser .hotmenu_uc .hotgame_title {
    margin-top: 0.1rem;
    height: 1.3rem;
    line-height: 1.3rem;
    overflow: hidden;
    border-radius: 8px;
}

.page.page--index .hotmenu_uc .hotgame_title h2,
.page.page--addUser .hotmenu_uc .hotgame_title h2 {
    color: #000;
    float: left;
}

.page.page--index .hotmenu_uc .hotgame_title h2 i,
.page.page--addUser .hotmenu_uc .hotgame_title h2 i {
    display: inline-block;
    width: 0.8rem;
    vertical-align: top;
    margin: 0.15rem 0.2rem 0 0;
}

.page.page--index .hotmenu_uc .hotgame_title h2 i img,
.page.page--addUser .hotmenu_uc .hotgame_title h2 i img {
    max-width: 100%;
}

.page.page--index .hotmenu_uc .hotgame_title a,
.page.page--addUser .hotmenu_uc .hotgame_title a {
    float: right;
}

.page.page--index .hotmenu_uc .hotmen_btn,
.page.page--addUser .hotmenu_uc .hotmen_btn {
    margin: 0 0 0.5rem 0;
}

.page.page--index .hotmenu_uc .hotmen_btn li,
.page.page--addUser .hotmenu_uc .hotmen_btn li {
    width: 48%;
    float: left;
    position: relative;
}

.page.page--index .hotmenu_uc .hotmen_btn li .hotmen_btn-box,
.page.page--addUser .hotmenu_uc .hotmen_btn li .hotmen_btn-box {
    max-width: 100%;
}

.page.page--index .hotmenu_uc .hotmen_btn li .hotmen_btn-bg,
.page.page--addUser .hotmenu_uc .hotmen_btn li .hotmen_btn-bg {
    max-width: 1.5rem;
    max-height: 1.55rem;
    position: absolute;
    left: .2rem;
    top: 0;
}

.page.page--index .hotmenu_uc .hotmen_btn .right,
.page.page--addUser .hotmenu_uc .hotmen_btn .right {
    float: right;
}

.page.page--index .hotgame,
.page.page--addUser .hotgame {
    background-color: #fff;
    margin: 0.4rem;
    padding: 0 0.2rem;
    border-radius: 5px;
}

.page.page--index .hotgame .aniItem,
.page.page--addUser .hotgame .aniItem {
    transition: all 0.5s;
}

.page.page--index .hotgame .aniItem.flip-enter,
.page.page--index .hotgame .aniItem.flip-leave-to,
.page.page--addUser .hotgame .aniItem.flip-enter,
.page.page--addUser .hotgame .aniItem.flip-leave-to {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
}

.page.page--index .hotgame .aniItem.flip-leave-active,
.page.page--addUser .hotgame .aniItem.flip-leave-active {
    position: absolute;
}

.page.page--index .hotgame .hotgame_title,
.page.page--addUser .hotgame .hotgame_title {
    margin-top: 0.1rem;
    height: 1.3rem;
    line-height: 1.3rem;
    overflow: hidden;
    border-radius: 8px;
}

.page.page--index .hotgame .hotgame_title h2,
.page.page--addUser .hotgame .hotgame_title h2 {
    color: #c72323;
    float: left;
}

.page.page--index .hotgame .hotgame_title h2 i,
.page.page--addUser .hotgame .hotgame_title h2 i {
    display: inline-block;
    width: 0.5rem;
    vertical-align: top;
    margin: 0.15rem 0.2rem 0 0;
}

.page.page--index .hotgame .hotgame_title h2 i img,
.page.page--addUser .hotgame .hotgame_title h2 i img {
    max-width: 100%;
}

.page.page--index .hotgame .hotgame_title a,
.page.page--addUser .hotgame .hotgame_title a {
    float: right;
}

.page.page--index .hotgame .hotgame_content .hotgame_content_foc,
.page.page--addUser .hotgame .hotgame_content .hotgame_content_foc {
    margin: 0 0 0.15rem 0;
}

.page.page--index .hotgame .hotgame_content .hotgame_content_foc .hotgame_content_card .hotgame-content,
.page.page--addUser .hotgame .hotgame_content .hotgame_content_foc .hotgame_content_card .hotgame-content {
    display: flex;
    align-items: center;
    background-color: #efefef;
    border-radius: 5px;
    padding: 0.3rem 0.2rem;
}

.page.page--index .hotgame .hotgame_content .hotgame_content_foc .hotgame_content_card .left-img,
.page.page--addUser .hotgame .hotgame_content .hotgame_content_foc .hotgame_content_card .left-img {
    width: 1.5rem;
}

.page.page--index .hotgame .hotgame_content .hotgame_content_foc .hotgame_content_card .left-img img,
.page.page--addUser .hotgame .hotgame_content .hotgame_content_foc .hotgame_content_card .left-img img {
    max-width: 100%;
}

.page.page--index .hotgame .hotgame_content .hotgame_content_foc .hotgame_content_card .mid-code,
.page.page--addUser .hotgame .hotgame_content .hotgame_content_foc .hotgame_content_card .mid-code {
    flex: 1;
    margin: 0 0.4rem;
}

.page.page--index .hotgame .hotgame_content .hotgame_content_foc .hotgame_content_card .mid-code .code-title,
.page.page--addUser .hotgame .hotgame_content .hotgame_content_foc .hotgame_content_card .mid-code .code-title {
    text-align: center;
    color: #000;
    margin-bottom: 0.2rem;
}

.page.page--index .hotgame .hotgame_content .hotgame_content_foc .hotgame_content_card .mid-code ul,
.page.page--addUser .hotgame .hotgame_content .hotgame_content_foc .hotgame_content_card .mid-code ul {
    display: flex;
    justify-content: space-between;
}

.page.page--index .hotgame .hotgame_content .hotgame_content_foc .hotgame_content_card .mid-code ul li,
.page.page--addUser .hotgame .hotgame_content .hotgame_content_foc .hotgame_content_card .mid-code ul li {
    flex: 1;
    display: flex;
    justify-content: center;
    align-items: center;
}

.page.page--index .hotgame .hotgame_content .hotgame_content_foc .hotgame_content_card .mid-code ul li span,
.page.page--addUser .hotgame .hotgame_content .hotgame_content_foc .hotgame_content_card .mid-code ul li span {
    display: block;
    width: 0.7rem;
    height: 0.7rem;
    background-color: #C32D37;
    color: #fff;
    border-radius: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    z-index: 1;
}

.page.page--index .hotgame .hotgame_content .hotgame_content_foc .hotgame_content_card .mid-code ul li span:after,
.page.page--addUser .hotgame .hotgame_content .hotgame_content_foc .hotgame_content_card .mid-code ul li span:after {
    position: absolute;
    z-index: -1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 100%;
    content: '';
}

.page.page--index .hotgame .hotgame_content .hotgame_content_foc .hotgame_content_card .right-btn,
.page.page--addUser .hotgame .hotgame_content .hotgame_content_foc .hotgame_content_card .right-btn {
    text-align: center;
}

.page.page--index .hotgame .hotgame_content .hotgame_content_foc .hotgame_content_card .right-btn .time-txt,
.page.page--addUser .hotgame .hotgame_content .hotgame_content_foc .hotgame_content_card .right-btn .time-txt {
    margin-bottom: 0.15rem;
}

.page.page--index .hotgame .hotgame_content .hotgame_content_foc .hotgame_content_card .right-btn .right-btn_content,
.page.page--addUser .hotgame .hotgame_content .hotgame_content_foc .hotgame_content_card .right-btn .right-btn_content {
    padding: 0.2rem 0.25rem;
    background: #C32D37;
    color: #fff;
    font-size: .3rem;
    border-radius: 2rem;
    display: inline-block;
}

.page.page--index .hotgame .hotgame_content .hotgame_content_foc .hotgameC_indicator,
.page.page--addUser .hotgame .hotgame_content .hotgame_content_foc .hotgameC_indicator {
    margin-top: 0.1rem;
    display: flex;
    justify-content: center;
    align-items: center;
    -webkit-transform: scale(0.6);
    transform: scale(0.6);
}

.page.page--index .hotgame .hotgame_content .hotgame_content_foc .hotgameC_indicator span,
.page.page--addUser .hotgame .hotgame_content .hotgame_content_foc .hotgameC_indicator span {
    color: #dbdbdb;
    display: inline-block;
    font-size: 0.28rem;
    margin: 0 0.1rem;
}

.page.page--index .hotgame .hotgame_content .hotgame_content_list,
.page.page--addUser .hotgame .hotgame_content .hotgame_content_list {
    display: flex;
    flex-wrap: wrap;
}

.page.page--index .hotgame .hotgame_content .hotgame_content_list li,
.page.page--addUser .hotgame .hotgame_content .hotgame_content_list li {
    width: 50%;
    padding: 0.3rem 0;
}

.page.page--index .hotgame .hotgame_content .hotgame_content_list li:nth-child(2n + 1):nth-last-child(-n + 2):before,
.page.page--index .hotgame .hotgame_content .hotgame_content_list li:nth-child(2n + 1):nth-last-child(-n + 2)~li:before,
.page.page--addUser .hotgame .hotgame_content .hotgame_content_list li:nth-child(2n + 1):nth-last-child(-n + 2):before,
.page.page--addUser .hotgame .hotgame_content .hotgame_content_list li:nth-child(2n + 1):nth-last-child(-n + 2)~li:before {
    content: none;
}

.page.page--index .hotgame .hotgame_content .hotgame_content_list li a,
.page.page--addUser .hotgame .hotgame_content .hotgame_content_list li a {
    display: flex;
    line-height: 1;
    align-items: center;
    padding: 0 0.1rem;
    position: relative;
}

.page.page--index .hotgame .hotgame_content .hotgame_content_list li a:active,
.page.page--addUser .hotgame .hotgame_content .hotgame_content_list li a:active {
    opacity: 0.8;
}

.page.page--index .hotgame .hotgame_content .hotgame_content_list li a div,
.page.page--addUser .hotgame .hotgame_content .hotgame_content_list li a div {
    width: 1.4rem;
    height: 1.4rem;
}

.page.page--index .hotgame .hotgame_content .hotgame_content_list li a div img,
.page.page--addUser .hotgame .hotgame_content .hotgame_content_list li a div img {
    width: 100%;
    display: block;
}

.page.page--index .hotgame .hotgame_content .hotgame_content_list li a span,
.page.page--addUser .hotgame .hotgame_content .hotgame_content_list li a span {
    padding-left: 0.2rem;
    flex: 1;
}

.page.page--index .hotgame .hotgame_content .hotgame_content_list li a span i,
.page.page--addUser .hotgame .hotgame_content .hotgame_content_list li a span i {
    font-size: 90%;
}

.page.page--index .hotgame .hotgame_content .hotgame_content_list li a .icon,
.page.page--addUser .hotgame .hotgame_content .hotgame_content_list li a .icon {
    color: #bfbfbf;
}

@media screen and (orientation: landscape) {

    .page.page--index .carousel,
    .page.page--index .carousel .carouselImg {
        /*横屏时轮播图看不全，保留位置看怎么调整*/
    }
}

.page.page--index .userBar {
    font-size: 85%;
}

.page.page--index .userBar .serviceChat {
    font-size: 90%;
}

.page.page--index .userBar .balance {
    font-size: 110%;
}

.page.page--index .betTabs {
    height: 1.1rem;
    padding-top: 0;
    padding-bottom: 0;
    width: 10rem;
    background-color: transparent;
}

.page.page--index .betTabs ul {
    width: 10rem;
}

.page.page--index .betTabs ul li {
    width: 1.2rem;
    font-size: .4rem;
    background: #fd7474;
    color: #fff;
}

.page.page--index .betTabs ul li.active {
    border-bottom: 0;
}

.page.page--index .betTabs .betTabsIndicator {
    background-color: transparent !important;
    width: 100% !important;
    height: 0.01rem;
    margin: 0 0 0.04rem 0;
}

.page.page--live .page__content {
    display: flex;
    flex-direction: column;
}

.page.page--live .errMsgBox em {
    color: #C32D37;
    padding-left: .1rem;
    text-decoration: underline;
}

.page.page--live iframe {
    flex: 1;
    background: url(/template/fubang2/assets/m/img/loading_blue.gif) center center no-repeat #000;
}

.page.page--lottery {
    color: #777;
}

.page.page--lottery .page--lottery__background {
    background-color: #f5f5f5;
}

.page.page--lottery .page--lottery__content {
    display: flex;
    flex-direction: column;
    overflow: hidden;
    height: 100%;
    width: 100%;
}

.page.page--lottery .page--lottery__content .mainbet {
    display: flex;
    flex-direction: column;
}

.page.page--lottery .page--lottery__content .lotteryMain {
    flex: 1;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    margin-top: .1rem;
}

.page.page--lottery .page--lottery__content .lotteryMain .page.page--lotteryRecord {
    top: 1rem !important;
}

.page.page--lottery .page--lottery__content .lotteryMain .mychoice {
    height: 0.2rem;
    width: 100%;
}

.page.page--lottery .page--lottery__content .lotteryMain .mychoice div {
    overflow-x: scroll;
    overflow-y: hidden;
    width: 9.2rem;
    position: absolute;
}

.page.page--lottery .page--lottery__content .lotteryMain .mychoice div ul {
    height: 100%;
    white-space: nowrap;
}

.page.page--lottery .page--lottery__content .lotteryMain .mychoice div ul li {
    list-style: none;
    font-size: 90%;
    display: inline-block;
    text-align: center;
    margin-right: .1rem;
    vertical-align: top;
    margin: 0.2rem 0 0.2rem .2rem;
}

.page.page--lottery .page--lottery__content .lotteryMain .mychoice div ul li span {
    padding: .1rem .2rem;
    position: relative;
    color: #795a5a;
    font-weight: normal;
    white-space: nowrap;
    cursor: pointer;
    display: block;
    height: 0.6rem;
    line-height: 0.6rem;
    border-radius: 3px;
    background: #efe6e6;
}

.page.page--lottery .page--lottery__content .lotteryMain .mychoice div ul li.cur span {
    color: #fff;
    background: #f27272;
}

.page.page--lottery .page--lottery__content .lotteryMain .sbtn {
    width: 0.8rem;
    height: 0.8rem;
    position: absolute;
    display: flex;
    top: 0;
    right: 0;
    margin: 0.2rem 0 0 0;
    background-image: linear-gradient(to bottom, #ffffff, #fd7474);
    align-items: center;
    justify-content: center;
}

.page.page--lottery .page--lottery__content .lotteryMain .sbtn img {
    width: 0.4rem;
    height: 0.4rem;
}

.page.page--lottery .page--lottery__content .lotteryMain .betTabs {
    position: relative;
    height: 1rem;
    background-color: #ffe6e6;
}

.page.page--lottery .page--lottery__content .lotteryMain .betTabs:before {
    border-bottom: 0.1rem solid #e8ddec !important;
}

.page.page--lottery .page--lottery__content .lotteryMain .betTabs ul {
    display: flex;
    align-items: center;
    height: 100%;
}

.page.page--lottery .page--lottery__content .lotteryMain .betTabs ul li {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 1;
    font-size: .35rem;
    margin-top: 0.12rem;
    color: #655752;
}

.page.page--lottery .page--lottery__content .lotteryMain .betTabs ul li.active {
    color: #C32D37;
    padding: 0 0.1rem 0.25rem;
    margin: 0.5rem 0 0.2rem 0;
}

.page.page--lottery .page--lottery__content .lotteryMain .betTabs .betTabsIndicator {
    position: absolute;
    bottom: 0;
    height: 2px;
    z-index: 101;
    background-color: transparent;
    transition: all 0.25s cubic-bezier(0.4, 0.7, 0.5, 1) 0s;
}

.page.page--lottery .page--lottery__content .lotteryMain .ons-swiper {
    flex: 1;
}

.page.page--lottery .page--lottery__content .lotteryMain .ons-swiper ons-carousel-item {
    height: 100%;
    overflow: hidden;
}

.page.page--lottery .page--lottery__content .lotteryMain .ons-swiper ons-carousel-item .history_code {
    overflow: scroll !important;
}

.page.page--lottery .page--lottery__content .lotteryMain .ons-swiper ons-carousel-item .history_code.cisingcai_historyCode li,
.page.page--lottery .page--lottery__content .lotteryMain .ons-swiper ons-carousel-item .history_code.daletou_historyCode li,
.page.page--lottery .page--lottery__content .lotteryMain .ons-swiper ons-carousel-item .history_code.qilecai_historyCode li,
.page.page--lottery .page--lottery__content .lotteryMain .ons-swiper ons-carousel-item .history_code.shuangseqiu_historyCode li {
    display: flex;
    justify-content: center;
    align-items: center;
}

.page.page--lottery .page--lottery__content .lotteryMain .ons-swiper ons-carousel-item .history_code.cisingcai_historyCode li .issue,
.page.page--lottery .page--lottery__content .lotteryMain .ons-swiper ons-carousel-item .history_code.daletou_historyCode li .issue,
.page.page--lottery .page--lottery__content .lotteryMain .ons-swiper ons-carousel-item .history_code.qilecai_historyCode li .issue,
.page.page--lottery .page--lottery__content .lotteryMain .ons-swiper ons-carousel-item .history_code.shuangseqiu_historyCode li .issue {
    margin: 0;
}

.page.page--lottery .page--lottery__content .lotteryMain .ons-swiper ons-carousel-item .history_code.cisingcai_historyCode .codes span:nth-last-child(1),
.page.page--lottery .page--lottery__content .lotteryMain .ons-swiper ons-carousel-item .history_code.daletou_historyCode .codes span:nth-last-child(1),
.page.page--lottery .page--lottery__content .lotteryMain .ons-swiper ons-carousel-item .history_code.qilecai_historyCode .codes span:nth-last-child(1),
.page.page--lottery .page--lottery__content .lotteryMain .ons-swiper ons-carousel-item .history_code.shuangseqiu_historyCode .codes span:nth-last-child(1) {
    color: #fff;
    background: #1d77f5 !important;
}

.page.page--lottery .page--lottery__content .lotteryMain .ons-swiper ons-carousel-item .history_code.daletou_historyCode .codes span:nth-last-child(2) {
    color: #fff;
    background: #1d77f5 !important;
}

.page.page--lottery .page--lottery__content .lotteryMain .ons-swiper ons-carousel-item .history_code ul li {
    padding-top: 20px;
    text-align: center;
    font-size: .32rem;
    border-bottom: 1px solid #f0f9eb;
}

.page.page--lottery .page--lottery__content .lotteryMain .ons-swiper ons-carousel-item .history_code ul li .issue {
    margin-bottom: 5px;
}

.page.page--lottery .page--lottery__content .lotteryMain .ons-swiper ons-carousel-item .history_code ul li .issue span {
    color: #C32D37;
}

.page.page--lottery .page--lottery__content .lotteryMain .ons-swiper ons-carousel-item .history_code ul li .codes span {
    width: .6rem;
    height: .6rem;
    border-radius: 100%;
    background-color: #C32D37;
    color: #fff;
    display: inline-block;
    line-height: .6rem;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    margin: 5px;
}

.page.page--lottery .page--lottery__content .lotteryMain .ons-swiper ons-carousel-item>div {
    background-color: #fff;
    height: 100%;
    overflow: hidden;
}

.page.page--lottery .page--lottery__content .lotteryMain .ons-swiper ons-carousel-item>div>.betArea {
    position: relative;
    box-sizing: border-box;
    height: 100%;
    overflow-y: auto;
    width: 100%;
    padding-bottom: 1rem;
    background: #fffcfb;
}

.page.page--lottery .page--lottery__content .lotteryMain .ons-swiper ons-carousel-item>div>.foot {
    background-color: #fff;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    color: #5a576c;
}

.page.page--lottery .page--lottery__content .lotteryMain .betTabs+.ons-swiper .normal_bet .betArea .playHelp {
    background-color: transparent;
}

.page.page--lottery .page--lottery__content .lotteryMain .normal_bet .betArea {
    top: 0.8rem;
}

.page.page--lottery .page--lottery__content .lotteryMain .normal_bet .betArea:after {
    content: '';
    height: 2.7rem;
    display: block;
}

.page.page--lottery .page--lottery__content .lotteryMain .normal_bet .betArea.noFoot:after {
    content: none;
}

.page.page--lottery .page--lottery__content .lotteryMain .normal_bet .loadingMask {
    z-index: 100 !important;
}

.page.page--lottery .page--lottery__content .lotteryMain .pk_bet .betArea:after {
    content: '';
    height: 2.65rem;
    display: block;
}

.page.page--lottery .page--lottery__content .lotteryMain .pk_bet .betArea.noCount:after {
    height: 2rem;
}

.page.page--lottery .page--lottery__content .lotteryMain .plan_bet .betArea:after {
    content: '';
    height: 1.5rem;
    display: block;
}

.page.page--lottery .page--lottery__content .lotteryMain .chat_bet .betArea:after {
    content: '';
    height: 1.5rem;
    display: block;
}

.page.page--lottery .lotteryHeader {
    /* background-color: #eee1ff; */
    padding: 0.3rem .3rem 0.2rem;
    color: #373545;
}

.page.page--lottery .lotteryHeader>section {
    position: relative;
}

.page.page--lottery .lotteryHeader .lotteryMethodGuide {
    font-size: .4rem;
    padding-top: 0px;
    padding-bottom: .2rem;
    margin-bottom: .2rem;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    color: #C32D37;
}

.page.page--lottery .lotteryHeader .lotteryMethodGuide .switch_icon {
    float: right;
}

.page.page--lottery .lotteryHeader .linebox {
    display: flex;
    align-items: center;
    font-size: 90%;
}

.page.page--lottery .lotteryHeader .linebox+.linebox {
    margin-top: .2rem;
    padding-top: .2rem;
}

.page.page--lottery .lotteryHeader .linebox>div:nth-child(1) {
    white-space: nowrap;
}

.page.page--lottery .lotteryHeader .linebox>div:nth-child(1)>span {
    white-space: nowrap;
}

.page.page--lottery .lotteryHeader .linebox>div:nth-child(2) {
    padding-left: .2rem;
    display: flex;
    flex-direction: row;
    align-items: center;
    white-space: nowrap;
}

.page.page--lottery .lotteryHeader .linebox>div:nth-child(2)>label {
    padding-right: .1rem;
    white-space: nowrap;
}

.page.page--lottery .lotteryHeader .linebox>div.ballArea {
    flex: 1;
    padding-right: 1rem;
}

.page.page--lottery .lotteryHeader .linebox>div.ballArea span:before {
    font-size: 110%;
    font-weight: bold;
}

.page.page--lottery .lotteryHeader .curIssue .remainTime {
    color: #e85b5b;
    margin-left: .06rem;
    font-weight: 400;
    font-size: 120%;
}

.page.page--lottery .lotteryHeader .lastIssue {
    position: relative;
}

.page.page--lottery .lotteryHeader .lastIssue ul {
    display: flex;
    flex-direction: row;
    margin: -.07rem 0;
    flex-wrap: wrap;
}

.page.page--lottery .lotteryHeader .lastIssue ul li {
    margin-left: .2rem;
    padding-bottom: .06rem;
}

.page.page--lottery .lotteryHeader .lastIssue ul li span {
    width: 0.7rem;
    height: 0.7rem;
    border-radius: 100%;
    background: #fff;
    color: #000;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: .4rem;
    font-size: 100%;
    background-size: 100%;
    background-repeat: no-repeat;
}

.page.page--lottery .lotteryHeader .lastIssue.cisingcai_header ul li,
.page.page--lottery .lotteryHeader .lastIssue.daletou_header ul li,
.page.page--lottery .lotteryHeader .lastIssue.qilecai_header ul li,
.page.page--lottery .lotteryHeader .lastIssue.shuangseqiu_header ul li {
    margin-left: 0.1rem;
}

.page.page--lottery .lotteryHeader .lastIssue.cisingcai_header ul li span,
.page.page--lottery .lotteryHeader .lastIssue.daletou_header ul li span,
.page.page--lottery .lotteryHeader .lastIssue.qilecai_header ul li span,
.page.page--lottery .lotteryHeader .lastIssue.shuangseqiu_header ul li span {
    width: 0.5rem;
    height: 0.5rem;
    font-size: 100%;
}

.page.page--lottery .lotteryHeader .lastIssue.cisingcai_header ul li:nth-last-child(1) span,
.page.page--lottery .lotteryHeader .lastIssue.daletou_header ul li:nth-last-child(1) span,
.page.page--lottery .lotteryHeader .lastIssue.qilecai_header ul li:nth-last-child(1) span,
.page.page--lottery .lotteryHeader .lastIssue.shuangseqiu_header ul li:nth-last-child(1) span {
    background: url("/template/fubang2/images/ssc-balls-bg2.png") no-repeat;
    background-size: 0.55rem;
    background-position: 0;
}

.page.page--lottery .lotteryHeader .lastIssue.daletou_header ul li:nth-last-child(2) span {
    background: url("/template/fubang2/images/ssc-balls-bg2.png") no-repeat;
    background-size: 0.55rem;
    background-position: 0;
}

.page.page--lottery .lotteryHeader .showMenuBtn {
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    background-color: #C32D37;
    color: #fff;
    width: .7rem;
    height: .7rem;
    border-radius: 100%;
    border: .15rem solid #efefef;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 101;
    transition: all .2s;
    font-size: 110%;
}

.page.page--lottery .lotteryHeader .showMenuBtn:after {
    position: absolute;
    z-index: -1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 100%;
    content: '';
    background: linear-gradient(-45deg, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0.3));
}

.page.page--lottery .lotteryHeader .showMenuBtn:active {
    opacity: .8;
}

.page.page--lottery .normal_bet {
    background-color: #fff9f8 !important;
}

.page.page--lottery .normal_bet>.loadingMask {
    z-index: 100;
}

.page.page--lottery .normal_bet .betArea>* {
    padding: 0 0 .4rem 0;
}

.page.page--lottery .normal_bet .playHelp {
    padding: 0 .3rem;
    height: 1.098rem;
    font-size: 80%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    line-height: normal;
    background-color: #fff;
}

.page.page--lottery .normal_bet .playHelp .tipsBtn {
    height: 100%;
    display: flex;
    align-items: center;
    color: #676576;
}

.page.page--lottery .normal_bet .playHelp .tipsBtn>span {
    height: 100%;
    display: flex;
    align-items: center;
}

.page.page--lottery .normal_bet .playHelp .tipsBtn>span+span {
    margin-left: .2rem;
}

.page.page--lottery .normal_bet .playHelp .tipsBtn>span:before {
    padding-right: .1rem;
    color: #fd7474;
}

.page.page--lottery .normal_bet .playHelp .tipsBtn>span:active {
    opacity: .7;
}

.page.page--lottery .normal_bet .playHelp .ballTipsBtn {
    height: 100%;
    display: flex;
    align-items: center;
    color: #676576;
}

.page.page--lottery .normal_bet .playHelp .ballTipsBtn>div {
    height: 100%;
    display: flex;
    align-items: center;
}

.page.page--lottery .normal_bet .playHelp .ballTipsBtn>div+div {
    margin-left: .3rem;
}

.page.page--lottery .normal_bet .playHelp .ballTipsBtn>div label {
    padding-left: .2rem;
    height: 100%;
    display: flex;
    align-items: center;
}

.page.page--lottery .normal_bet .playMain {
    background: #fffcfb;
}

.page.page--lottery .normal_bet .playMain.playMain--kl8 .ball.default {
    margin-right: 0rem !important;
    width: 0.83rem !important;
    height: 0.83rem !important;
    font-size: 100% !important;
}

.page.page--lottery .normal_bet .playMain.playMain--lhc .ball {
    width: 0.9rem !important;
    height: 0.9rem !important;
    margin: 0.05rem 0.2rem !important;
}

.page.page--lottery .normal_bet .playMain.playMain--2color35x12 .ball {
    width: 1rem !important;
    height: 1rem !important;
    margin: 0.05rem 0.15rem !important;
}

.page.page--lottery .normal_bet .playMain.playMain--2color33x16 .ball {
    width: 1.1rem !important;
    height: 1.1rem !important;
    margin: 0.05rem 0.23rem !important;
}

.page.page--lottery .normal_bet .playMain.playMain--2color33x16 .ball {
    width: 1.1rem !important;
    height: 1.1rem !important;
    margin: 0.05rem 0.23rem !important;
}

.page.page--lottery .normal_bet .playMain.playMain--2color30x30 .ball {
    width: 1.1rem !important;
    height: 1.1rem !important;
    margin: 0.05rem 0.23rem !important;
}

.page.page--lottery .normal_bet .playMain.playMain--n7 .ball {
    width: 1.1rem !important;
    height: 1.1rem !important;
    margin: 0.05rem 0.35rem !important;
}

.page.page--lottery .normal_bet .playMain .ballGroup {
    display: flex;
    border-bottom: 1px #E6E3F5 solid;
}

.page.page--lottery .normal_bet .playMain .ballGroup+.ballGroup {
    padding-top: 0.4rem;
    /* margin-top: .2rem; */
}

.page.page--lottery .normal_bet .playMain .ballGroup:first-child:before {
    content: none;
}

.page.page--lottery .normal_bet .playMain .ballGroup .ballLabel {
    /* writing-mode: vertical-lr; */
    /* padding-right: .15rem; */
    /* margin-right: .2rem; */
    width: 2.7rem;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #625f71;
    font-size: 90%;
}

.page.page--lottery .normal_bet .playMain .ballGroup .ballLabel>span {
    display: block;
    word-break: break-all;
    padding: .25rem 0 0 0;
    line-height: 1.2em;
    text-align: center;
}

.page.page--lottery .normal_bet .playMain .ballGroup .ballLabel .statisticsKey {
    font-size: 80%;
    display: flex;
    flex-direction: column;
}

.page.page--lottery .normal_bet .playMain .ballGroup .ballLabel .statisticsKey>span {
    padding-top: .15rem;
}

.page.page--lottery .normal_bet .playMain .ballGroup .ballLabel .statisticsKey>span.missed {
    color: #d48d08;
}

.page.page--lottery .normal_bet .playMain .ballGroup .ballLabel .statisticsKey>span.hot {
    color: #ce7474;
}

.page.page--lottery .normal_bet .playMain .ballGroup .tools {
    display: block;
    width: 100%;
    margin: 0rem 0 0.2rem;
}

.page.page--lottery .normal_bet .playMain .ballGroup .tools ul {
    display: flex;
    justify-content: space-around;
    margin-bottom: .1rem;
}

.page.page--lottery .normal_bet .playMain .ballGroup .tools ul li span {
    width: .7rem;
    height: .7rem;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: normal;
    background-color: #ffe6e6;
    font-size: 90%;
    border-radius: .1rem;
    transition: all .2s;
    border: 1px dotted #fad7ce;
    color: #575569;
}

.page.page--lottery .normal_bet .playMain .ballGroup .tools ul li span:active {
    opacity: .8;
}

.page.page--lottery .normal_bet .playMain .ballGroup .ballCont {
    display: flex;
    flex-direction: column;
    min-width: 6.5rem;
}

.page.page--lottery .normal_bet .playMain .ballGroup .ballCont .balls ul {
    display: flex;
    flex-wrap: wrap;
}

.page.page--lottery .normal_bet .playMain .ballGroup .ballCont .balls ul li {
    margin-bottom: 0.1rem;
}

.page.page--lottery .normal_bet .playMain .ballGroup .ballCont .balls .ball.default {
    /*普通的球*/
    width: 1.1rem;
    height: 1.1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: normal;
    font-size: .44rem;
    border-radius: 100%;
    background-color: #fad7ce;
    border-color: #fad7ce;
    color: #575569;
    margin: 0 0.3rem 0.2rem;
}

.page.page--lottery .normal_bet .playMain .ballGroup .ballCont .balls .ball.default:before {
    border-radius: 100%;
    border-color: #E1E1E1;
}

.page.page--lottery .normal_bet .playMain .ballGroup .ballCont .balls .ball.k3-number {
    /*快三单个号*/
    width: .9rem;
    height: .9rem;
    line-height: normal;
    font-size: 90%;
    border-radius: 10px;
    margin: 0 0.3rem 0 0rem;
    text-indent: -9999px;
    display: block;
    background: #5c6281;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-device-pixel-ratio: 2),
only screen and (min-resolution: 2dppx) {
    .page.page--lottery .normal_bet .playMain .ballGroup .ballCont .balls .ball.k3-number {
        border-radius: 5px;
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 3),
only screen and (min-device-pixel-ratio: 3),
only screen and (min-resolution: 3dppx) {
    .page.page--lottery .normal_bet .playMain .ballGroup .ballCont .balls .ball.k3-number {
        border-radius: 3.33333px;
    }
}

.page.page--lottery .normal_bet .playMain .ballGroup .ballCont .balls .ball.k3-number:before {
    border-radius: 10px;
    border-color: #E1E1E1;
}

.page.page--lottery .normal_bet .playMain .ballGroup .ballCont .balls .ball.k3-number.selected:after {
    border-radius: 10px;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-device-pixel-ratio: 2),
only screen and (min-resolution: 2dppx) {
    .page.page--lottery .normal_bet .playMain .ballGroup .ballCont .balls .ball.k3-number.selected:after {
        border-radius: 5px;
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 3),
only screen and (min-device-pixel-ratio: 3),
only screen and (min-resolution: 3dppx) {
    .page.page--lottery .normal_bet .playMain .ballGroup .ballCont .balls .ball.k3-number.selected:after {
        border-radius: 3.33333px;
    }
}

.page.page--lottery .normal_bet .playMain .ballGroup .ballCont .balls .ball.k3-number:after {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    text-indent: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: "fontello";
    font-style: normal;
    font-weight: normal;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 150%;
    color: #ffff;
}

.page.page--lottery .normal_bet .playMain .ballGroup .ballCont .balls .ball.k3-number.k3-number-1:after {
    content: '\e805';
}

.page.page--lottery .normal_bet .playMain .ballGroup .ballCont .balls .ball.k3-number.k3-number-2:after {
    content: '\e806';
}

.page.page--lottery .normal_bet .playMain .ballGroup .ballCont .balls .ball.k3-number.k3-number-3:after {
    content: '\e810';
}

.page.page--lottery .normal_bet .playMain .ballGroup .ballCont .balls .ball.k3-number.k3-number-4:after {
    content: '\e80f';
}

.page.page--lottery .normal_bet .playMain .ballGroup .ballCont .balls .ball.k3-number.k3-number-5:after {
    content: '\e80e';
}

.page.page--lottery .normal_bet .playMain .ballGroup .ballCont .balls .ball.k3-number.k3-number-6:after {
    content: '\e80d';
}

.page.page--lottery .normal_bet .playMain .ballGroup .ballCont .balls .ball.k3-ertonghao,
.page.page--lottery .normal_bet .playMain .ballGroup .ballCont .balls .ball.k3-santonghao {
    /*快三同号*/
    width: auto;
    height: .9rem;
    line-height: normal;
    font-size: 90%;
    display: flex;
    margin: 0 .2rem .1rem .3rem;
}

.page.page--lottery .normal_bet .playMain .ballGroup .ballCont .balls .ball.k3-ertonghao:before,
.page.page--lottery .normal_bet .playMain .ballGroup .ballCont .balls .ball.k3-santonghao:before {
    content: none;
}

.page.page--lottery .normal_bet .playMain .ballGroup .ballCont .balls .ball.k3-ertonghao.selected,
.page.page--lottery .normal_bet .playMain .ballGroup .ballCont .balls .ball.k3-santonghao.selected {
    background: none;
    background-color: transparent;
}

.page.page--lottery .normal_bet .playMain .ballGroup .ballCont .balls .ball.k3-ertonghao.selected:after,
.page.page--lottery .normal_bet .playMain .ballGroup .ballCont .balls .ball.k3-santonghao.selected:after {
    content: none;
}

.page.page--lottery .normal_bet .playMain .ballGroup .ballCont .balls .ball.k3-ertonghao.selected span,
.page.page--lottery .normal_bet .playMain .ballGroup .ballCont .balls .ball.k3-santonghao.selected span {
    background-color: #de7c4b;
}

.page.page--lottery .normal_bet .playMain .ballGroup .ballCont .balls .ball.k3-ertonghao.selected span:before,
.page.page--lottery .normal_bet .playMain .ballGroup .ballCont .balls .ball.k3-santonghao.selected span:before {
    content: none;
}

.page.page--lottery .normal_bet .playMain .ballGroup .ballCont .balls .ball.k3-ertonghao.selected span:after,
.page.page--lottery .normal_bet .playMain .ballGroup .ballCont .balls .ball.k3-santonghao.selected span:after {
    position: absolute;
    z-index: -1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 10px;
    content: '';
}

@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-device-pixel-ratio: 2),
only screen and (min-resolution: 2dppx) {

    .page.page--lottery .normal_bet .playMain .ballGroup .ballCont .balls .ball.k3-ertonghao.selected span:after,
    .page.page--lottery .normal_bet .playMain .ballGroup .ballCont .balls .ball.k3-santonghao.selected span:after {
        border-radius: 5px;
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 3),
only screen and (min-device-pixel-ratio: 3),
only screen and (min-resolution: 3dppx) {

    .page.page--lottery .normal_bet .playMain .ballGroup .ballCont .balls .ball.k3-ertonghao.selected span:after,
    .page.page--lottery .normal_bet .playMain .ballGroup .ballCont .balls .ball.k3-santonghao.selected span:after {
        border-radius: 3.33333px;
    }
}

.page.page--lottery .normal_bet .playMain .ballGroup .ballCont .balls .ball.k3-ertonghao span,
.page.page--lottery .normal_bet .playMain .ballGroup .ballCont .balls .ball.k3-santonghao span {
    width: .9rem;
    height: .9rem;
    display: block;
    flex: 1;
    border-radius: 10px;
    background: #5c6281;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-device-pixel-ratio: 2),
only screen and (min-resolution: 2dppx) {

    .page.page--lottery .normal_bet .playMain .ballGroup .ballCont .balls .ball.k3-ertonghao span,
    .page.page--lottery .normal_bet .playMain .ballGroup .ballCont .balls .ball.k3-santonghao span {
        border-radius: 5px;
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 3),
only screen and (min-device-pixel-ratio: 3),
only screen and (min-resolution: 3dppx) {

    .page.page--lottery .normal_bet .playMain .ballGroup .ballCont .balls .ball.k3-ertonghao span,
    .page.page--lottery .normal_bet .playMain .ballGroup .ballCont .balls .ball.k3-santonghao span {
        border-radius: 3.33333px;
    }
}

.page.page--lottery .normal_bet .playMain .ballGroup .ballCont .balls .ball.k3-ertonghao span:before,
.page.page--lottery .normal_bet .playMain .ballGroup .ballCont .balls .ball.k3-santonghao span:before {
    border-radius: 10px;
    border-color: #E1E1E1;
}

.page.page--lottery .normal_bet .playMain .ballGroup .ballCont .balls .ball.k3-ertonghao span:after,
.page.page--lottery .normal_bet .playMain .ballGroup .ballCont .balls .ball.k3-santonghao span:after {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: "fontello";
    font-style: normal;
    font-weight: normal;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 150%;
    color: #ffff;
}

.page.page--lottery .normal_bet .playMain .ballGroup .ballCont .balls .ball.k3-ertonghao span+span,
.page.page--lottery .normal_bet .playMain .ballGroup .ballCont .balls .ball.k3-santonghao span+span {
    margin-left: .1rem;
}

.page.page--lottery .normal_bet .playMain .ballGroup .ballCont .balls .ball.k3-ertonghao.k3-ertonghao-1 span:after,
.page.page--lottery .normal_bet .playMain .ballGroup .ballCont .balls .ball.k3-ertonghao.k3-santonghao-1 span:after,
.page.page--lottery .normal_bet .playMain .ballGroup .ballCont .balls .ball.k3-santonghao.k3-ertonghao-1 span:after,
.page.page--lottery .normal_bet .playMain .ballGroup .ballCont .balls .ball.k3-santonghao.k3-santonghao-1 span:after {
    content: '\e805';
}

.page.page--lottery .normal_bet .playMain .ballGroup .ballCont .balls .ball.k3-ertonghao.k3-ertonghao-2 span:after,
.page.page--lottery .normal_bet .playMain .ballGroup .ballCont .balls .ball.k3-ertonghao.k3-santonghao-2 span:after,
.page.page--lottery .normal_bet .playMain .ballGroup .ballCont .balls .ball.k3-santonghao.k3-ertonghao-2 span:after,
.page.page--lottery .normal_bet .playMain .ballGroup .ballCont .balls .ball.k3-santonghao.k3-santonghao-2 span:after {
    content: '\e806';
}

.page.page--lottery .normal_bet .playMain .ballGroup .ballCont .balls .ball.k3-ertonghao.k3-ertonghao-3 span:after,
.page.page--lottery .normal_bet .playMain .ballGroup .ballCont .balls .ball.k3-ertonghao.k3-santonghao-3 span:after,
.page.page--lottery .normal_bet .playMain .ballGroup .ballCont .balls .ball.k3-santonghao.k3-ertonghao-3 span:after,
.page.page--lottery .normal_bet .playMain .ballGroup .ballCont .balls .ball.k3-santonghao.k3-santonghao-3 span:after {
    content: '\e810';
}

.page.page--lottery .normal_bet .playMain .ballGroup .ballCont .balls .ball.k3-ertonghao.k3-ertonghao-4 span:after,
.page.page--lottery .normal_bet .playMain .ballGroup .ballCont .balls .ball.k3-ertonghao.k3-santonghao-4 span:after,
.page.page--lottery .normal_bet .playMain .ballGroup .ballCont .balls .ball.k3-santonghao.k3-ertonghao-4 span:after,
.page.page--lottery .normal_bet .playMain .ballGroup .ballCont .balls .ball.k3-santonghao.k3-santonghao-4 span:after {
    content: '\e80f';
}

.page.page--lottery .normal_bet .playMain .ballGroup .ballCont .balls .ball.k3-ertonghao.k3-ertonghao-5 span:after,
.page.page--lottery .normal_bet .playMain .ballGroup .ballCont .balls .ball.k3-ertonghao.k3-santonghao-5 span:after,
.page.page--lottery .normal_bet .playMain .ballGroup .ballCont .balls .ball.k3-santonghao.k3-ertonghao-5 span:after,
.page.page--lottery .normal_bet .playMain .ballGroup .ballCont .balls .ball.k3-santonghao.k3-santonghao-5 span:after {
    content: '\e80e';
}

.page.page--lottery .normal_bet .playMain .ballGroup .ballCont .balls .ball.k3-ertonghao.k3-ertonghao-6 span:after,
.page.page--lottery .normal_bet .playMain .ballGroup .ballCont .balls .ball.k3-ertonghao.k3-santonghao-6 span:after,
.page.page--lottery .normal_bet .playMain .ballGroup .ballCont .balls .ball.k3-santonghao.k3-ertonghao-6 span:after,
.page.page--lottery .normal_bet .playMain .ballGroup .ballCont .balls .ball.k3-santonghao.k3-santonghao-6 span:after {
    content: '\e80d';
}

.page.page--lottery .normal_bet .playMain .ballGroup .ballCont .balls .ball.lhc-red,
.page.page--lottery .normal_bet .playMain .ballGroup .ballCont .balls .ball.lhc-blue,
.page.page--lottery .normal_bet .playMain .ballGroup .ballCont .balls .ball.lhc-green {
    /*六合彩*/
    width: .9rem;
    height: .9rem;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: normal;
    font-size: .44rem;
    border-radius: 100%;
    border: 1px solid;
}

.page.page--lottery .normal_bet .playMain .ballGroup .ballCont .balls .ball.lhc-red:before,
.page.page--lottery .normal_bet .playMain .ballGroup .ballCont .balls .ball.lhc-blue:before,
.page.page--lottery .normal_bet .playMain .ballGroup .ballCont .balls .ball.lhc-green:before {
    border-radius: 100%;
}

.page.page--lottery .normal_bet .playMain .ballGroup .ballCont .balls .ball.lhc-green {
    /*六合彩 - 绿*/
    color: #2b902a;
}

.page.page--lottery .normal_bet .playMain .ballGroup .ballCont .balls .ball.lhc-green:before {
    border-color: #2b902a !important;
}

.page.page--lottery .normal_bet .playMain .ballGroup .ballCont .balls .ball.lhc-green.selected {
    background-color: #2b902a !important;
}

.page.page--lottery .normal_bet .playMain .ballGroup .ballCont .balls .ball.lhc-blue {
    /*六合彩 - 蓝*/
    color: #0b71bc;
}

.page.page--lottery .normal_bet .playMain .ballGroup .ballCont .balls .ball.lhc-blue:before {
    border-color: #0b71bc !important;
}

.page.page--lottery .normal_bet .playMain .ballGroup .ballCont .balls .ball.lhc-blue.selected {
    background-color: #0b71bc !important;
}

.page.page--lottery .normal_bet .playMain .ballGroup .ballCont .balls .ball.lhc-red {
    /*六合彩 - 红*/
    color: #d00000;
}

.page.page--lottery .normal_bet .playMain .ballGroup .ballCont .balls .ball.lhc-red:before {
    border-color: #d00000 !important;
}

.page.page--lottery .normal_bet .playMain .ballGroup .ballCont .balls .ball.lhc-red.selected {
    background-color: #d00000 !important;
}

.page.page--lottery .normal_bet .playMain .ballGroup .ballCont .balls .ball.large,
.page.page--lottery .normal_bet .playMain .ballGroup .ballCont .balls .ball.square {
    /*常见的多个字的*/
    width: auto;
    min-width: .9rem;
    height: .9rem;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: normal;
    font-size: 90%;
    border-radius: 10px;
    margin: 0 .2rem 0 .3rem;
    padding: 0 .2rem;
    white-space: nowrap;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-device-pixel-ratio: 2),
only screen and (min-resolution: 2dppx) {

    .page.page--lottery .normal_bet .playMain .ballGroup .ballCont .balls .ball.large,
    .page.page--lottery .normal_bet .playMain .ballGroup .ballCont .balls .ball.square {
        border-radius: 5px;
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 3),
only screen and (min-device-pixel-ratio: 3),
only screen and (min-resolution: 3dppx) {

    .page.page--lottery .normal_bet .playMain .ballGroup .ballCont .balls .ball.large,
    .page.page--lottery .normal_bet .playMain .ballGroup .ballCont .balls .ball.square {
        border-radius: 3.33333px;
    }
}

.page.page--lottery .normal_bet .playMain .ballGroup .ballCont .balls .ball.large:before,
.page.page--lottery .normal_bet .playMain .ballGroup .ballCont .balls .ball.square:before {
    border-radius: 10px;
    border-color: #E1E1E1;
}

.page.page--lottery .normal_bet .playMain .ballGroup .ballCont .balls .ball.large.selected:after,
.page.page--lottery .normal_bet .playMain .ballGroup .ballCont .balls .ball.square.selected:after {
    border-radius: 10px;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-device-pixel-ratio: 2),
only screen and (min-resolution: 2dppx) {

    .page.page--lottery .normal_bet .playMain .ballGroup .ballCont .balls .ball.large.selected:after,
    .page.page--lottery .normal_bet .playMain .ballGroup .ballCont .balls .ball.square.selected:after {
        border-radius: 5px;
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 3),
only screen and (min-device-pixel-ratio: 3),
only screen and (min-resolution: 3dppx) {

    .page.page--lottery .normal_bet .playMain .ballGroup .ballCont .balls .ball.large.selected:after,
    .page.page--lottery .normal_bet .playMain .ballGroup .ballCont .balls .ball.square.selected:after {
        border-radius: 3.33333px;
    }
}

.page.page--lottery .normal_bet .playMain .ballGroup .ballCont .balls .ball.selected {
    /*选中*/
    color: #fff;
    background: #fd7474;
}

.page.page--lottery .normal_bet .playMain .ballGroup .ballCont .balls .ball.selected:before {
    content: none;
}

.page.page--lottery .normal_bet .playMain .ballGroup .ballCont .balls .ball.selected:after {
    position: absolute;
    z-index: -1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 100%;
    content: '';
}

.page.page--lottery .normal_bet .playMain .ballGroup .ballCont .balls .statistics {
    font-size: 90%;
    margin-top: .15rem;
}

.page.page--lottery .normal_bet .playMain .ballGroup .ballCont .balls .statistics.missed {
    font-size: 90%;
    margin-top: .15rem;
    width: 1.4rem;
    display: block;
    text-align: center;
}

.page.page--lottery .normal_bet .playMain .ballGroup .ballCont .balls .statistics.hot {
    color: #ce7474;
}

.page.page--lottery .normal_bet .playMain .positions {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-bottom: .2rem;
    padding-bottom: .2rem;
}

.page.page--lottery .normal_bet .playMain .positions:before {
    opacity: .6;
}

.page.page--lottery .normal_bet .playMain .positions+.ballGroup:before {
    content: none;
}

.page.page--lottery .normal_bet .playMain .positions .places {
    display: flex;
    align-items: center;
}

.page.page--lottery .normal_bet .playMain .positions .places+.places {
    margin-left: .3rem;
}

.page.page--lottery .normal_bet .playMain .positions .places label {
    padding-left: .1rem;
    line-height: normal;
    display: flex;
    align-items: center;
    height: 1em;
}

.page.page--lottery .normal_bet .playMain .textBall .textarea {
    width: 100%;
    border-color: #f0cfcf;
    background: #fff9f9;
    transition: all .2s;
    color: #ad8080;
}

.page.page--lottery .normal_bet .playMain .textBall .textarea:focus {
    border-color: #ccc;
}

.page.page--lottery .normal_bet .playMain .textBall .inputControl {
    padding-top: .3rem;
    font-size: 90%;
}

.page.page--lottery .normal_bet .playMain .textBall .inputControl .inputBtnGroup {
    position: relative;
    display: flex;
}

.page.page--lottery .normal_bet .playMain .textBall .inputControl .inputBtnGroup .button {
    line-height: normal;
    padding: .1rem .5rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.page.page--lottery .normal_bet .playMain .textBall .inputControl .inputBtnGroup .button+.button {
    margin-left: .2rem;
}

.page.page--lottery .normal_bet .playMain .textBall .inputControl .inputBtnGroup .upLoadInput {
    position: absolute;
    z-index: -1;
    visibility: hidden;
    width: 0;
    height: 0;
}

.page.page--lottery .normal_bet .playMain .textBall .inputControl .inputTips {
    color: #c4c3c3;
    line-height: normal;
    padding-top: .3rem;
}

.page.page--lottery .normal_foot {
    display: flex;
    flex-direction: column;
    box-shadow: 0 -1px 5px 0px rgba(0, 0, 0, 0.05);
}

.page.page--lottery .normal_foot .loadingMask {
    z-index: 100;
}

.page.page--lottery .normal_foot:before {
    border-color: rgba(0, 0, 0, 0.15);
}

.page.page--lottery .normal_foot .betInfo {
    padding: 0 .3rem;
    height: .7rem;
    display: flex;
    justify-content: space-between;
    font-size: 85%;
    z-index: auto !important;
    color: #5a576c;
}

.page.page--lottery .normal_foot .betInfo>span {
    line-height: normal;
    position: relative;
    display: flex;
    align-items: center;
    z-index: 99;
}

.page.page--lottery .normal_foot .betInfo>span em {
    font-style: normal;
    color: #fd8c2b;
    padding: 0 .08rem;
    max-width: 2rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: normal;
    font-size: 100%;
}

.page.page--lottery .normal_foot .betInfo:before {
    border-color: rgba(0, 0, 0, 0.08);
}

.page.page--lottery .normal_foot .betInfo span.prize {
    transition: all .2s;
}

.page.page--lottery .normal_foot .betInfo span.prize span {
    display: flex;
    align-items: center;
}

.page.page--lottery .normal_foot .betInfo span.prize .prizes {
    padding-left: .1rem;
    color: #C32D37;
}

.page.page--lottery .normal_foot .betInfo span.prize .prizes i {
    padding-left: .1rem;
}

.page.page--lottery .normal_foot .betInfo span.prize:active {
    opacity: .8;
}

.page.page--lottery .normal_foot .betInfo span.clear {
    z-index: 101;
}

.page.page--lottery .normal_foot .betCtrl {
    padding: 0 .3rem;
    height: 1rem;
    display: flex;
    line-height: normal;
    font-size: 80%;
    position: relative;
}

.page.page--lottery .normal_foot .betCtrl .multiple {
    padding-right: .2rem;
    margin-right: .4rem;
    display: flex;
    align-items: center;
    position: relative;
}

.page.page--lottery .normal_foot .betCtrl .multiple .ctrlbtn {
    padding: 0.09rem 0.2rem;
    font-size: 120%;
    transition: all .2s;
    background: #fff;
    border-radius: 50%;
    border: .01rem solid #c5c1d3;
}

.page.page--lottery .normal_foot .betCtrl .multiple .ctrlbtn.fe-icon-plus:before {
    content: '+';
}

.page.page--lottery .normal_foot .betCtrl .multiple .ctrlbtn.disable {
    pointer-events: none;
    color: #ccc;
}

.page.page--lottery .normal_foot .betCtrl .multiple .ctrlbtn:active {
    opacity: .8;
}

.page.page--lottery .normal_foot .betCtrl .multiple .multipleNum {
    width: 1.4rem;
    text-align: center;
    background-color: rgba(0, 0, 0, 0.05);
    border-radius: 5px;
    padding: .15rem .1rem;
    height: 1em;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .2s;
}

.page.page--lottery .normal_foot .betCtrl .multiple .multipleNum:active {
    opacity: .8;
}

.page.page--lottery .normal_foot .betCtrl .multiple i {
    height: 1.45em;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    pointer-events: none;
}

.page.page--lottery .normal_foot .betCtrl .multiple i:before {
    border-color: rgba(0, 0, 0, 0.3);
}

.page.page--lottery .normal_foot .betCtrl .selection {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 110%;
}

.page.page--lottery .normal_foot .betCtrl .selection>div {
    flex: 0 0 50%;
    padding: 0.25rem 0 .25rem 0.1rem;
    display: inline-block;
    background-color: #fff0e4;
    border-radius: 1rem;
    line-height: 1.1em;
    position: relative;
    transition: all .2s;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #6b5c5c;
}

.page.page--lottery .normal_foot .betCtrl .selection>div.disable {
    opacity: .5;
    pointer-events: none;
}

.page.page--lottery .normal_foot .betCtrl .selection>div:active {
    opacity: .8;
}

.page.page--lottery .normal_foot .betCtrl .selection>div:first-child {
    flex: 0 0 44%;
}

.page.page--lottery .normal_foot .betCtrl .selection>div>span {
    padding: 0 .2rem;
}

.page.page--lottery .normal_foot .betCtrl .selection>div>i {
    position: absolute;
    font-size: 90%;
    right: -.05em;
    top: -.1em;
    background-color: unset;
    border-radius: 100%;
    padding: .1em;
    display: none;
}

.page.page--lottery .normal_foot .betCtrl .secondCtrl {
    position: absolute;
    height: 1rem;
    top: 0;
    left: 0;
    right: 0;
    background-color: #987d7b;
    z-index: 102;
    padding: 0 .3rem;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
}

.page.page--lottery .normal_foot .betCtrl .multipleInput {
    display: flex;
    align-items: center;
}

.page.page--lottery .normal_foot .betCtrl .multipleInput span {
    display: flex;
    white-space: nowrap;
    margin-right: .2rem;
}

.page.page--lottery .normal_foot .betCtrl .multipleInput input {
    border: none;
    outline: none;
    background: none;
    padding: .1rem .2rem;
    font-size: 120%;
    width: 3em;
    margin-right: .2rem;
    border-radius: 5px;
    color: #333;
}

.page.page--lottery .normal_foot .betCtrl .multipleInput input.error {
    -webkit-animation: errorflash .6s;
    animation: errorflash .6s;
}

.page.page--lottery .normal_foot .betCtrl .multipleInput>div {
    flex: 1;
    display: flex;
    justify-content: space-between;
    padding-left: .3rem;
}

.page.page--lottery .normal_foot .betCtrl .multipleInput>div .button {
    flex: 0 0 46%;
    padding: .15rem 0;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 1em;
    position: relative;
    box-sizing: content-box;
}

.page.page--lottery .normal_foot .betCtrl .modeInput {
    display: flex;
    align-items: center;
}

.page.page--lottery .normal_foot .betCtrl .modeInput ul {
    display: flex;
    flex: 1;
}

.page.page--lottery .normal_foot .betCtrl .modeInput ul li {
    flex: 1;
    height: 1em;
    background-color: #e4e4e4;
    color: #333;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: .15rem .1rem;
    border-radius: 5px;
}

.page.page--lottery .normal_foot .betCtrl .modeInput ul li+li {
    margin-left: .15rem;
}

.page.page--lottery .normal_foot .betCtrl .modeInput ul li.curMode {
    background-color: #C32D37;
    color: #fff;
}

.page.page--lottery .normal_foot .betCtrl .rebateInput {
    display: flex;
    align-items: center;
}

.page.page--lottery .normal_foot .betCtrl .rebateInput>span {
    margin-right: .3rem;
    font-size: 110%;
    color: #333;
}

.page.page--lottery .normal_foot .betCtrl .rebateInput>div {
    flex: 1;
}

.page.page--lottery .normal_foot .betCtrl .rebateInput .button {
    padding: .15rem .5rem;
    margin-left: .3rem;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 1em;
    box-sizing: content-box;
    background: #ee8e53;
}

.page.page--lottery .normal_foot .betOKBtn {
    height: 1rem;
    display: flex;
    line-height: normal;
}

.page.page--lottery .normal_foot .betOKBtn .lotteryCart {
    flex: 0 0 100%;
    display: flex;
    color: #333;
}

.page.page--lottery .normal_foot .betOKBtn .lotteryCart>div {
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .2s;
}

.page.page--lottery .normal_foot .betOKBtn .lotteryCart>div:before {
    padding-right: .1rem;
}

.page.page--lottery .normal_foot .betOKBtn .lotteryCart>div:active {
    opacity: .7;
    background-color: #fafafa;
}

.page.page--lottery .normal_foot .betOKBtn .lotteryCart .mainCart {
    flex: 0 0 25%;
    color: #6d697f;
}

.page.page--lottery .normal_foot .betOKBtn .lotteryCart .mainCart>span {
    position: relative;
}

.page.page--lottery .normal_foot .betOKBtn .lotteryCart .mainCart>span i {
    position: absolute;
    top: -.12rem;
    right: -.17rem;
    font-size: .25rem;
    width: .35rem;
    height: .35rem;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    background: transparent;
}

.page.page--lottery .normal_foot .betOKBtn .lotteryCart .mainCart>span i:before {
    color: #0a496a;
    position: absolute;
    font-size: 0.45rem;
    z-index: -1;
    opacity: .8;
}

.page.page--lottery .normal_foot .betOKBtn .lotteryCart .addToCart {
    flex: 0 0 25%;
    position: relative;
    color: #6d697f;
}

.page.page--lottery .normal_foot .betOKBtn .lotteryCart .addToCart i {
    height: 1.3em;
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    pointer-events: none;
}

.page.page--lottery .normal_foot .betOKBtn .lotteryCart .addToCart i:before {
    border-color: rgba(0, 0, 0, 0.3);
}

.page.page--lottery .normal_foot .betOKBtn .onkeyBet {
    flex: 0 0 25%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #C32D37;
    color: #fff;
    transition: all .2s;
}

.page.page--lottery .normal_foot .betOKBtn .onkeyBet:active {
    opacity: .6;
}

.page.page--lottery .pk_bet {
    display: flex;
    background-color: #fff !important;
    font-size: 85%;
}

.page.page--lottery .pk_bet>.loadingMask {
    z-index: 100;
}

.page.page--lottery .pk_bet .playMain {
    padding: 0.1rem 0.2rem .2rem;
    line-height: normal;
}

.page.page--lottery .pk_bet .playMain .ballgroup+.ballgroup {
    margin-top: .2rem;
}

.page.page--lottery .pk_bet .playMain .ballCard+.ballCard {
    margin-top: .2rem;
}

.page.page--lottery .pk_bet .playMain .ballCard .tit {
    background-color: #ffcbbd;
    border-radius: 3px;
    padding: .1rem 0;
    text-align: center;
    color: #6b574e;
    margin-top: 0.3rem;
}

.page.page--lottery .pk_bet .playMain .ballCard .tit:first-child {
    margin-top: .1rem;
}

.page.page--lottery .pk_bet .playMain .ballCard .con {
    display: flex;
    flex-wrap: wrap;
    margin-top: .1rem;
}

.page.page--lottery .pk_bet .playMain .ballCard:first-child.notit {
    margin-top: -0.2rem;
}

.page.page--lottery .pk_bet .playMain .ballCard.notit {
    margin-top: 0;
}

.page.page--lottery .pk_bet .playMain .ballCard.notit .con {
    margin-top: 0;
}

.page.page--lottery .pk_bet .playMain .ballCard .pkball {
    box-sizing: border-box;
    /* border: solid transparent; */
    background-clip: content-box;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin: 0.2rem 0.14rem 0rem 0.1rem;
    background-color: #ffeaea;
}

.page.page--lottery .pk_bet .playMain .ballCard .pkball>span,
.page.page--lottery .pk_bet .playMain .ballCard .pkball>em {
    transition: color .2s;
}

.page.page--lottery .pk_bet .playMain .ballCard .pkball>em {
    font-size: 80%;
}

.page.page--lottery .pk_bet .playMain .ballCard .pkball.selected_menu {
    background: #DC7C49;
}

.page.page--lottery .pk_bet .playMain .ballCard .pkball:before {
    transition: background .2s, color .2s;
}

.page.page--lottery .pk_bet .playMain .ballCard .pkball.fang {
    flex: 0 0 21.7%;
    height: 1rem;
}

.page.page--lottery .pk_bet .playMain .ballCard .pkball.fang:before {
    border-radius: 7px;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-device-pixel-ratio: 2),
only screen and (min-resolution: 2dppx) {
    .page.page--lottery .pk_bet .playMain .ballCard .pkball.fang:before {
        border-radius: 3px;
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 3),
only screen and (min-device-pixel-ratio: 3),
only screen and (min-resolution: 3dppx) {
    .page.page--lottery .pk_bet .playMain .ballCard .pkball.fang:before {
        border-radius: 3px;
    }
}

.page.page--lottery .pk_bet .playMain .ballCard .pkball.fang.selected:after,
.page.page--lottery .pk_bet .playMain .ballCard .pkball.fang.selected:before {
    border-radius: 3px;
}

.page.page--lottery .pk_bet .playMain .ballCard .pkball.yuan {
    width: 1.3rem;
    height: 1.3rem;
    border-radius: 50%;
    margin: 0.2rem 0.1rem 0rem 0.1rem;
}

.page.page--lottery .pk_bet .playMain .ballCard .pkball.yuan>span {
    font-size: 110%;
}

.page.page--lottery .pk_bet .playMain .ballCard .pkball.yuan:before {
    border-radius: 100%;
}

.page.page--lottery .pk_bet .playMain .ballCard .pkball.yuan.selected:after {
    border-radius: 100%;
}

.page.page--lottery .pk_bet .playMain .ballCard .pkball.yuan.small {
    flex: 0 0 16.66666666666667%;
    height: calc((100vw - 0.6rem) / 6 - 0.3rem);
}

.page.page--lottery .pk_bet .playMain .ballCard .pkball.default>span {
    color: inherit;
}

.page.page--lottery .pk_bet .playMain .ballCard .pkball.default>em {
    color: #1f6488;
}

.page.page--lottery .pk_bet .playMain .ballCard .pkball.default:before {
    border-color: #E0E0E0;
}

.page.page--lottery .pk_bet .playMain .ballCard .pkball.default.selected:before {
    background-color: #C32D37;
}

.page.page--lottery .pk_bet .playMain .ballCard .pkball.lhc-pk-red>span {
    color: #d00000;
}

.page.page--lottery .pk_bet .playMain .ballCard .pkball.lhc-pk-red>em {
    color: rgba(208, 0, 0, 0.5);
}

.page.page--lottery .pk_bet .playMain .ballCard .pkball.lhc-pk-red:before {
    border-color: #d00000;
}

.page.page--lottery .pk_bet .playMain .ballCard .pkball.lhc-pk-red.selected:before {
    background-color: #d00000;
}

.page.page--lottery .pk_bet .playMain .ballCard .pkball.lhc-pk-green>span {
    color: #2b902a;
}

.page.page--lottery .pk_bet .playMain .ballCard .pkball.lhc-pk-green>em {
    color: rgba(43, 144, 42, 0.5);
}

.page.page--lottery .pk_bet .playMain .ballCard .pkball.lhc-pk-green:before {
    border-color: #2b902a;
}

.page.page--lottery .pk_bet .playMain .ballCard .pkball.lhc-pk-green.selected:before {
    background-color: #2b902a;
}

.page.page--lottery .pk_bet .playMain .ballCard .pkball.lhc-pk-blue>span {
    color: #0b71bc;
}

.page.page--lottery .pk_bet .playMain .ballCard .pkball.lhc-pk-blue>em {
    color: rgba(11, 113, 188, 0.5);
}

.page.page--lottery .pk_bet .playMain .ballCard .pkball.lhc-pk-blue:before {
    border-color: #0b71bc;
}

.page.page--lottery .pk_bet .playMain .ballCard .pkball.lhc-pk-blue.selected:before {
    background-color: #0b71bc;
}

.page.page--lottery .pk_bet .playMain .ballCard .pkball.k3-pk-ball:before {
    border-color: #E0E0E0;
}

.page.page--lottery .pk_bet .playMain .ballCard .pkball.k3-pk-ball~.fang {
    flex: 0 0 20%;
    height: calc((100vw - 0.6rem) / 5 - 0.3rem);
}

.page.page--lottery .pk_bet .playMain .ballCard .pkball.k3-pk-ball~.fang:before {
    border-radius: 100%;
}

.page.page--lottery .pk_bet .playMain .ballCard .pkball.k3-pk-ball~.fang.selected:after {
    border-radius: 100%;
}

.page.page--lottery .pk_bet .playMain .ballCard .pkball.k3-pk-ball>em {
    color: #1f6488;
}

.page.page--lottery .pk_bet .playMain .ballCard .pkball.k3-pk-ball>span {
    position: relative;
    color: transparent;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: .13rem;
}

.page.page--lottery .pk_bet .playMain .ballCard .pkball.k3-pk-ball>span:after {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: "fontello";
    font-style: normal;
    font-weight: normal;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    background-color: #959595;
    color: #fff;
    padding: .05rem;
    border-radius: 3px;
    transition: background .2s, color .2s;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.page.page--lottery .pk_bet .playMain .ballCard .pkball.k3-pk-ball.k3-pk-ball-1>span:after {
    content: '\e805';
}

.page.page--lottery .pk_bet .playMain .ballCard .pkball.k3-pk-ball.k3-pk-ball-2>span:after {
    content: '\e806';
}

.page.page--lottery .pk_bet .playMain .ballCard .pkball.k3-pk-ball.k3-pk-ball-3>span:after {
    content: '\e810';
}

.page.page--lottery .pk_bet .playMain .ballCard .pkball.k3-pk-ball.k3-pk-ball-4>span:after {
    content: '\e80f';
}

.page.page--lottery .pk_bet .playMain .ballCard .pkball.k3-pk-ball.k3-pk-ball-5>span:after {
    content: '\e80e';
}

.page.page--lottery .pk_bet .playMain .ballCard .pkball.k3-pk-ball.k3-pk-ball-6>span:after {
    content: '\e80d';
}

.page.page--lottery .pk_bet .playMain .ballCard .pkball.k3-pk-ball.selected>span:after {
    color: #777;
    background-color: #fff;
}

.page.page--lottery .pk_bet .playMain .ballCard .pkball.k3-pk-ball.selected:before {
    background-color: #C32D37;
}

.page.page--lottery .pk_bet .playMain .ballCard .pkball.k3-pk-ball-weitou,
.page.page--lottery .pk_bet .playMain .ballCard .pkball.k3-pk-ball-duanpai {
    flex: 0 0 33.3333333333333%;
    height: auto;
    min-height: 1.3rem;
    padding: .2rem 0;
}

.page.page--lottery .pk_bet .playMain .ballCard .pkball.k3-pk-ball-weitou:before,
.page.page--lottery .pk_bet .playMain .ballCard .pkball.k3-pk-ball-duanpai:before {
    border-color: #E0E0E0;
}

.page.page--lottery .pk_bet .playMain .ballCard .pkball.k3-pk-ball-weitou~.same_width_of_k3_ball,
.page.page--lottery .pk_bet .playMain .ballCard .pkball.k3-pk-ball-duanpai~.same_width_of_k3_ball {
    flex: 0 0 33.3333333333333%;
}

.page.page--lottery .pk_bet .playMain .ballCard .pkball.k3-pk-ball-weitou~.same_width_of_k3_ball:before,
.page.page--lottery .pk_bet .playMain .ballCard .pkball.k3-pk-ball-duanpai~.same_width_of_k3_ball:before {
    border-color: #E0E0E0;
}

.page.page--lottery .pk_bet .playMain .ballCard .pkball.k3-pk-ball-weitou~.same_width_of_k3_ball>em,
.page.page--lottery .pk_bet .playMain .ballCard .pkball.k3-pk-ball-duanpai~.same_width_of_k3_ball>em {
    color: #1f6488;
}

.page.page--lottery .pk_bet .playMain .ballCard .pkball.k3-pk-ball-weitou~.same_width_of_k3_ball.selected>span,
.page.page--lottery .pk_bet .playMain .ballCard .pkball.k3-pk-ball-weitou~.same_width_of_k3_ball.selected>em,
.page.page--lottery .pk_bet .playMain .ballCard .pkball.k3-pk-ball-duanpai~.same_width_of_k3_ball.selected>span,
.page.page--lottery .pk_bet .playMain .ballCard .pkball.k3-pk-ball-duanpai~.same_width_of_k3_ball.selected>em {
    color: #fff;
}

.page.page--lottery .pk_bet .playMain .ballCard .pkball.k3-pk-ball-weitou~.same_width_of_k3_ball.selected:before,
.page.page--lottery .pk_bet .playMain .ballCard .pkball.k3-pk-ball-duanpai~.same_width_of_k3_ball.selected:before {
    background-color: #C32D37;
}

.page.page--lottery .pk_bet .playMain .ballCard .pkball.k3-pk-ball-weitou>em,
.page.page--lottery .pk_bet .playMain .ballCard .pkball.k3-pk-ball-duanpai>em {
    color: #1f6488;
}

.page.page--lottery .pk_bet .playMain .ballCard .pkball.k3-pk-ball-weitou>div,
.page.page--lottery .pk_bet .playMain .ballCard .pkball.k3-pk-ball-duanpai>div {
    display: flex;
    margin: .13rem 0;
}

.page.page--lottery .pk_bet .playMain .ballCard .pkball.k3-pk-ball-weitou>div>span,
.page.page--lottery .pk_bet .playMain .ballCard .pkball.k3-pk-ball-duanpai>div>span {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #959595;
    color: #fff;
    padding: .05rem;
    border-radius: 3px;
    transition: background .2s, color .2s;
    margin: 0 .05rem;
    font-size: 110%;
}

.page.page--lottery .pk_bet .playMain .ballCard .pkball.k3-pk-ball-weitou>div>span:after,
.page.page--lottery .pk_bet .playMain .ballCard .pkball.k3-pk-ball-duanpai>div>span:after {
    font-family: "fontello";
    font-style: normal;
    font-weight: normal;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.page.page--lottery .pk_bet .playMain .ballCard .pkball.k3-pk-ball-weitou.k3-pk-ball-1>div>span:after,
.page.page--lottery .pk_bet .playMain .ballCard .pkball.k3-pk-ball-duanpai.k3-pk-ball-1>div>span:after {
    content: '\e805';
}

.page.page--lottery .pk_bet .playMain .ballCard .pkball.k3-pk-ball-weitou.k3-pk-ball-2>div>span:after,
.page.page--lottery .pk_bet .playMain .ballCard .pkball.k3-pk-ball-duanpai.k3-pk-ball-2>div>span:after {
    content: '\e806';
}

.page.page--lottery .pk_bet .playMain .ballCard .pkball.k3-pk-ball-weitou.k3-pk-ball-3>div>span:after,
.page.page--lottery .pk_bet .playMain .ballCard .pkball.k3-pk-ball-duanpai.k3-pk-ball-3>div>span:after {
    content: '\e810';
}

.page.page--lottery .pk_bet .playMain .ballCard .pkball.k3-pk-ball-weitou.k3-pk-ball-4>div>span:after,
.page.page--lottery .pk_bet .playMain .ballCard .pkball.k3-pk-ball-duanpai.k3-pk-ball-4>div>span:after {
    content: '\e80f';
}

.page.page--lottery .pk_bet .playMain .ballCard .pkball.k3-pk-ball-weitou.k3-pk-ball-5>div>span:after,
.page.page--lottery .pk_bet .playMain .ballCard .pkball.k3-pk-ball-duanpai.k3-pk-ball-5>div>span:after {
    content: '\e80e';
}

.page.page--lottery .pk_bet .playMain .ballCard .pkball.k3-pk-ball-weitou.k3-pk-ball-6>div>span:after,
.page.page--lottery .pk_bet .playMain .ballCard .pkball.k3-pk-ball-duanpai.k3-pk-ball-6>div>span:after {
    content: '\e80d';
}

.page.page--lottery .pk_bet .playMain .ballCard .pkball.k3-pk-ball-weitou.selected>div>span,
.page.page--lottery .pk_bet .playMain .ballCard .pkball.k3-pk-ball-duanpai.selected>div>span {
    color: #777 !important;
    background-color: #fff;
}

.page.page--lottery .pk_bet .playMain .ballCard .pkball.k3-pk-ball-weitou.selected:before,
.page.page--lottery .pk_bet .playMain .ballCard .pkball.k3-pk-ball-duanpai.selected:before {
    background-color: #C32D37;
}

.page.page--lottery .pk_bet .playMain .ballCard .pkball.pcdd-pk-grey>span {
    color: #666666;
}

.page.page--lottery .pk_bet .playMain .ballCard .pkball.pcdd-pk-grey>em {
    color: rgba(102, 102, 102, 0.5);
}

.page.page--lottery .pk_bet .playMain .ballCard .pkball.pcdd-pk-grey:before {
    border-color: #666666;
}

.page.page--lottery .pk_bet .playMain .ballCard .pkball.pcdd-pk-grey.selected:before {
    background-color: #666666;
}

.page.page--lottery .pk_bet .playMain .ballCard .pkball.pcdd-pk-green>span {
    color: #14bfa4;
}

.page.page--lottery .pk_bet .playMain .ballCard .pkball.pcdd-pk-green>em {
    color: rgba(20, 191, 164, 0.5);
}

.page.page--lottery .pk_bet .playMain .ballCard .pkball.pcdd-pk-green:before {
    border-color: #14bfa4;
}

.page.page--lottery .pk_bet .playMain .ballCard .pkball.pcdd-pk-green.selected:before {
    background-color: #14bfa4;
}

.page.page--lottery .pk_bet .playMain .ballCard .pkball.pcdd-pk-blue>span {
    color: #1488c3;
}

.page.page--lottery .pk_bet .playMain .ballCard .pkball.pcdd-pk-blue>em {
    color: rgba(20, 136, 195, 0.5);
}

.page.page--lottery .pk_bet .playMain .ballCard .pkball.pcdd-pk-blue:before {
    border-color: #1488c3;
}

.page.page--lottery .pk_bet .playMain .ballCard .pkball.pcdd-pk-blue.selected:before {
    background-color: #1488c3;
}

.page.page--lottery .pk_bet .playMain .ballCard .pkball.pcdd-pk-red>span {
    color: #e23264;
}

.page.page--lottery .pk_bet .playMain .ballCard .pkball.pcdd-pk-red>em {
    color: rgba(226, 50, 100, 0.5);
}

.page.page--lottery .pk_bet .playMain .ballCard .pkball.pcdd-pk-red:before {
    border-color: #e23264;
}

.page.page--lottery .pk_bet .playMain .ballCard .pkball.pcdd-pk-red.selected:before {
    background-color: #e23264;
}

.page.page--lottery .pk_bet .playMain .ballCard .pkball.w_3f1 {
    flex: 0 0 30%;
}

.page.page--lottery .pk_bet .playMain .ballCard .pkball.w_2f1 {
    flex: 0 0 50%;
}

.page.page--lottery .pk_bet .playMain .ballCard .pkball.selected>span,
.page.page--lottery .pk_bet .playMain .ballCard .pkball.selected>em {
    color: #fff !important;
}

.page.page--lottery .pk_bet .playMain .ballCard .pkball.selected>div>span {
    background-color: #fff;
}

.page.page--lottery .pk_bet .playMain .ballCard .pkball.selected>div>span:before {
    content: none;
}

.page.page--lottery .pk_bet .playMain .ballCard .pkball.selected:before {
    border: none;
    z-index: -1;
    -webkit-transform: none;
    transform: none;
    width: 100%;
    height: 100%;
}

.page.page--lottery .pk_bet .playMain .ballCard .pkball.selected:after {
    position: absolute;
    z-index: -1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: '';
}

.page.page--lottery .pk_bet .playMain .ballCard .pkball.disable {
    opacity: .5 !important;
    pointer-events: none !important;
}

.page.page--lottery .pk_bet .playMain .ballCard.sxCard .pkball.fang {
    height: auto;
    min-height: 1.3rem;
    padding: .2rem 0;
}

.page.page--lottery .pk_bet .playMain .ballCard.sxCard .pkball.fang.lhc_pk_tema_shengxiao {
    flex: 0 0 50%;
}

.page.page--lottery .pk_bet .playMain .ballCard.sxCard .pkball.fang.k3_pk_changpai {
    flex: 0 0 33.3333333333333%;
}

.page.page--lottery .pk_bet .playMain .ballCard.sxCard .pkball.fang.k3_pk_changpai>div {
    margin: .13rem 0;
}

.page.page--lottery .pk_bet .playMain .ballCard.sxCard .pkball.fang>div {
    display: flex;
    margin-bottom: .08rem;
}

.page.page--lottery .pk_bet .playMain .ballCard.sxCard .pkball.fang>div>span {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: .1rem;
    margin: .1rem .08rem;
    font-size: 90%;
    transition: background .2s, color .2s;
}

.page.page--lottery .pk_bet .playMain .ballCard.sxCard .pkball.fang>div>span.sx_default {
    color: inherit;
}

.page.page--lottery .pk_bet .playMain .ballCard.sxCard .pkball.fang>div>span.sx_default:before {
    border-color: #E0E0E0;
}

.page.page--lottery .pk_bet .playMain .ballCard.sxCard .pkball.fang>div>span.k3-pk-ball {
    position: relative;
    color: transparent;
    margin: 0 0.1rem;
    padding: 0;
    font-size: 110%;
    width: 1em;
}

.page.page--lottery .pk_bet .playMain .ballCard.sxCard .pkball.fang>div>span.k3-pk-ball:before {
    content: none;
}

.page.page--lottery .pk_bet .playMain .ballCard.sxCard .pkball.fang>div>span.k3-pk-ball:after {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: "fontello";
    font-style: normal;
    font-weight: normal;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    background-color: #959595;
    color: #fff;
    padding: .05rem;
    border-radius: 4px;
    transition: background .2s, color .2s;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.page.page--lottery .pk_bet .playMain .ballCard.sxCard .pkball.fang>div>span.k3-pk-ball.k3-pk-ball-1:after {
    content: '\e805';
}

.page.page--lottery .pk_bet .playMain .ballCard.sxCard .pkball.fang>div>span.k3-pk-ball.k3-pk-ball-2:after {
    content: '\e806';
}

.page.page--lottery .pk_bet .playMain .ballCard.sxCard .pkball.fang>div>span.k3-pk-ball.k3-pk-ball-3:after {
    content: '\e810';
}

.page.page--lottery .pk_bet .playMain .ballCard.sxCard .pkball.fang>div>span.k3-pk-ball.k3-pk-ball-4:after {
    content: '\e80f';
}

.page.page--lottery .pk_bet .playMain .ballCard.sxCard .pkball.fang>div>span.k3-pk-ball.k3-pk-ball-5:after {
    content: '\e80e';
}

.page.page--lottery .pk_bet .playMain .ballCard.sxCard .pkball.fang>div>span.k3-pk-ball.k3-pk-ball-6:after {
    content: '\e80d';
}

.page.page--lottery .pk_bet .playMain .ballCard.sxCard .pkball.fang>div>span.lhc-pk-red,
.page.page--lottery .pk_bet .playMain .ballCard.sxCard .pkball.fang>div>span.lhc-pk-green,
.page.page--lottery .pk_bet .playMain .ballCard.sxCard .pkball.fang>div>span.lhc-pk-blue {
    border-radius: 100%;
    line-height: 1;
    width: 1em;
    padding: .12rem;
}

.page.page--lottery .pk_bet .playMain .ballCard.sxCard .pkball.fang>div>span.lhc-pk-red:before,
.page.page--lottery .pk_bet .playMain .ballCard.sxCard .pkball.fang>div>span.lhc-pk-green:before,
.page.page--lottery .pk_bet .playMain .ballCard.sxCard .pkball.fang>div>span.lhc-pk-blue:before {
    border-radius: 100%;
}

.page.page--lottery .pk_bet .playMain .ballCard.sxCard .pkball.fang>div>span.lhc-pk-red {
    color: #d00000;
}

.page.page--lottery .pk_bet .playMain .ballCard.sxCard .pkball.fang>div>span.lhc-pk-red:before {
    border-color: #d00000;
}

.page.page--lottery .pk_bet .playMain .ballCard.sxCard .pkball.fang>div>span.lhc-pk-green {
    color: #2b902a;
}

.page.page--lottery .pk_bet .playMain .ballCard.sxCard .pkball.fang>div>span.lhc-pk-green:before {
    border-color: #2b902a;
}

.page.page--lottery .pk_bet .playMain .ballCard.sxCard .pkball.fang>div>span.lhc-pk-blue {
    color: #0b71bc;
}

.page.page--lottery .pk_bet .playMain .ballCard.sxCard .pkball.fang>div>span.lhc-pk-blue:before {
    border-color: #0b71bc;
}

.page.page--lottery .pk_bet .playMain .ballCard.sxCard .pkball.fang.selected>div>span.lhc-pk-red,
.page.page--lottery .pk_bet .playMain .ballCard.sxCard .pkball.fang.selected>div>span.lhc-pk-green,
.page.page--lottery .pk_bet .playMain .ballCard.sxCard .pkball.fang.selected>div>span.lhc-pk-blue {
    color: #C32D37 !important;
}

.page.page--lottery .pk_bet .playMain .ballCard.sxCard .pkball.fang.selected>div>span.k3-pk-ball:after {
    background-color: #fff;
    color: #777;
}

.page.page--lottery .pk_bet .playMain .ballCard.menuCard .pkball.selected_menu>span,
.page.page--lottery .pk_bet .playMain .ballCard.menuCard .pkball.selected_menu>em {
    color: #C32D37;
}

.page.page--lottery .pk_bet .playMain .ballCard.menuCard .pkball.selected_menu:before {
    border-color: #C32D37;
    background-color: rgba(195, 45, 55, 0.1);
    z-index: -1;
}

.page.page--lottery .pk_foot {
    background-color: transparent !important;
    display: flex;
    flex-direction: column;
}

.page.page--lottery .pk_foot .countBar {
    height: .65rem;
    font-size: 80%;
    background-color: #a36363;
    display: flex;
    align-items: center;
    justify-content: space-between;
    box-shadow: 0 -1px 5px 0px rgba(0, 0, 0, 0.05);
    line-height: normal;
    color: #fff;
    padding: 0 0.2rem;
}

.page.page--lottery .pk_foot .countBar p {
    max-width: 98%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.page.page--lottery .pk_foot .countBar span {
    color: #C32D37;
    padding: 0 .05rem;
    height: 1em;
}

.page.page--lottery .pk_foot .amountBar {
    background-color: #fff;
    box-shadow: 0 -1px 5px 0px rgba(0, 0, 0, 0.05);
    height: 1rem;
    padding: 0 0 0 0.3rem;
    font-size: 85%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    z-index: 99;
}

.page.page--lottery .pk_foot .amountBar .amountInput {
    display: flex;
    align-items: center;
    line-height: normal;
    color: #C32D37;
    margin-right: .3rem;
}

.page.page--lottery .pk_foot .amountBar .amountInput input {
    border: none;
    outline: none;
    background: none;
    padding: .1rem 0.2rem;
    font-size: 110%;
    color: #9d5257;
    width: 1rem;
    background-color: rgba(195, 45, 55, 0.05);
    border-radius: .05rem;
    margin: 0 .3rem 0 .1rem;
    text-align: center;
}

.page.page--lottery .pk_foot .amountBar .amountInput label {
    color: #656374;
    font-size: 110%;
}

.page.page--lottery .pk_foot .amountBar .quickAmounts {
    flex: 1;
    display: flex;
    justify-content: flex-end;
    color: #a496af;
}

.page.page--lottery .pk_foot .amountBar .quickAmounts>span {
    padding: .12rem;
    background-color: #ffe5de;
    border-radius: 4px;
    min-width: 1.5em;
    line-height: normal;
    display: inline-block;
    height: 1em;
    vertical-align: middle;
    text-align: center;
    transition: background .2s;
    font-size: 110%;
    margin-right: 0.1rem;
    color: #af8282;
}

.page.page--lottery .pk_foot .amountBar .quickAmounts>span:active {
    background-color: #DC7C49;
}

.page.page--lottery .pk_foot .amountBar .quickAmounts>span.fe-icon-setting {
    background-color: unset;
    font-size: 160%;
    margin-top: -0.3em;
    margin-left: -0.1rem;
}

.page.page--lottery .pk_foot .btnBar {
    background-color: #fff;
    height: 1rem;
    display: flex;
}

.page.page--lottery .pk_foot .btnBar .button {
    padding: 0;
    line-height: normal;
    flex: 1;
    border-radius: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #EC5353;
}

.page.page--lottery .pk_foot .btnBar .button.button--default {
    color: #fff;
    background-color: #b18585;
}

.page.page--lottery .pk_foot .btnBar .button.button--default:before {
    border-color: rgba(0, 0, 0, 0.05);
}

.lotteryPkConfirmDialog .unityMain {
    width: 90vw;
    height: 70vh;
}

.lotteryPkConfirmDialog .unityMain .top {
    z-index: 102 !important;
}

.lotteryPkConfirmDialog .CartItem {
    position: relative;
    border-radius: 8px;
    background-color: #fff;
    min-height: 2rem;
    width: calc(90vw - .4rem);
    transition: all .5s;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.lotteryPkConfirmDialog .CartItem+.CartItem {
    margin-top: .15rem;
}

.lotteryPkConfirmDialog .CartItem.CartItem-leave-to {
    opacity: 0;
    -webkit-transform: translateX(-100%) scale3d(0.3, 0.3, 0.3);
    transform: translateX(-100%) scale3d(0.3, 0.3, 0.3);
}

.lotteryPkConfirmDialog .CartItem.CartItem-leave-active {
    position: absolute;
}

.lotteryPkConfirmDialog .CartItem.countBar {
    background: none;
    height: auto;
    min-height: auto;
}

.lotteryPkConfirmDialog .CartItem.countBar .bottomEndLine {
    color: inherit;
    padding: .3rem .15rem;
    font-size: 80%;
    word-break: break-all;
}

.lotteryPkConfirmDialog .CartItem.countBar .bottomEndLine em {
    padding: 0 .05rem;
    color: #0a496a;
}

.lotteryPkConfirmDialog .CartItem .CartItemTit {
    font-size: 90%;
    display: flex;
    justify-content: space-between;
    padding: .2rem .3rem .15rem;
}

.lotteryPkConfirmDialog .CartItem .CartItemTit:before {
    border-color: rgba(0, 0, 0, 0.08);
}

.lotteryPkConfirmDialog .CartItem .CartItemTit .tit {
    line-height: 1;
    display: flex;
    align-items: center;
    overflow: hidden;
}

.lotteryPkConfirmDialog .CartItem .CartItemTit .tit:before {
    margin-right: .05rem;
    color: #0a496a;
    vertical-align: middle;
}

.lotteryPkConfirmDialog .CartItem .CartItemTit .tit span {
    white-space: nowrap;
    max-width: 70%;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle;
    display: inline-block;
}

.lotteryPkConfirmDialog .CartItem .CartItemTit .tit em {
    color: #0a496a;
    display: inline-block;
    vertical-align: middle;
    padding-left: .1rem;
}

.lotteryPkConfirmDialog .CartItem .CartItemTit .tit em i {
    vertical-align: text-top;
}

.lotteryPkConfirmDialog .CartItem .CartItemTit .delbtn {
    width: .5rem;
    height: .5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    font-size: 110%;
    transition: all .2s;
    border-radius: 100%;
    color: #bebebe;
}

.lotteryPkConfirmDialog .CartItem .CartItemTit .delbtn.act,
.lotteryPkConfirmDialog .CartItem .CartItemTit .delbtn:active {
    color: #0a496a;
}

.lotteryPkConfirmDialog .CartItem .CartItemTit .delbtn.act:before,
.lotteryPkConfirmDialog .CartItem .CartItemTit .delbtn:active:before {
    content: '\ebd6';
}

.lotteryPkConfirmDialog .CartItem .CartItemCon {
    flex: 1;
    font-size: 90%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: .15rem .3rem .2rem;
}

.lotteryPkConfirmDialog .CartItem .CartItemCon .amountInput {
    display: inline-block;
    z-index: 101 !important;
    background-color: #fff;
    border-radius: 10rem;
}

.lotteryPkConfirmDialog .CartItem .CartItemCon .amountInput:before {
    border-radius: 10rem;
    border-color: rgba(0, 0, 0, 0.2);
}

.lotteryPkConfirmDialog .CartItem .CartItemCon .amountInput input {
    border: none;
    outline: none;
    background: none;
    padding: .1rem;
    color: #777;
    width: 3em;
    border-radius: 4px;
    text-align: center;
    font-size: 100%;
    transition: color .2s;
}

.lotteryPkConfirmDialog .CartItem .CartItemCon .amountInput input.quickInputing {
    color: #0a496a;
}

.lotteryPkConfirmDialog .CartItem .CartItemCon>div:nth-child(2) {
    word-break: break-all;
    color: #C32D37;
    font-size: 120%;
    font-weight: bold;
    padding: 0 .15rem;
    box-sizing: border-box;
    text-align: center;
}

.lotteryPkConfirmDialog .CartItem .CartItemCon>div:nth-child(3) {
    text-align: right;
    word-break: break-word;
    text-align: center;
}

.lotteryPkConfirmDialog .quickInputAmount {
    position: absolute;
    z-index: 100;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    display: flex;
    align-items: center;
}

.lotteryPkConfirmDialog .quickInputAmount p {
    position: absolute;
    right: .3rem;
    width: 60%;
    display: flex;
    flex-wrap: wrap;
}

.lotteryPkConfirmDialog .quickInputAmount p span {
    flex: 0 0 31%;
    margin-bottom: 0.2rem;
    margin-left: 3.5%;
    background-color: #fff;
    box-sizing: border-box;
    border-radius: 10rem;
    text-align: center;
    padding: .1rem;
    font-size: 90%;
    opacity: .8;
}

.lotteryPkConfirmDialog .quickInputAmount p span:nth-child(3n + 1) {
    margin-left: 0;
}

.lotteryPkConfirmDialog .quickInputAmount p span:nth-child(3n + 1):nth-last-child(-n + 3),
.lotteryPkConfirmDialog .quickInputAmount p span:nth-child(3n + 1):nth-last-child(-n + 3)~span {
    margin-bottom: 0;
}

.lotteryPkConfirmDialog .quickInputAmount p span:active {
    opacity: 1;
}

.lotteryLongDialog .dialog,
.lotteryLongDialog .unityMain {
    min-width: auto;
    width: 7rem;
}

.lotteryLongDialog .unityMain {
    min-height: 4rem;
}

.lotteryLongDialog .list {
    border-radius: 5px;
}

.lotteryLongDialog .center {
    color: #0a496a !important;
}

.lotteryLongDialog .loadingMask {
    z-index: 100 !important;
}

.launchBetDialog .QuicklyMain {
    font-size: 14px;
}

.launchBetDialog .QuicklyMain .top {
    color: #fff;
    background: #C32D37;
    height: 1rem;
    line-height: 1rem;
    text-align: center;
}

.launchBetDialog .QuicklyMain .middle {
    padding: 10px 10px;
    flex: 1;
    position: relative;
    background-color: #f3f3f3;
}

.launchBetDialog .QuicklyMain .middle .unityDialogCard .list-item .left {
    min-width: 5em;
    justify-content: flex-end;
}

.launchBetDialog .QuicklyMain .middle .unityDialogCard .list-item__center {
    padding: .15rem .1rem .15rem 0;
    min-height: 1rem;
    line-height: inherit;
    word-break: break-all;
    word-wrap: break-word;
}

.launchBetDialog .QuicklyMain .dialog_rebate_foot {
    background-color: #fff;
    height: 1rem;
    display: flex;
    z-index: 101 !important;
}

.launchBetDialog .QuicklyMain .dialog_rebate_foot span {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .2s;
}

.launchBetDialog .QuicklyMain .dialog_rebate_foot span:last-child {
    background-color: #C32D37;
    color: #fff;
}

.setAmountsDialog .dialog,
.setAmountsDialog .unityMain {
    min-width: auto;
    width: 6rem;
}

.setAmountsDialog .unityMain {
    max-height: 80vh;
}

.setAmountsDialog .list {
    border-radius: 5px;
}

.setAmountsDialog .list .list-item {
    padding-left: .3rem;
}

.setAmountsDialog .list .center {
    padding-right: 0;
}

.setAmountsDialog .list .center input {
    text-align: center;
    color: #60616c;
}

.setAmountsDialog .list .right {
    padding-left: .15rem;
    padding-right: .3rem;
}

.setAmountsDialog .list span {
    padding: .12rem .15rem;
    background-color: rgba(0, 0, 0, 0.05);
    border-radius: 4px;
    min-width: 1.2em;
    line-height: normal;
    display: inline-block;
    height: 1em;
    vertical-align: middle;
    text-align: center;
    transition: background .2s;
    font-size: 80%;
}

.setAmountsDialog .list span+span {
    margin-left: .1rem;
}

.setAmountsDialog .list span:active {
    background-color: rgba(0, 0, 0, 0.1);
}

.setAmountsDialog .list span.disable {
    opacity: .5;
    pointer-events: none;
}

.lotteryMenuDialog .dialog-mask {
    background-color: #00000033;
}

.lotteryMenuDialog .dialog {
    min-width: 8.4rem;
    height: 16.2rem;
    top: 14.2rem;
    left: 5.9rem;
}

.lotteryMenuDialog>.top {
    border: none;
    line-height: inherit;
    padding: 0;
    height: 1rem;
    background-color: #C32D37;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.lotteryMenuDialog>.top span {
    font-size: .36rem;
}

.lotteryMenuDialog>.top span:first-child {
    padding-left: .3rem;
}

.lotteryMenuDialog>.top span:nth-child(2) {
    color: rgba(255, 255, 255, 0.8);
    height: 100%;
    display: flex;
    align-items: center;
    padding: 0 .3rem;
    line-height: 1;
}

.lotteryMenuDialog>.top span:nth-child(2):active {
    opacity: .8;
}

.lotteryMenuDialog>.top span:before {
    padding-right: .1rem;
}

.lotteryMenuDialog .dialog-container {
    border-radius: 0;
    overflow-y: scroll;
    overflow-x: hidden;
}

.lotteryMenuDialog .dialog-container>.smenu {
    display: flex;
}

.lotteryMenuDialog .dialog-container>.smenu .sitem {
    width: 5.7rem;
    height: 16.1rem;
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start;
    padding: 0.2rem 0 0.2rem 0.2rem;
    box-sizing: border-box;
    background-color: #F1F1F1;
    padding-bottom: 0.4rem;
}

.lotteryMenuDialog .dialog-container>.smenu .sitem div {
    display: block;
    width: 100%;
    margin: .1rem;
}

.lotteryMenuDialog .dialog-container>.smenu .sitem span {
    display: flex;
    width: 2.38rem;
    height: 1.1rem;
    justify-content: center;
    align-items: center;
    color: #6e5151;
    font-size: 85%;
    flex-wrap: wrap;
    margin: 0.13rem;
    background-color: #f3dfdc;
    text-align: center;
    line-height: 0.41rem;
    letter-spacing: .02rem;
}

.lotteryMenuDialog .dialog-container>.smenu .sitem span.active {
    background: linear-gradient(to bottom, #FDA367 0%, #F38E48 100%);
    color: #fff;
}

.lotteryMenuDialog .dialog-container>.smenu .slists {
    width: 2.7rem;
    height: 15.7rem;
    padding-bottom: 0.4rem;
}

.lotteryMenuDialog .dialog-container>.smenu .slists .all {
    display: flex;
    align-items: center;
    font-size: 85%;
    justify-content: flex-end;
}

.lotteryMenuDialog .dialog-container>.smenu .slists .all img {
    width: 0.4rem;
    height: 0.4rem;
    margin: .2rem .2rem .2rem 0.4rem;
}

.lotteryMenuDialog .dialog-container>.smenu .slists .listTitle {
    display: flex;
    height: 1rem;
    justify-content: center;
    align-items: center;
    color: #5E5E5E;
    font-size: 90%;
}

.lotteryMenuDialog .dialog-container>.smenu .slists .listTitle.active {
    background-color: #F48D48;
    color: #fff;
}

.lotteryMenuDialog .dialog-container .lotteryMenuDialog_dia {
    height: 70vh;
    overflow-y: auto;
}

.lotteryMenuDialog .dialog-container .lotteryMenuDialog_dia .my-method {
    padding: .2rem;
    background-color: #fff;
    border-bottom: 1px solid #C32D37;
}

.lotteryMenuDialog .dialog-container .lotteryMenuDialog_dia .my-method div .label {
    color: #C32D37;
    font-size: 100%;
    font-weight: bold;
    align-items: center;
    height: 1em;
}

.lotteryMenuDialog .dialog-container .lotteryMenuDialog_dia .my-method div .del {
    float: right;
    margin-right: 10px;
    color: #999999;
    font-weight: normal;
    font-size: 12px;
    display: inline-block;
    border: 1px solid #999999;
    border-radius: 3px;
    padding: 2px 10px 2px 10px;
}

.lotteryMenuDialog .dialog-container .lotteryMenuDialog_dia .my-method ul {
    width: 100%;
    display: flex;
    display: -webkit-flex;
    /* Safari */
    flex-wrap: wrap;
}

.lotteryMenuDialog .dialog-container .lotteryMenuDialog_dia .my-method ul li {
    padding: .1rem;
    margin-right: .15rem;
    margin-bottom: .15rem;
    background-color: #fff;
    color: #777;
    font-size: 80%;
    border: 1px solid #ddd;
    border-radius: 4px;
    position: relative;
    max-width: 2.4rem;
    min-width: 2.4rem;
    text-align: center;
}

.lotteryMenuDialog .dialog-container .lotteryMenuDialog_dia .my-method ul li span {
    position: absolute;
    color: #777;
    top: -8px;
    right: -8px;
}

.lotteryMenuDialog .dialog-container .lotteryMenuDialog_dia .my-method ul li.selected {
    border: 1px solid #C32D37;
    color: #C32D37;
}

.lotteryMenuDialog .dialog-container .lotteryMenuDialog_dia>.middle {
    height: 60vh;
    max-height: 60vh;
    padding: 0;
    overflow: hidden;
    overflow-y: auto;
}

.lotteryMenuDialog .dialog-container .lotteryMenuDialog_dia>.middle.pk {
    height: auto;
    min-height: 20vh;
}

.lotteryMenuDialog .dialog-container .lotteryMenuDialog_dia>.middle .slideItem {
    padding: 0;
    display: flex;
    flex-direction: column;
}

.lotteryMenuDialog .dialog-container .lotteryMenuDialog_dia>.middle .slideItem .slideTit {
    padding-left: .3rem;
    display: flex;
    align-items: center;
}

.lotteryMenuDialog .dialog-container .lotteryMenuDialog_dia>.middle .slideItem .slideTit span {
    line-height: 0;
    margin-left: .2rem;
}

.lotteryMenuDialog .dialog-container .lotteryMenuDialog_dia>.middle .slideItem .slideTit:before {
    transition: all 0.2s;
    font-size: 100%;
}

.lotteryMenuDialog .dialog-container .lotteryMenuDialog_dia>.middle .slideItem .slideTit.current {
    color: #C32D37;
}

.lotteryMenuDialog .dialog-container .lotteryMenuDialog_dia>.middle .slideItem.expanded .slideTit:before {
    padding-right: 0;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}

.lotteryMenuDialog .dialog-container .lotteryMenuDialog_dia>.middle .slideItem .slideContent {
    padding: .25rem .3rem;
    background-color: #f0f0f0;
}

.lotteryMenuDialog .dialog-container .lotteryMenuDialog_dia>.middle .slideItem .slideContent>* {
    display: flex;
    flex-direction: column;
}

.lotteryMenuDialog .dialog-container .lotteryMenuDialog_dia>.middle .slideItem .slideContent>*+div {
    margin-top: .25rem;
}

.lotteryMenuDialog .dialog-container .lotteryMenuDialog_dia>.middle .slideItem .slideContent>* .label {
    color: #afafaf;
    font-size: 85%;
    display: flex;
    align-items: center;
    height: 1em;
}

.lotteryMenuDialog .dialog-container .lotteryMenuDialog_dia>.middle .slideItem .slideContent>* ul {
    display: flex;
    flex-wrap: wrap;
}

.lotteryMenuDialog .dialog-container .lotteryMenuDialog_dia>.middle .slideItem .slideContent>* ul li {
    padding: 0 .15rem;
    margin-right: .15rem;
    margin-top: .17rem;
    background-color: #fff;
    color: #C32D37;
    border-radius: 10px;
    font-size: 95%;
    position: relative;
}

.lotteryMenuDialog .dialog-container .lotteryMenuDialog_dia>.middle .slideItem .slideContent>* ul li.selected {
    background-color: #C32D37;
    color: #fff;
}

.lotteryMenuDialog .dialog-container .lotteryMenuDialog_dia>.middle .slideItem .slideContent>* ul li span {
    position: absolute;
    color: #C32D37;
    top: -8px;
    right: -8px;
}

.lotteryMenuDialog .dialog-container .lotteryMenuDialog_dia>.middle .pkmenu {
    display: flex;
    flex-wrap: wrap;
    padding: .3rem;
}

.lotteryMenuDialog .dialog-container .lotteryMenuDialog_dia>.middle .pkmenu li {
    flex: 0 0 48%;
    margin-left: 4%;
    margin-bottom: 0.3rem;
    box-sizing: border-box;
    padding: .2rem .3rem;
    border-radius: 10rem;
    font-size: 90%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.lotteryMenuDialog .dialog-container .lotteryMenuDialog_dia>.middle .pkmenu li:nth-child(2n + 1) {
    margin-left: 0;
}

.lotteryMenuDialog .dialog-container .lotteryMenuDialog_dia>.middle .pkmenu li:nth-child(2n + 1):nth-last-child(-n + 2),
.lotteryMenuDialog .dialog-container .lotteryMenuDialog_dia>.middle .pkmenu li:nth-child(2n + 1):nth-last-child(-n + 2)~li {
    margin-bottom: 0;
}

.lotteryMenuDialog .dialog-container .lotteryMenuDialog_dia>.middle .pkmenu li.smalltxt {
    font-size: 80%;
}

.lotteryMenuDialog .dialog-container .lotteryMenuDialog_dia>.middle .pkmenu li:before {
    border-radius: 10rem;
    box-sizing: content-box;
    border-color: rgba(0, 0, 0, 0.2);
}

.lotteryMenuDialog .dialog-container .lotteryMenuDialog_dia>.middle .pkmenu li.selected {
    background-color: #C32D37;
    color: #fff;
}

.lotteryMenuDialog .dialog-container .lotteryMenuDialog_dia>.middle .pkmenu li.selected:before {
    content: none;
}

.lotteryMenuDialog .dialog-container>.top {
    border: none;
    line-height: inherit;
    padding: 0;
    height: 1rem;
    background-color: #C32D37;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.lotteryMenuDialog .dialog-container>.top span {
    font-size: .36rem;
}

.lotteryMenuDialog .dialog-container>.top span:first-child {
    padding-left: .3rem;
}

.lotteryMenuDialog .dialog-container>.top span:nth-child(2) {
    color: rgba(255, 255, 255, 0.8);
    height: 100%;
    display: flex;
    align-items: center;
    padding: 0 .3rem;
    line-height: 1;
}

.lotteryMenuDialog .dialog-container>.top span:nth-child(2):active {
    opacity: .8;
}

.lotteryMenuDialog .dialog-container>.top span:before {
    padding-right: .1rem;
}

.last5issuesActionSheet .action-sheet-button {
    padding: 0 .3rem;
}

.last5issuesActionSheet .action-sheet-button.noclick {
    pointer-events: none;
    justify-content: flex-start;
}

.last5issuesActionSheet .action-sheet-button.nodata {
    font-size: 80%;
    color: #ccc;
    justify-content: center;
}

.last5issuesActionSheet .action-sheet-button ul {
    display: flex;
    flex-direction: row;
    flex: 1;
    margin-left: .3rem;
    justify-content: flex-end;
}

.last5issuesActionSheet .action-sheet-button ul li+li {
    margin-left: .1rem;
}

.last5issuesActionSheet .action-sheet-button ul li span {
    width: 0.7rem;
    height: 0.7rem;
    border-radius: 100%;
    background: #D85725;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: .4rem;
    font-size: 130%;
}

.last5issuesActionSheet.cisingcai_header ul li,
.last5issuesActionSheet.daletou_header ul li,
.last5issuesActionSheet.qilecai_header ul li,
.last5issuesActionSheet.shuangseqiu_header ul li {
    margin-left: 0.1rem;
}

.last5issuesActionSheet.cisingcai_header ul li span,
.last5issuesActionSheet.daletou_header ul li span,
.last5issuesActionSheet.qilecai_header ul li span,
.last5issuesActionSheet.shuangseqiu_header ul li span {
    width: 0.5rem;
    height: 0.5rem;
    font-size: 100%;
}

.last5issuesActionSheet.cisingcai_header ul li:nth-last-child(1) span,
.last5issuesActionSheet.daletou_header ul li:nth-last-child(1) span,
.last5issuesActionSheet.qilecai_header ul li:nth-last-child(1) span,
.last5issuesActionSheet.shuangseqiu_header ul li:nth-last-child(1) span {
    background: #1d77f5 !important;
    color: #fff !important;
}

.last5issuesActionSheet.daletou_header ul li:nth-last-child(2) span {
    background: #1d77f5 !important;
    color: #fff !important;
}

.lotteryPrizesPopCon {
    padding: .15rem;
    font-size: 80%;
    line-height: 1;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    min-width: 100%;
    min-height: inherit;
    box-sizing: border-box;
}

.lotteryPrizesPopCon p {
    height: 1em;
}

.lotteryPrizesPopCon p+p {
    padding-top: .1rem;
}

.lotteryCartDialog .dialog-container {
    width: 90vw;
    height: 70vh;
    overflow: hidden;
}

.lotteryCartDialog.tasking .dialog-container {
    height: 85vh;
}

.lotteryCartDialog .CartMain {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    position: relative;
}

.lotteryCartDialog .CartMain .top {
    background: linear-gradient(-45deg, #0a496a 0%, #fff 200%);
    color: #fff;
    height: .9rem;
    background-color: #0a496a;
}

.lotteryCartDialog .CartMain .top span {
    padding: 0 .2rem;
    height: 100%;
    display: flex;
    align-items: center;
    float: left;
}

.lotteryCartDialog .CartMain .top span.rbtn {
    float: right;
    font-size: 90%;
    transition: color .2s;
}

.lotteryCartDialog .CartMain .top span.rbtn:active {
    color: rgba(255, 255, 255, 0.8);
}

.lotteryCartDialog .CartMain .middle {
    flex: 1;
    padding-bottom: 1.1rem;
    overflow-y: auto;
    position: relative;
    background-color: #f3f3f3;
    padding: .2rem .2rem 0;
}

.lotteryCartDialog .CartMain .middle:after {
    content: '';
    height: 1.1rem;
    display: block;
}

.lotteryCartDialog .CartMain .middle .CartItem {
    position: relative;
    border-radius: 8px;
    background-color: #fff;
    min-height: 2rem;
    width: calc(90vw - .4rem);
    transition: all .5s;
    display: flex;
    flex-direction: column;
}

.lotteryCartDialog .CartMain .middle .CartItem+.CartItem {
    margin-top: .15rem;
}

.lotteryCartDialog .CartMain .middle .CartItem:last-child {
    padding-bottom: .7rem;
}

.lotteryCartDialog .CartMain .middle .CartItem.menuItem {
    position: static;
    height: auto;
    min-height: auto;
    padding-top: .1rem;
    background: transparent;
    font-size: 80%;
}

.lotteryCartDialog .CartMain .middle .CartItem.menuItem>div:first-child {
    display: flex;
    align-items: center;
}

.lotteryCartDialog .CartMain .middle .CartItem.menuItem>div:first-child.nothing {
    font-size: 120%;
    -webkit-animation-delay: .5s;
    animation-delay: .5s;
}

.lotteryCartDialog .CartMain .middle .CartItem.menuItem>div:first-child em {
    color: rgba(10, 73, 106, 0.6);
    padding: 0 .1rem;
    height: 1em;
}

.lotteryCartDialog .CartMain .middle .CartItem.menuItem>div:nth-child(2) {
    padding-top: .25rem;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}

.lotteryCartDialog .CartMain .middle .CartItem.menuItem>div:nth-child(2) .button .ons-icon {
    margin-right: .1rem;
}

.lotteryCartDialog .CartMain .middle .CartItem.menuItem>div:nth-child(2) .button+.button {
    margin-left: .4rem;
}

.lotteryCartDialog .CartMain .middle .CartItem.CartItem-enter,
.lotteryCartDialog .CartMain .middle .CartItem.CartItem-leave-to {
    opacity: 0;
    -webkit-transform: translateX(-100%) scale3d(0.3, 0.3, 0.3);
    transform: translateX(-100%) scale3d(0.3, 0.3, 0.3);
}

.lotteryCartDialog .CartMain .middle .CartItem.CartItem-leave-active {
    position: absolute;
}

.lotteryCartDialog .CartMain .middle .CartItem .CartItemTit {
    font-size: 90%;
    display: flex;
    justify-content: space-between;
    padding: .2rem .3rem .15rem;
}

.lotteryCartDialog .CartMain .middle .CartItem .CartItemTit:before {
    border-color: rgba(0, 0, 0, 0.08);
}

.lotteryCartDialog .CartMain .middle .CartItem .CartItemTit .tit:before {
    margin-right: .05rem;
    color: #0a496a;
}

.lotteryCartDialog .CartMain .middle .CartItem .CartItemTit .delbtn {
    width: .5rem;
    height: .5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    font-size: 110%;
    transition: all .2s;
    border-radius: 100%;
    color: #bebebe;
}

.lotteryCartDialog .CartMain .middle .CartItem .CartItemTit .delbtn.act,
.lotteryCartDialog .CartMain .middle .CartItem .CartItemTit .delbtn:active {
    color: #0a496a;
}

.lotteryCartDialog .CartMain .middle .CartItem .CartItemTit .delbtn.act:before,
.lotteryCartDialog .CartMain .middle .CartItem .CartItemTit .delbtn:active:before {
    content: '\ebd6';
}

.lotteryCartDialog .CartMain .middle .CartItem .CartItemTit .delbtn:before {
    line-height: 0;
}

.lotteryCartDialog .CartMain .middle .CartItem .CartItemTit .checkbox .checkbox__input {
    display: none;
}

.lotteryCartDialog .CartMain .middle .CartItem .CartItemTit .checkbox .checkbox__checkmark:before {
    content: none;
}

.lotteryCartDialog .CartMain .middle .CartItem .CartItemTit .checkbox .checkbox__checkmark:after {
    border-color: #C32D37;
    -webkit-transform: translate(-50%, -50%) scale(1) rotate(-45deg);
    transform: translate(-50%, -50%) scale(1) rotate(-45deg);
}

.lotteryCartDialog .CartMain .middle .CartItem .CartItemCon {
    flex: 1;
    font-size: 90%;
    display: flex;
    align-items: center;
    padding: .15rem .3rem .2rem;
}

.lotteryCartDialog .CartMain .middle .CartItem .CartItemCon>span:first-child {
    flex: 0 0 60%;
    word-break: break-all;
    color: #0a496a;
    font-size: 120%;
    font-weight: bold;
    padding-right: .15rem;
    box-sizing: border-box;
}

.lotteryCartDialog .CartMain .middle .CartItem .CartItemCon>span:nth-child(2) {
    flex: 0 0 40%;
    text-align: center;
    word-break: break-word;
}

.lotteryCartDialog .CartMain .middle .CartItem .clickFor {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 100;
}

.lotteryCartDialog .CartMain .foot {
    background-color: #fff;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    color: #5a576c;
    display: flex;
    height: 1.1rem;
}

.lotteryCartDialog .CartMain .foot span {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .2s;
    color: #333;
}

.lotteryCartDialog .CartMain .foot span>i {
    height: 1em;
    padding-right: .08rem;
    line-height: 1;
}

.lotteryCartDialog .CartMain .foot span:active {
    color: rgba(51, 51, 51, 0.7);
    background-color: #f0f0f0;
}

.lotteryCartDialog .CartMain .foot span:last-child {
    background-image: linear-gradient(-45deg, #0a496a 0%, #fff 200%);
    background-color: #0a496a;
    color: #fff;
}

.lotteryCartDialog .CartMain .foot span:last-child:active {
    color: rgba(255, 255, 255, 0.8);
    background-image: linear-gradient(-45deg, rgba(10, 73, 106, 0.8) 0%, #fff 200%);
    background-color: rgba(10, 73, 106, 0.8);
}

.lotteryCartDialog .CartMain .foot span.disable {
    pointer-events: none;
    opacity: .5;
}

.lotteryCartDialog.task .top {
    background: linear-gradient(-45deg, #C32D37 0%, #fff 200%);
    background-color: #C32D37;
}

.lotteryCartDialog.task .middle .CartItem.select {
    box-shadow: 0 0 8px rgba(195, 45, 55, 0.5);
    transition: all .2s;
}

.lotteryCartDialog.task .middle .CartItem.menuItem>div:first-child em {
    color: #c87d82;
}

.lotteryCartDialog.task .middle .CartItem .CartItemTit .tit:before {
    color: #C32D37;
}

.lotteryCartDialog.task .middle .CartItem .CartItemCon>span:first-child {
    color: #c87d82;
}

.lotteryCartDialog.task .foot span:last-child {
    background-image: linear-gradient(-45deg, #C32D37 0%, #fff 200%);
    background-color: #C32D37;
}

.lotteryCartDialog.task .foot span:last-child:active {
    background-image: linear-gradient(-45deg, rgba(195, 45, 55, 0.9) 0%, #fff 200%);
    background-color: rgba(195, 45, 55, 0.9);
}

.lotteryCartDialog .TaskMain .top {
    height: auto;
    display: flex;
    flex-direction: column;
}

.lotteryCartDialog .TaskMain .top .info {
    height: .9rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.lotteryCartDialog .TaskMain .top .info p {
    padding: 0 .1rem 0 .2rem;
    font-size: 80%;
}

.lotteryCartDialog .TaskMain .top .info p em {
    padding: 0 .1rem;
}

.lotteryCartDialog .TaskMain .top .normalTabs {
    position: relative;
    height: .8rem;
    background-color: #fff;
    color: #333;
}

.lotteryCartDialog .TaskMain .top .normalTabs ul {
    display: flex;
    align-items: center;
    height: 100%;
}

.lotteryCartDialog .TaskMain .top .normalTabs ul li {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 1;
    font-size: .36rem;
}

.lotteryCartDialog .TaskMain .top .normalTabs ul li.active {
    color: #C32D37;
}

.lotteryCartDialog .TaskMain .top .normalTabs .normalTabsIndicator {
    position: absolute;
    bottom: 0;
    height: 2px;
    z-index: 101;
    background-color: #C32D37;
    transition: all 0.25s cubic-bezier(0.4, 0.7, 0.5, 1) 0s;
}

.lotteryCartDialog .TaskMain .middle {
    padding: 0;
    display: flex;
    flex-direction: column;
}

.lotteryCartDialog .TaskMain .middle:after {
    content: '';
    height: 1.75rem;
    display: block;
    flex: 0 0 1.75rem;
}

.lotteryCartDialog .TaskMain .middle .setting {
    display: flex;
    flex-direction: column;
    background-color: #fff;
    padding: 0 .3rem .2rem .3rem;
}

.lotteryCartDialog .TaskMain .middle .setting .inputarea {
    padding-top: .2rem;
    display: flex;
    font-size: 80%;
    align-items: center;
}

.lotteryCartDialog .TaskMain .middle .setting .inputarea>div {
    display: flex;
    text-align: center;
    background-color: rgba(0, 0, 0, 0.05);
    border-radius: 5px;
    transition: opacity .2s;
    padding: .2rem;
    flex: 1;
    justify-content: space-between;
    height: calc(1em + .1rem);
}

.lotteryCartDialog .TaskMain .middle .setting .inputarea>div:active {
    opacity: .8;
}

.lotteryCartDialog .TaskMain .middle .setting .inputarea>div label {
    display: flex;
    align-items: center;
    white-space: nowrap;
    color: #555;
    line-height: 1;
}

.lotteryCartDialog .TaskMain .middle .setting .inputarea>div span {
    display: flex;
    align-items: center;
    white-space: nowrap;
    padding: 0 .1rem 0 .2rem;
    justify-content: center;
    line-height: 1;
}

.lotteryCartDialog .TaskMain .middle .setting .inputarea>div span input {
    width: 100%;
    background: none;
    outline: none;
    border: none;
    text-align: right;
    padding: 0;
    color: inherit;
    line-height: inherit;
    text-overflow: ellipsis;
}

.lotteryCartDialog .TaskMain .middle .setting .inputarea>div span input+em {
    padding-left: .05rem;
}

.lotteryCartDialog .TaskMain .middle .setting .inputarea>div+div {
    margin-left: .25rem;
}

.lotteryCartDialog .TaskMain .middle .setting .inputarea>div.ischeckbox:active {
    opacity: 1;
}

.lotteryCartDialog .TaskMain .middle .setting .inputarea>div.ischeckbox>span {
    padding: 0 .3rem 0 .1rem;
}

.lotteryCartDialog .TaskMain .middle .setting .inputarea>div.ischeckbox .checkbox {
    width: .4rem;
    height: .4rem;
}

.lotteryCartDialog .TaskMain .middle .setting .inputarea>div.ischeckbox .checkbox .checkbox--material__checkmark:before {
    border-width: 1px;
}

.lotteryCartDialog .TaskMain .middle .setting .inputarea>div.comb {
    background: none;
    padding: 0;
    pointer-events: none;
    flex: 3;
    height: auto;
}

.lotteryCartDialog .TaskMain .middle .setting .inputarea>div.comb:active {
    opacity: 1;
}

.lotteryCartDialog .TaskMain .middle .setting .inputarea>div.comb>div {
    pointer-events: auto;
    display: flex;
    text-align: center;
    background-color: rgba(0, 0, 0, 0.05);
    border-radius: 5px;
    transition: opacity .2s;
    padding: .2rem;
    flex: 1;
    justify-content: space-between;
    height: calc(1em + .1rem);
}

.lotteryCartDialog .TaskMain .middle .setting .inputarea>div.comb>div:active {
    opacity: .8;
}

.lotteryCartDialog .TaskMain .middle .setting .inputarea>div.comb>div+div {
    margin-left: .25rem;
}

.lotteryCartDialog .TaskMain .middle .setting .inputarea>div.comb>div.flex1 {
    flex: 0.2;
    justify-content: center;
}

.lotteryCartDialog .TaskMain .middle .setting .inputarea>div.comb>div.flex1 span {
    padding: 0;
}

.lotteryCartDialog .TaskMain .middle .setting .inputarea>div.comb>div.flex2 {
    flex: 0.7;
    justify-content: center;
}

.lotteryCartDialog .TaskMain .middle .setting .inputarea>div.comb>div.flex2 span {
    padding: 0;
}

.lotteryCartDialog .TaskMain .middle .setting .inputarea>div.isbtn {
    background-color: rgba(195, 45, 55, 0.7);
    justify-content: center;
}

.lotteryCartDialog .TaskMain .middle .setting .inputarea>div.isbtn>label {
    color: #fff;
}

.lotteryCartDialog .TaskMain .middle .ons-swiper {
    flex: 1;
}

.lotteryCartDialog .TaskMain .middle .ons-swiper .ons-swiper-target ons-carousel-item {
    overflow-y: auto;
}

.lotteryCartDialog .TaskMain .foot {
    height: auto;
    display: flex;
    flex-direction: column;
}

.lotteryCartDialog .TaskMain .foot .footcount {
    font-size: 85%;
    padding: 0 .2rem;
    height: .65rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(0, 0, 0, 0.1);
}

.lotteryCartDialog .TaskMain .foot .footcount em {
    padding: 0 .1rem;
    color: #C32D37;
}

.lotteryCartDialog .TaskMain .foot .footbtn {
    height: 1.1rem;
    display: flex;
}

.lotteryCartDialog .TaskMain .tasktable {
    border: none;
    background-color: #fff;
    font-size: 90%;
    table-layout: fixed;
    width: 100%;
}

.lotteryCartDialog .TaskMain .tasktable td,
.lotteryCartDialog .TaskMain .tasktable th {
    padding: .25rem .1rem;
    text-align: center;
    vertical-align: middle;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
    white-space: nowrap;
}

.lotteryCartDialog .TaskMain .tasktable td:first-child,
.lotteryCartDialog .TaskMain .tasktable th:first-child {
    text-align: right;
}

.lotteryCartDialog .TaskMain .tasktable thead tr {
    background-color: rgba(0, 0, 0, 0.07);
}

.lotteryCartDialog .TaskMain .tasktable thead tr th {
    padding: .15rem .1rem;
}

.lotteryCartDialog .TaskMain .tasktable tbody tr td>input {
    width: 80%;
    background: none;
    outline: none;
    border: none;
    text-align: center;
    padding: 0;
    color: inherit;
    line-height: inherit;
    text-overflow: ellipsis;
}

.lotteryCartDialog .TaskMain .tasktable tbody tr td.multiple {
    color: #C32D37;
}

.lotteryCartDialog .TaskMain .tasktable tbody tr td:last-child {
    pointer-events: none;
}

.lotteryCartDialog .TaskMain .tasktable tbody tr td .checkbox {
    pointer-events: none;
}

.lotteryCartDialog .TaskMain .tasktable tbody tr:nth-child(even) {
    background-color: rgba(0, 0, 0, 0.02);
}

.lotteryCartDialog .TaskMain .tasktable .checkbox {
    width: .4rem;
    height: .4rem;
}

.lotteryCartDialog .TaskMain .tasktable .checkbox .checkbox--material__input:before {
    content: none;
}

.lotteryCartDialog .TaskMain .tasktable .checkbox .checkbox--material__checkmark:before {
    border-width: 1px;
}

.lotteryCartDialog .TaskMain .tasktable .checkbox .checkbox--material__checkmark:after {
    transition-delay: 0s;
}

.lotteryCartDialog .TaskMain .loadingMask {
    z-index: 101;
}

.lotteryQuicklyDialog .dialog-container {
    width: 85vw;
    min-height: 10vh;
    max-height: 70vh;
    overflow: hidden;
}

.lotteryQuicklyDialog .QuicklyMain {
    width: 100%;
    min-height: inherit;
    max-height: inherit;
    display: flex;
    flex-direction: column;
    position: relative;
}

.lotteryQuicklyDialog .top {
    background: linear-gradient(-45deg, #C32D37 0%, #fff 200%);
    color: #fff;
    height: .9rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #C32D37;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 101 !important;
}

.lotteryQuicklyDialog .middle {
    flex: 1;
    overflow-y: auto;
    position: relative;
    background-color: #f3f3f3;
    padding: 1.1rem .2rem 0;
}

.lotteryQuicklyDialog .middle:after {
    content: '';
    height: 1.3rem;
    display: block;
}

.lotteryQuicklyDialog .middle .QuickItem {
    min-height: 2rem;
    border-radius: 8px;
    background-color: #fff;
    display: flex;
    flex-direction: column;
}

.lotteryQuicklyDialog .middle .QuickItem .QuickItemTit {
    font-size: 90%;
    display: flex;
    justify-content: space-between;
    padding: .2rem .3rem .15rem;
}

.lotteryQuicklyDialog .middle .QuickItem .QuickItemTit:before {
    border-color: rgba(0, 0, 0, 0.08);
}

.lotteryQuicklyDialog .middle .QuickItem .QuickItemTit .tit:before {
    margin-right: .05rem;
    color: #C32D37;
}

.lotteryQuicklyDialog .middle .QuickItem .QuickItemCon {
    flex: 1;
    font-size: 90%;
    display: flex;
    align-items: center;
    padding: .15rem .3rem .2rem;
}

.lotteryQuicklyDialog .middle .QuickItem .QuickItemCon>span:first-child {
    flex: 0 0 60%;
    word-break: break-all;
    color: #c87d82;
    font-size: 120%;
    font-weight: bold;
    padding-right: .15rem;
    box-sizing: border-box;
}

.lotteryQuicklyDialog .middle .QuickItem .QuickItemCon>span:nth-child(2) {
    flex: 0 0 40%;
    text-align: center;
    word-break: break-all;
}

.lotteryQuicklyDialog .middle .shareRate {
    margin-top: .2rem;
    font-size: 80%;
    background-color: rgba(0, 0, 0, 0.05);
    min-height: auto;
    overflow: hidden;
}

.lotteryQuicklyDialog .middle .shareRate .QuickItemTit {
    background-color: rgba(0, 0, 0, 0.05);
}

.lotteryQuicklyDialog .middle .shareRate .QuickItemCon {
    align-items: flex-start;
    padding: 0;
}

.lotteryQuicklyDialog .middle .shareRate .QuickItemCon ul {
    flex: 1;
}

.lotteryQuicklyDialog .middle .shareRate .QuickItemCon ul li {
    display: flex;
    justify-content: space-between;
    padding: .25rem .45rem;
    transition: all .2s;
}

.lotteryQuicklyDialog .middle .shareRate .QuickItemCon ul li:active {
    background-color: #fff;
}

.lotteryQuicklyDialog .middle .shareRate .QuickItemCon ul li:last-child:before {
    content: none;
}

.lotteryQuicklyDialog .middle .matter {
    text-align: center;
}

.lotteryQuicklyDialog .middle .matter>div {
    position: relative;
    margin-bottom: .2rem;
}

.lotteryQuicklyDialog .middle .matter>div:after {
    content: '';
    position: absolute;
    z-index: -1;
    top: 50%;
    left: 0;
    right: 0;
    height: 1px;
    background-color: rgba(0, 0, 0, 0.2);
    display: block;
    -webkit-transform-origin: 50% 0%;
    transform-origin: 50% 0%;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) {
    .lotteryQuicklyDialog .middle .matter>div:after {
        -webkit-transform: scaleY(0.5);
        transform: scaleY(0.5);
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 3) {
    .lotteryQuicklyDialog .middle .matter>div:after {
        -webkit-transform: scaleY(0.33);
        transform: scaleY(0.33);
    }
}

.lotteryQuicklyDialog .middle .matter>div span {
    color: #c32d69;
    background-color: #f3f3f3;
    padding: 0 .15rem;
}

.lotteryQuicklyDialog .middle .matter p {
    text-align: left;
}

.lotteryQuicklyDialog .middle .matter p+p {
    padding-top: .1rem;
}

.lotteryQuicklyDialog .middle .tips {
    padding-top: .2rem;
    font-size: 80%;
    line-height: 1.3;
    opacity: .8;
}

.lotteryQuicklyDialog .bottom {
    background-color: #fff;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 1.1rem;
    display: flex;
    z-index: 101 !important;
}

.lotteryQuicklyDialog .bottom>span {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #333;
    flex: 1;
}

.lotteryQuicklyDialog .bottom>span:active {
    color: rgba(51, 51, 51, 0.7);
    background-color: #f0f0f0;
}

.lotteryQuicklyDialog .bottom>span:nth-child(2) {
    color: #c32d69;
}

.lotteryQuicklyDialog .bottom>span:last-child {
    background-image: linear-gradient(-45deg, #C32D37 0%, #fff 200%);
    background-color: #C32D37;
    color: #fff;
}

.lotteryQuicklyDialog .bottom>span:last-child:active {
    color: rgba(255, 255, 255, 0.8);
    background-image: linear-gradient(-45deg, rgba(195, 45, 55, 0.9) 0%, #fff 200%);
    background-color: rgba(195, 45, 55, 0.9);
}

.lotteryQuicklyDialog.share .top {
    background: linear-gradient(-45deg, #c32d69 0%, #fff 200%);
    background-color: #c32d69;
}

.lotteryQuicklyDialog.share .middle .QuickItem .QuickItemTit .tit:before {
    color: #c32d69;
}

.lotteryQuicklyDialog.share .middle .QuickItem .QuickItemCon>span:first-child {
    color: #c87d9b;
}

.lotteryQuicklyDialog.share .bottom>span:nth-child(2) {
    color: #C32D37;
}

.lotteryQuicklyDialog.share .bottom>span:last-child {
    background-image: linear-gradient(-45deg, #c32d69 0%, #fff 200%);
    background-color: #c32d69;
}

.lotteryQuicklyDialog.share .bottom>span:last-child:active {
    background-image: linear-gradient(-45deg, rgba(195, 45, 105, 0.8) 0%, #fff 200%);
    background-color: rgba(195, 45, 105, 0.8);
}

.shareOrderRate .alert-dialog-content--select {
    background-color: #c94278;
}

.shareOrderRate .alert-dialog-button--select.alert-dialog-button--primal--select {
    color: #c94278;
}

@-webkit-keyframes errorflash {
    0% {
        background-color: #ffc5c5;
    }

    25% {
        background-color: #ff6d6d;
    }

    50% {
        background-color: #ffc5c5;
    }

    75% {
        background-color: #ff6d6d;
    }

    100% {
        background-color: #ffc5c5;
    }
}

@keyframes errorflash {
    0% {
        background-color: #ffc5c5;
    }

    25% {
        background-color: #ff6d6d;
    }

    50% {
        background-color: #ffc5c5;
    }

    75% {
        background-color: #ff6d6d;
    }

    100% {
        background-color: #ffc5c5;
    }
}

.lotteryListDialog .dialog {
    width: 95%;
    background-color: #ffffffe6;
    border-radius: .3rem;
}

.lotteryListDialog .dialog .dialog-container {
    background-color: transparent;
}

.lotteryListDialog .dialog .dialog-container .lottery_list {
    height: 75vh;
    overflow-y: scroll;
    padding: 15px 10px;
}

.lotteryListDialog .dialog .dialog-container .lottery_list div .label {
    font-weight: bold;
    color: #C32D37;
}

.lotteryListDialog .dialog .dialog-container .lottery_list div ul {
    display: flex;
    flex-wrap: wrap;
}

.lotteryListDialog .dialog .dialog-container .lottery_list div ul li {
    font-size: 90%;
    margin: 5px 0;
    display: flex;
    width: 33.3%;
}

.lotteryListDialog .dialog .dialog-container .lottery_list div ul li:nth-child(3n) {
    justify-content: flex-end;
}

.lotteryListDialog .dialog .dialog-container .lottery_list div ul li:nth-child(3n-1) {
    justify-content: center;
}

.lotteryListDialog .dialog .dialog-container .lottery_list div ul li span {
    text-align: center;
    min-width: 2.5rem;
    padding: 5px;
    border-radius: .1rem;
    color: #60616c;
    border: 1px solid #e3e3e3;
    background-color: #ffffff80;
}

article {
    height: calc(100vh - 0.88rem);
    overflow-y: auto;
}

article .button {
    margin-top: 0.3rem;
    height: 1rem;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10rem;
}

article .link {
    color: #C32D37;
}

.help-list .list {
    background-image: none;
}

.help-list .list .list-header {
    height: 0.85rem;
    line-height: 0.85rem;
    font-size: 0.36rem;
    color: #C32D37;
    background: #edf0f3;
    font-weight: 700;
}

.help-list .list .list-item {
    border-bottom: 1px solid #edf0f3;
}

.help-list .list .list-item .list-item__center {
    background-image: none;
    padding-right: 0;
}

.help-list .list .list-item .list-item__center a {
    text-decoration: none;
    color: #333;
    font-size: 0.36rem;
    display: flex;
    align-items: center;
    width: 100%;
    height: 100%;
}

.help-center h3 {
    font-size: 0.4rem !important;
    color: #C32D37;
    padding: 0.32rem;
}

.help-center h5 {
    font-size: 0.38rem !important;
    height: 0.72rem;
    line-height: 0.72rem;
    background: #C32D37;
    color: #fff;
    padding-left: 0.25rem;
}

.help-center p {
    font-size: 0.36rem;
    color: #777;
    padding: 0.1rem 0.2rem 0 0.2rem;
    line-height: 0.5rem;
}

.help-center p span {
    border-radius: 100%;
    width: 0.36rem;
    font-size: 0.36rem;
    height: 0.36rem;
    line-height: 0.36rem;
    text-align: center;
    color: #fff;
    display: inline-block;
    margin-right: 0.05rem;
    background-color: #C32D37;
}

.help-center p img {
    width: 100%;
}

.help-center .list-header {
    font-size: 0.38rem;
    height: 0.80rem;
    line-height: 0.80rem;
}

.help-center .list:first-child {
    margin-top: 0.4rem;
}

.help-center ul li p:before {
    padding: 0 0.12rem;
    content: '\e9ab';
    padding-left: 0.1rem;
    font-family: 'fontello';
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.help-center dl {
    margin-top: 0.1rem;
    padding-bottom: 0.1rem;
}

.help-center dl dt {
    font-weight: bold;
    font-size: 0.32rem;
    padding: 0.2rem;
    color: #777;
}

.help-center dl dd {
    padding-left: 0.3rem;
    display: flex;
    align-items: center;
}

.help-center dl dd:before {
    content: '';
    height: 0.1rem;
    width: 0.1rem;
    background-color: #777;
    margin-right: 0.1rem;
}

.help-center dl dd+dd {
    padding-top: 0.2rem;
}

.help-center dl dd a {
    text-decoration: none;
    color: #C32D37;
    font-size: 0.36rem;
    padding: 0.1rem 0;
}

.help-center strong {
    color: #C32D37;
}

.help-center table {
    margin: 0.2rem 0;
}

.help-center table.helptable {
    border-spacing: 0;
    border-collapse: collapse;
}

.help-center table.helptable th {
    font-weight: bold;
}

.help-center table.helptable th,
.help-center table.helptable td {
    background-color: transparent;
    padding: 0.05rem 0.2rem;
    border: 1px solid #777777;
    text-align: center;
    vertical-align: middle;
    color: #777;
    box-sizing: border-box;
    word-break: break-all;
}

.help-center table.helptable thead th {
    color: #000000;
    background-color: #eaeaea;
    padding: 0.2rem;
}

.help-center table.moremargin {
    width: 100%;
    margin: 0.5rem 0;
}

.help-center table.table4 {
    width: 100%;
}

.help-center table.table4 td {
    padding: 0.2rem 0;
}

.help-center .expandable-content table {
    margin: 0;
}

.help-center .expandable-content table thead th:nth-child(1) {
    width: 1.4rem;
}

.help-center .expandable-content table thead th:nth-child(2) {
    width: 5rem;
}

.help-center .expandable-content table tbody td {
    text-align: left;
}

.help-center .button {
    margin: 0.1rem 0.05rem;
    transition-duration: 0.2s;
}

.help-center .button--outline {
    border: 1px solid #C32D37;
    width: auto;
    display: inline-block;
    padding: 0 0.25rem;
    border-radius: 0.2rem;
    height: 1rem;
    line-height: 1rem;
    color: #a68f4c;
}

.help-center .primary {
    color: #fff;
    background-color: #C32D37;
    border-color: #C32D37;
}

.help-center .large {
    margin: 0.2rem auto;
    width: 95%;
    background: #a68f4c;
}

.GlobalBottomBar {
    height: 1.4rem;
    overflow: hidden;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    display: flex;
    white-space: nowrap;
    background: #773434;
    box-sizing: border-box;
    flex-direction: row;
    /* box-shadow: 0 -1px 5px 0px rgba(0, 0, 0, 0.05); */
}

.GlobalBottomBar:before {
    border-color: rgba(0, 0, 0, 0.15);
}

.GlobalBottomBar>div {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-size: 100%;
    color: #f2c3c3;
    border-radius: 90%;
    font-weight: 500;
}

.GlobalBottomBar>div .ons-icon {
    line-height: inherit !important;
    font-size: 0.8rem;
    font-weight: bold;
    vertical-align: inherit;
    width: 0.6rem;
    height: 0.6rem;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    background-size: 100%;
    margin: .09rem 0 .09rem;
}

.GlobalBottomBar>div .ons-icon:before {
    line-height: 0 !important;
}

.GlobalBottomBar>div.activity {
    color: #FFD230;
}

.GlobalBottomBar .bottomIndex {
    background-image: url(/template/fubang2/images/ico/home.svg?v0828);
    background-size: 136% !important;
    background-position: -5px -5px;
}

.GlobalBottomBar .bottomAct {
    background-image: url(/template/fubang2/images/ico/activety.svg?v0828);
}

.GlobalBottomBar .bottomDeposit {
    background-image: url(/template/fubang2/images/ico/wallet.svg?v0828);
}

.GlobalBottomBar .bottomChat {
    background-image: url(/template/fubang2/images/ico/message.svg?v0828);
    background-size: 100% !important;
    background-position: 0px 0px;
}

.GlobalBottomBar .bottomMy {
    background-image: url(/template/fubang2/images/ico/my.svg?v0828);
}

.GlobalBottomBar span {
    font-size: 90%;
}

.trend-st-list {
    display: flex;
    flex-direction: column;
    padding: .2rem;
}

.trend-st-list .trend-st-item {
    min-height: 40px;
    display: flex;
    flex-direction: row;
}

.trend-st-list .trend-st-item>div:nth-child(1) {
    min-width: 65px;
    flex-basis: 65px;
    font-weight: bold;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: .3rem;
}

.trend-st-list .trend-st-item>div:nth-child(2) {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    flex: auto;
    align-items: center;
    margin-left: 5px;
    margin-top: 5px;
    margin-bottom: 5px;
}

.trend-st-list .trend-st-item>div:nth-child(2)>div {
    width: 17.5%;
    min-height: .5rem;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #cccccc;
    border-radius: 3px;
    text-align: center;
    font-size: .3rem;
    margin-left: 1.1%;
    margin-bottom: .15rem;
}

.trend-st-list .trend-st-item>div:nth-child(2)>div.active {
    border: 0;
    background-color: #C32D37;
    color: #ffffff;
}

.history_line {
    overflow: hidden;
    height: 100%;
    color: #777 !important;
}

.history_line .td-page {
    width: 100%;
    height: 100%;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    font-size: .2rem;
    background: #fff;
}

.history_line .td-page .td-nav {
    min-height: 35px;
    flex-basis: 35px;
    width: 100%;
    display: flex;
    align-items: center;
    flex-direction: row;
    justify-content: space-between;
    /* background: #2A273A; */
    margin-top: .15rem;
    margin-bottom: 0.1rem;
}

.history_line .td-page .td-nav>div:nth-child(1) {
    width: 40%;
    font-size: .35rem;
    color: #C32D37;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding-left: 0.3rem;
}

.history_line .td-page .td-nav>div:nth-child(2) {
    width: 60%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-end;
    font-size: .33rem;
}

.history_line .td-page .td-nav>div:nth-child(2)>div {
    margin-right: 6px;
    border: 1px solid #C32D37;
    border-radius: .05rem;
    color: #C32D37;
    width: 1.15rem;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 0.63rem;
    font-size: 95%;
    padding-top: .06rem;
    align-content: center;
}

.history_line .td-page .td-nav>div:nth-child(2)>div active {
    background-color: #ee674b;
    color: #ffffff;
}

.history_line .td-page .td-nav>div:nth-child(2)>div.active {
    background-color: #C32D37;
    color: #ffffff;
}

.history_line .td-page .td-nav>div>div:last-child {
    border: 0 !important;
    background-color: unset !important;
    width: 0.5rem;
    font-size: 150%;
    color: #C2BDD7 !important;
}

.history_line .td-page .trend-table-c {
    display: flex;
    flex-direction: column;
    overflow: hidden;
    width: 100%;
    flex-grow: 1;
}

.history_line .td-page .trend-table-c .ssc-td-table-item-title {
    border-top: 1px solid #f2ebeb;
    background-color: #f1f1f1;
    border-bottom: 0 !important;
    min-height: 32px;
    flex-basis: 32px;
}

.history_line .td-page .trend-table-c .ssc-td-table-item {
    display: flex;
    flex-direction: row;
    border-bottom: 1px solid #f2ebeb;
    height: 32px;
}

.history_line .td-page .trend-table-c .ssc-td-table-item .fTable {
    width: 100%;
}

.history_line .td-page .trend-table-c .ssc-td-table-item .fTable td {
    border-left: 1px solid #f2ebeb;
    border-bottom: 1px solid #f2ebeb;
    line-height: 32px;
    text-align: center;
    height: 32px;
    width: 9%;
    font-size: .32rem;
    background: #fbf5ef;
    color: #736d7e;
}

.history_line .td-page .trend-table-c .ssc-td-table-item .fTable td span {
    line-height: 32px;
    text-align: center;
    height: 32px;
    display: inline-block;
}

.history_line .td-page .trend-table-c .ssc-td-table-item .fTable td span:last-child {
    border-right: none;
}

.history_line .td-page .trend-table-c .ssc-td-table-item .fTable td:nth-child(1) {
    min-width: 55px;
    max-width: 55px;
    width: 55px;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -ms-flex-positive: 0;
    font-weight: bold;
    flex-grow: 0;
    flex-basis: 55px;
    font-size: .32rem;
}

.history_line .td-page .trend-table-c .ssc-td-content-c {
    flex-grow: 1;
    overflow-y: scroll;
    overflow-x: hidden;
    position: relative;
}

.history_line .td-page .trend-table-c .ssc-td-content-c #line_canvas {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}

.history_line .td-page .trend-table-c .ssc-td-content-c table {
    width: 100%;
}

.history_line .td-page .trend-table-c .ssc-td-content-c table td {
    border-left: 1px solid #f2ebeb;
    border-bottom: 1px solid #f2ebeb;
    line-height: 32px;
    text-align: center;
    height: 32px;
    width: 9%;
    font-size: .32rem;
    color: #736d7e;
}

.history_line .td-page .trend-table-c .ssc-td-content-c table .charball span {
    background: #C32D37;
    color: #fff;
    border-radius: 50%;
    width: 22px;
    height: 22px;
    line-height: 22px;
    display: inline-block;
    font-size: .32rem;
}

.history_line .td-page .trend-table-c .ssc-td-content-c table .open_ball_num {
    position: relative;
    z-index: 2;
}

.history_line .td-page .trend-table-c .ssc-td-content-c table td:nth-child(1) {
    min-width: 55px;
    max-width: 55px;
    width: 55px;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -ms-flex-positive: 0;
    font-weight: bold;
    flex-grow: 0;
    flex-basis: 55px;
    font-size: .32rem;
}

.history_line .td-page .trend-table-c .ssc-bottom-c {
    border-left: 0px solid #f2ebeb;
}

.history_line .td-page .trend-table-c .ssc-bottom-c .secondTable {
    width: 100%;
    border-top: 0px solid #f2ebeb;
    background-color: #f2f2f299;
}

.history_line .td-page .trend-table-c .ssc-bottom-c .secondTable tr td {
    border-left: 1px solid #f2ebeb;
    border-bottom: 1px solid #f2ebeb;
    line-height: 32px;
    text-align: center;
    height: 32px;
    width: 9%;
    font-size: .32rem;
}

.history_line .td-page .trend-table-c .ssc-bottom-c .secondTable tr td:nth-child(1) {
    flex-grow: 0;
    min-width: 55px;
    max-width: 55px;
    width: 55px;
    flex-basis: 55px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    border-left: none;
    font-size: .32rem;
}

.history_line .td-page .trend-table-c .ssc-bottom-c .secondTable tr:nth-child(1) {
    color: red;
}

.history_line .td-page .trend-table-c .ssc-bottom-c .secondTable tr:nth-child(2) {
    color: #e76b10;
}

.history_line .td-page .trend-table-c .ssc-bottom-c .secondTable tr:nth-child(3) {
    color: #578c49;
}

.history_line .td-page .trend-table-c .ssc-bottom-c .secondTable tr:nth-child(4) {
    color: #ec6f2d;
}

.page.page--userCenter .page__background {
    background-color: #fff;
}

.page.page--userCenter .page__content {
    padding-top: 1.2rem;
}

.page.page--userCenter .page__content .onePageSlideItem {
    margin-top: -1.2rem;
    background: #fff;
}

.page.page--userCenter .page__content .onePageSlideItem .tips {
    color: #5e5b71;
}

.page.page--userCenter .page__content .onePageSlideItem .modeSel {
    color: #fff;
    font-weight: bold;
    display: flex;
    align-items: center;
    font-size: 90%;
}

.page.page--userCenter .page__content .onePageSlideItem .modeSel span {
    margin-left: .1rem;
    font-weight: initial;
    margin-right: 0.2rem;
    font-size: 130%;
    display: flex;
    align-items: center;
    color: #fdc73b;
    /* &:before {
                        content: '.';
                        width: 0.7rem;
                        height: 0.7rem;
                        background-image: url(/template/fubang2/images/ico/rmb-mode2.png);
                        background-size: 100% 100%;
                        display: block;
                        color: transparent;
                        margin-right: .08rem;
                    }*/
}

.page.page--userCenter .page__content .onePageSlideItem .modeSel .switchCurrency {
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 100%;
    cursor: pointer;
    padding: 0.23rem 0.32rem 0.21rem;
    margin-right: 0.05rem;
    border-radius: 0.16rem;
    background: #e57f21;
    /*&:hover {
                        opacity: 0.9;
                        img{
                            transform: rotate(180deg);
                        }
                    }
                    img {
                        width: 0.5rem;
                        content: url("/template/fubang2/images/skin/RMB/ico/switch.png");
                        transition: all .2s;
                    }*/
}

.page.page--userCenter .page__content .onePageSlideItem .modeSel .switchCurrency i.el-icon-warning:before {
    background-image: url(/template/fubang2/images/ico/icon-hint3.svg);
    background-repeat: no-repeat;
    background-size: 104%;
    background-position: -.01rem -0.01rem;
    content: " ";
    width: 0.4rem;
    height: 0.4rem;
    display: flex;
    margin-left: 0.1rem;
    margin-top: -0.5rem;
    position: absolute;
    background-color: #fff;
    border-radius: 50%;
}

.page.page--userCenter .loadingMask {
    z-index: 105;
}

.page.page--userCenter .bottomEndLine {
    font-size: 80%;
    padding: 0.4rem 0.3rem;
}

.page.page--userCenter .topbutton {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    display: flex;
    color: #fff;
    height: 1.2rem;
    align-items: center;
    justify-content: space-between;
    z-index: 2;
    padding: 0 0.2rem;
    background: #773434;
}

.page.page--userCenter .topbutton .icon {
    font-size: 120%;
    padding: 0 0.1rem;
}

.page.page--userCenter .topbutton .icon:active {
    opacity: 0.8;
}

.page.page--userCenter .topbutton .tbleft .icon:first-child {
    padding: 0 0.1rem 0 0.2rem;
}

.page.page--userCenter .topbutton .tbright .icon:last-child {
    padding: 0 0.2rem 0 0.1rem;
}

.page.page--userCenter .topbutton .ucenter {
    position: absolute;
    pointer-events: none;
    left: 0;
    right: 0;
    height: inherit;
    display: flex;
    justify-content: center;
    align-items: center;
}

.page.page--userCenter .topinfo {
    line-height: normal;
    background-color: #f7f1f9;
    overflow: hidden;
    position: relative;
    z-index: 1;
    background-repeat: no-repeat;
    background-size: 100%;
    margin-top: 1.2rem;
    padding-bottom: 0.2rem;
    /* .topbackground{
                position: absolute;
                top: 0;
                left: 0;
                bottom: 0;
                right: 0;
                opacity: .2;
                z-index: -1;
            } */
}

.page.page--userCenter .topinfo [class^='border_']:before,
.page.page--userCenter .topinfo [class*=' border_']:before {
    border-color: rgba(255, 255, 255, 0.87);
}

.page.page--userCenter .topinfo:after {
    position: absolute;
    z-index: -1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: '';
}

.page.page--userCenter .topinfo .userinfo {
    padding: 0;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    color: #272834;
    flex-wrap: wrap;
    background: linear-gradient(to right, #ffd69b 0%, #f47ba1 100%);
    margin: 0.4em 0.2rem 0.2rem;
    border-radius: .2rem;
}

.page.page--userCenter .topinfo .userinfo .avatar {
    margin: .25rem 0.3rem .15rem 0.5rem;
    width: 1.5rem;
    height: 1.5rem;
    border-radius: 100%;
    overflow: hidden;
    display: flex;
    background: #ffe6d8;
    justify-content: center;
    align-items: center;
    background: initial;
}

.page.page--userCenter .topinfo .userinfo .avatar img {
    display: block;
    width: 90%;
}

.page.page--userCenter .topinfo .userinfo .avatar:active {
    opacity: .8;
}

.page.page--userCenter .topinfo .userinfo .serviceChat {
    display: flex;
    background-color: #b04e6c;
    border-radius: 30px;
    padding: 0.14rem 0.25rem;
    flex-direction: row;
    position: absolute;
    margin: 0.4rem 0.47rem 0 0;
    right: 0;
    top: 0;
    font-size: 80%;
    font-weight: bold;
    color: #fff;
}



.page.page--userCenter .topinfo .userinfo .center {
    display: flex;
    flex-direction: column;

    height: 2rem;
    justify-content: center;
}

.page.page--userCenter .topinfo .userinfo .center .nickname {
    font-weight: bold;
    font-size: 90%;
}

.page.page--userCenter .topinfo .userinfo .center .nickname .message {
    font-size: 22px;
}

.page.page--userCenter .topinfo .userinfo .center .addTime {
    color: #272834;
    font-size: 0.37rem;
    margin-top: .05rem;
}

.page.page--userCenter .topinfo .balance-info {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 5rem;
}

.page.page--userCenter .topinfo .balance-info .balance {
    display: flex;
    align-items: center;
    /* height: 1rem; */
    /* width: 8.5rem; */
    border-radius: 8px;
    padding-left: 0.8rem;
    margin: 0 0 0.33rem 0;
    font-size: 0.48rem;
    font-weight: 500;
}

.page.page--userCenter .topinfo .balance-info .balance .refresh-btn {
    font-size: 80%;
    padding: 0.08rem 0.16rem;
    background-color: #c24b59;
    border-radius: 3px;
}

.page.page--userCenter .topinfo .balance-info .balance>span+span {
    padding-left: .2rem;
}

.page.page--userCenter .topinfo .balance-info .balance>span .ons-icon {
    transition: opacity .2s;
    color: #fff;
    /* opacity: .5; */
    font-size: 90%;
    vertical-align: middle;
}

.page.page--userCenter .topinfo .balance-info .balance>span .ons-icon.icon-refresh {
    background-color: #D5A323;
    border-radius: 50%;
    padding: 0.13rem;
    width: 0.4rem;
    height: 0.4rem;
    background-image: url(/template/fubang2/images/ico/icon-refresh.svg);
    background-repeat: no-repeat;
    background-size: 0.3rem;
    background-position: center;
}

.page.page--userCenter .topinfo .balance-info .balance>span .ons-icon.spicon {
    vertical-align: middle;
    padding-left: .03rem;
    pointer-events: none;
}

.page.page--userCenter .topinfo .balance-info .balance>span .fe {
    margin-bottom: .1rem;
}

.page.page--userCenter .topinfo .balance-info .balance>span>em {
    font-size: 90%;
}

.page.page--userCenter .topinfo .balance-info .balance>span>span {
    vertical-align: text-bottom;
    line-height: 1;
    color: #c44f3f;
    font-weight: bold;
}

.page.page--userCenter .topinfo .balance-info .balance>span:active {
    opacity: .8;
}

.page.page--userCenter .topinfo .fundsbotton {
    line-height: normal;
    padding: 0 0.3rem;
}

.page.page--userCenter .topinfo .fundsbotton .button2 {
    position: relative;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 0;
    font-weight: bold;
    font-size: 90%;
    text-align: center;
    /* &:before {
                    position: absolute;
                    content: '';
                    width: 1px;
                    height: 2rem;
                    //background-color: #CFD7E8;
                    top: 0.43rem;
                    left: 0;
                } */
}

.page.page--userCenter .topinfo .fundsbotton .button2 .button {
    background-color: transparent;
    color: #4a4355;
}

.page.page--userCenter .topinfo .fundsbotton .button2 .ons-icon {
    display: flex;
    align-items: center;
    margin-bottom: 0.1rem;
}

.page.page--userCenter .topinfo .fundsbotton .button2 .icon-deposit:before {
    content: '';
    background-image: url(/template/fubang2/images/ico/icon-deposit.png);
    background-size: contain;
    background-repeat: no-repeat;
    display: block;
    width: 1.4rem;
    height: 1.4rem;
}

.page.page--userCenter .topinfo .fundsbotton .button2 .icon-transfer:before {
    content: '';
    background-image: url(/template/fubang2/images/ico/icon-withdrawal.png);
    background-size: contain;
    background-repeat: no-repeat;
    display: block;
    width: 1.4rem;
    height: 1.4rem;
}

.page.page--userCenter .topinfo .fundsbotton .button2 .icon-withdrawal:before {
    content: '';
    background-image: url(/template/fubang2/images/ico/icon-transfer.png);
    background-size: contain;
    background-repeat: no-repeat;
    display: block;
    width: 1.4rem;
    height: 1.4rem;
}

.page.page--userCenter .topinfo .fundsbotton .button2 .icon-wallet:before {
    content: '';
    background-image: url(/template/fubang2/images/ico/icon-wallet.png);
    background-size: contain;
    background-repeat: no-repeat;
    display: block;
    width: 1.4rem;
    height: 1.4rem;
}

.page.page--userCenter .list {
    border-radius: 0px;
    font-size: 90%;
}

.page.page--userCenter .list.infoList {
    background: #fff;
    margin-top: 1.6rem;
}

.page.page--userCenter .list.infoList.jlist {
    margin: 0;
    border-radius: unset;
    border-bottom: 1px solid #e8e3f9;
}

.page.page--userCenter .list.infoList.jlist .left {
    justify-content: flex-start !important;
}

.page.page--userCenter .list.infoList .list-item {
    min-height: 1.2rem;
}

.page.page--userCenter .list.infoList .list-item:first-child,
.page.page--userCenter .list.infoList .list-item:last-child {
    min-height: 1.5rem;
}

.page.page--userCenter .list.infoList .list-item .left {
    width: 30%;
    float: right;
    display: flex;
    justify-content: flex-end;
    font-size: 105%;
}

.page.page--userCenter .list.infoList .list-item .center {
    padding-right: 0;
    padding-left: 0.2rem;
}

.page.page--userCenter .list.infoList .list-item .center span:first-child {
    margin-right: .1rem;
}

.page.page--userCenter .list.infoList .list-item .right {
    display: flex;
    align-items: center;
}

.page.page--userCenter .list.infoList .list-item .star.fe-icon-star2:before {
    font-size: 19px;
    color: red;
    padding-right: .1rem;
}

.page.page--userCenter .list.listCard {
    background: #fff;
    border-bottom: 1px solid #e8e3f9;
}

.page.page--userCenter .list.listCard .list-item {
    min-height: 1.2rem;
}

.page.page--userCenter .list.listCard .list-item .left {
    display: flex;
    padding: 0.25rem 0.0rem;
    align-items: flex-start;
    flex-direction: column;
}

.page.page--userCenter .list.listCard .list-item .left div:first-child {
    font-size: 100%;
    font-weight: bold;
    color: #a5a0af;
    display: flex;
}

.page.page--userCenter .list.listCard .list-item .left div:last-child {
    font-size: 85%;
    color: #BDBDBD;
}

.page.page--userCenter .list.listCard .list-item .left i.el-icon-warning:before {
    background-image: url(/template/fubang2/images/ico/icon-hint.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position-y: .05rem;
    content: " ";
    width: 0.4rem;
    height: 0.5rem;
    display: flex;
    margin-left: .05rem;
}

.page.page--userCenter .list .right .bSet,
.page.page--userCenter .list .right .bEdit,
.page.page--userCenter .list .right .bDone {
    font-size: 80%;
    right: 0.3rem;
    position: absolute;
    padding: 0.11rem 0;
    background-color: #F25554;
    border-radius: .1rem;
    color: #fff;
    margin-right: 0.1rem;
    width: 1.23rem;
    text-align: center;
    font-size: 100%;
}

.page.page--userCenter .list .right .bEdit {
    background-color: #65498E;
}

.page.page--userCenter .list .right .bDone {
    background-color: #999999;
}

.page.page--userCenter .list .list-item {
    min-height: 1.4rem;
    border-bottom: 1px solid #e8e3f9;
    color: #62616b;
}

.page.page--userCenter .list .list-item:last-child {
    border-bottom: 0;
}

.page.page--userCenter .list .list-item.my:before,
.page.page--userCenter .list .list-item.report:before,
.page.page--userCenter .list .list-item.WDrecord:before,
.page.page--userCenter .list .list-item.invite:before,
.page.page--userCenter .list .list-item.team:before,
.page.page--userCenter .list .list-item.msg:before,
.page.page--userCenter .list .list-item.logo:before {
    content: '';
    background-color: #EC712E;
    background-size: 53%;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 65%;
    display: block;
    width: 0.6rem;
    height: 0.6rem;
    margin-right: 0.2rem;
}

.page.page--userCenter .list .list-item.my:before {
    background-image: url(/template/fubang2/images/ico/icon-my.svg?v0901);
}

.page.page--userCenter .list .list-item.report:before {
    background-image: url(/template/fubang2/images/ico/icon-report.svg?v0901);
}

.page.page--userCenter .list .list-item.WDrecord:before {
    background-image: url(/template/fubang2/images/ico/icon-WDrecord.svg?v0901);
    background-size: 57%;
}

.page.page--userCenter .list .list-item.invite:before {
    background-image: url(/template/fubang2/images/ico/icon-invite.svg?v0901);
    background-size: 63%;
}

.page.page--userCenter .list .list-item.team:before {
    background-image: url(/template/fubang2/images/ico/icon-team.svg?v0901);
    background-size: 60%;
}

.page.page--userCenter .list .list-item.msg:before {
    background-image: url(/template/fubang2/images/ico/icon-msg.svg?v0901);
    background-size: 52%;
}

.page.page--userCenter .list .list-item.logo:before {
    background-image: url(/template/fubang2/images/ico/icon-logo.svg?v0901);
    background-size: 65%;
}

.page.page--userCenter .list.subPageList {
    margin-top: 1.5rem;
    background: #fff;
}

.page.page--userCenter .list.subPageList .list-item {
    min-height: 1.2rem;
    display: flex;
    flex-direction: column;
    border: 0;
    background: #f7f1f9;
    padding: 0.1rem 0.4rem;
}

.page.page--userCenter .list.subPageList .list-item.list-item--button {
    margin: 0.5rem 0.05rem 0 .01rem;
    min-height: 1.4rem;
    font-size: 110%;
    background: unset;
}

.page.page--userCenter .list.subPageList .list-item.list-item--button .button {
    background-color: #E77F43;
    border-radius: 0.1rem;
    width: 97%;
}

.page.page--userCenter .list.subPageList .list-item:first-child {
    border-radius: .1rem .1rem 0 0;
}

.page.page--userCenter .list.subPageList .list-item:nth-last-child(2) {
    border-radius: 0 0 .1rem .1rem;
    padding-bottom: 0.3rem;
}

.page.page--userCenter .list.subPageList .list-item.list-item--chevron:before {
    border-right: 1px solid #bbb;
    border-bottom: 1px solid #bbb;
    width: .22rem;
    height: .22rem;
    right: 0.8rem;
    top: 1.6rem;
}

.page.page--userCenter .list.subPageList .list-item .list-item__top {
    min-height: 1.2rem;
}

.page.page--userCenter .list.subPageList .list-item .center {
    order: 1;
    font-size: 90%;
    background: #fff;
    padding: 0 0.3rem;
    width: 100%;
    margin-bottom: 0.2rem;
    line-height: 1rem;
    font-size: 110%;
    box-sizing: border-box;
}

.page.page--userCenter .list.subPageList .list-item .center.password {
    background-image: url(/template/fubang2/images/login/lock.png);
    background-repeat: no-repeat;
    background-size: 0.6rem;
    background-position: 0.3rem 0.2rem;
}

.page.page--userCenter .list.subPageList .list-item .center.password input {
    padding-left: 0.8rem;
}

.page.page--userCenter .list.subPageList .left {
    font-size: 110%;
    white-space: nowrap;
    line-height: 1;
    margin-left: 0.1rem;
}

.page.page--userCenter .list .center .star+.star {
    padding-left: 0.05rem;
}

.page.page--userCenter .list .right.small {
    font-size: 90%;
}

.page.page--userCenter .list .danger {
    color: #f56c6c;
}

.page.page--userCenter .list .warning {
    color: #e6a23c;
}

.page.page--userCenter .list .success {
    color: #67c23a;
}

.page.page--userCenter .list .exinfo>div {
    padding: 0.2rem 0 0.2rem 0.2rem;
    font-size: 90%;
}

.page.page--userCenter .list .exinfo>div:before {
    border-color: rgba(0, 0, 0, 0.08);
}

.page.page--userCenter .list .exinfo>div i {
    padding-right: 0.1rem;
}

.page.page--userCenter .list .exinfo>div span {
    color: #C32D37;
    padding: 0 0.1rem;
}

.page.page--userCenter .list .exinfo>div em {
    padding: 0 0.1rem;
}

.page.page--userCenter .list .exlist {
    background: #F7F0F9;
    font-size: 95%;
    padding: 0rem 1.2rem;
    text-align: center;
}

.page.page--userCenter .list .exlist>div {
    padding: 0.2rem 0;
}

.page.page--userCenter .list .exlist .qrcodeImg {
    display: flex;
    align-items: center;
    justify-content: center;
}

.page.page--userCenter .list .exlist .qrcodeImg>span {
    width: 6rem;
    height: 6rem;
    display: block;
    background-size: cover;
}

.page.page--userCenter .list .exlist .nopaddingtop {
    padding-top: 0;
}

.page.page--userCenter .list .exlist .exxlist {
    font-size: 90%;
    background-color: rgba(0, 0, 0, 0.03);
    border-radius: 5px;
    padding: 0.15rem 0.3rem;
}

.page.page--userCenter .list .exlist .exxlist>div {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.page.page--userCenter .list .exlist .exxlist>div:first-child {
    padding-bottom: 0.15rem;
    margin-bottom: 0.15rem;
}

.page.page--userCenter .list .exlist .exxlist>div:first-child:before {
    border-color: rgba(0, 0, 0, 0.08);
}

.page.page--userCenter .list .exlist .exxlist>div .copy {
    color: #C32D37;
    font-size: 120%;
}

.page.page--userCenter .avatarlist {
    display: flex;
    flex-wrap: wrap;
    padding-top: 2.2rem;
}

.page.page--userCenter .avatarlist>span {
    flex: 0 0 18%;
    margin-bottom: 0.3rem;
    transition: all 0.2s;
    border-radius: 5px;
    overflow: hidden;
}

.page.page--userCenter .avatarlist>span+span {
    margin-left: 2.5%;
}

.page.page--userCenter .avatarlist>span:nth-child(5n + 1):nth-last-child(-n + 5),
.page.page--userCenter .avatarlist>span:nth-child(5n + 1):nth-last-child(-n + 5)~span {
    margin-bottom: 0;
}

.page.page--userCenter .avatarlist>span:nth-child(5n + 1) {
    margin-left: 0;
}

.page.page--userCenter .avatarlist>span:active {
    opacity: 0.8;
}

.page.page--userCenter .avatarlist>span.selected {
    box-shadow: 0 0 10px 0px rgba(0, 148, 192, 0.8);
}

.page.page--userCenter .avatarlist>span img {
    width: 100%;
    display: block;
    border: 2px solid #fff;
    box-sizing: border-box;
    border-radius: 5px;
}

.page.page--gameList .page__background {
    background-color: #f5f5f5;
}

.page.page--gameList .page__content {
    display: flex;
    flex-direction: column;
}

.page.page--gameList .indexbutton {
    position: relative;
    z-index: 2;
    background-color: #f5f5f5;
}

.page.page--gameList .indexbutton>* {
    background-color: #fff;
    display: flex;
    padding: 0.3rem 0;
    flex-direction: column;
    align-items: center;
}

.page.page--gameList .indexbutton>*.curMenu {
    background: linear-gradient(rgba(0, 0, 0, 0.1) 0%, #fff 100%);
}

.page.page--gameList .indexbutton>* .icon {
    width: 1.1rem;
    height: 1.1rem;
    overflow: hidden;
    margin-bottom: 0.2rem;
    position: relative;
    font-size: 0.65rem;
    color: #fff;
}

.page.page--gameList .indexbutton>* .icon:before {
    position: absolute;
    left: 0;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background: linear-gradient(-45deg, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0.3));
}

.page.page--gameList .indexbutton>* .icon:after {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background-color: #ccc;
}

.page.page--gameList .indexbutton>* span {
    font-size: 80%;
}

.page.page--gameList .indexbutton>*:nth-child(1) .icon:after {
    background-color: #de2b2b;
}

.page.page--gameList .indexbutton>*:nth-child(2) .icon:after {
    background-color: #c441c4;
}

.page.page--gameList .indexbutton>*:nth-child(3) .icon:after {
    background-color: #ff8f30;
}

.page.page--gameList .indexbutton>*:nth-child(4) .icon:after {
    background-color: #ff5e76;
}

.page.page--gameList .indexbutton>*:nth-child(5) .icon:after {
    background-color: #746db9;
}

.page.page--gameList .gameListMain {
    flex: 1;
    position: relative;
    margin-top: 0.1rem;
}

.page.page--gameList .gameListMain section {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: flex;
    flex-direction: column;
}

.page.page--gameList .gameListMain section .gameListTab {
    position: relative;
    height: 1.2rem;
    background-color: #fff;
}

.page.page--gameList .gameListMain section .gameListTab ul {
    display: flex;
    align-items: center;
    height: 100%;
}

.page.page--gameList .gameListMain section .gameListTab ul li {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 1;
    font-size: 0.36rem;
    /* opacity: 0.6; */
    background-color: #fff;
    color: #696081;
}

.page.page--gameList .gameListMain section .gameListTab ul li i {
    vertical-align: top;
    margin: 0 0.15rem 0 0;
    display: inline-block;
    width: 0.5rem;
}

.page.page--gameList .gameListMain section .gameListTab ul li i img {
    max-width: 100%;
}

.page.page--gameList .gameListMain section .gameListTab ul li.active {
    color: #000;
    opacity: 1;
}

.page.page--gameList .gameListMain section .gameListTab ul li.border_r_1px {
    position: relative;
}

.page.page--gameList .gameListMain section .gameListTab ul li.border_r_1px:before {
    content: '';
    position: absolute;
    display: block;
    background: rgba(0, 0, 0, 0.1);
    z-index: 100;
    right: 0;
    top: 0.35rem;
    width: 1px;
    height: 0.5rem;
}

.page.page--gameList .gameListMain section .gameListTab .indicator {
    position: absolute;
    bottom: 0;
    height: 0;
    z-index: 101;
    background-color: #C32D37;
    transition: all 0.25s cubic-bezier(0.4, 0.7, 0.5, 1) 0s;
}

.page.page--gameList .gameListMain section .ons-swiper {
    flex: 1;
}

.page.page--gameList .gameListMain section .ons-swiper ons-carousel-item {
    padding: 0.3rem;
    padding-bottom: 0;
    overflow-y: auto;
}

.page.page--gameList .gameListMain section .ons-swiper ons-carousel-item:after {
    content: '';
    height: 0.3rem;
    display: block;
}

.page.page--gameList .gameListMain section .ons-swiper ons-carousel-item.hasSubclass {
    padding: 0;
    overflow: hidden;
}

.page.page--gameList .gameListMain section .ons-swiper ons-carousel-item.hasSubclass:after {
    content: none;
}

.page.page--gameList .rowclass {
    height: 100%;
    overflow: auto;
    display: flex;
    line-height: normal;
}

.page.page--gameList .rowclass .ag-games-body {
    flex: 1;
}

.page.page--gameList .rowclass .ag-body {
    padding: 0.4rem;
    background: #fff;
}

.page.page--gameList .rowclass .ag-body .ag-title span {
    border-left: 3px solid #c72323;
    color: #c72323;
    padding: 0 0.2rem;
}

.page.page--gameList .rowclass .ag-body .ag-list {
    margin: 0.3rem 0rem;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.page.page--gameList .rowclass .ag-body .ag-list li {
    width: 48%;
}

.page.page--gameList .rowclass .ag-body .ag-list li img {
    width: 100%;
    margin: 0 0 0.3rem 0;
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.3);
}

.page.page--gameList .rowclass .ag-body .ag-list li img.big {
    width: 3rem;
    margin: 0 0.2rem 0.1rem 0.5rem;
}

.page.page--gameList .rowclass .ag-body .ag-list li span {
    width: 2.9rem;
    height: 0.8rem;
    border-radius: 0.5rem;
    border: none;
    background: #fff;
    color: #666;
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.3);
    cursor: pointer;
    margin: 0.6rem 0.6rem 0rem;
    display: flex;
    align-items: center;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-around;
}

.page.page--gameList .rowclass .rownav {
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    background: #eae6fa;
    width: 2rem;
}

.page.page--gameList .rowclass .rownav>div {
    width: 2rem;
}

.page.page--gameList .rowclass .rownav span {
    display: block;
    font-size: 90%;
    padding: 0.4rem 0;
    text-align: center;
    transition: all 0.2s;
    border-left: 2px solid transparent;
}

.page.page--gameList .rowclass .rownav span.act {
    background-color: #DC7C49;
    border-left: 2px solid #DC7C49;
    color: #fff;
}

.page.page--gameList .rowclass .rowcon {
    overflow: hidden;
    background: #f5f5f5;
    flex: 1;
}

.page.page--gameList .rowclass .rowcon:before {
    -o-border-image: linear-gradient(transparent 0%, rgba(0, 0, 0, 0.1) 15%, rgba(0, 0, 0, 0.1) 85%, transparent 100%) 1;
    border-image: linear-gradient(transparent 0%, rgba(0, 0, 0, 0.1) 15%, rgba(0, 0, 0, 0.1) 85%, transparent 100%) 1;
}

.page.page--gameList .rowclass .rowcon .rowconitem {
    overflow: auto;
    height: 100%;
    box-sizing: border-box;
    padding: 0.4rem 0.3rem;
    background: #f7f1f9;
}

.page.page--gameList .rowclass .rowcon .rowconitem .gameitem {
    float: left;
    font-size: 80%;
    width: 31%;
    background-color: #fff;
    margin-bottom: 0.2rem;
    margin-left: 3.5%;
    border-radius: 8px;
    padding: 0.2rem 0.1rem 0.15rem;
    box-sizing: border-box;
    overflow: hidden;
    position: relative;
    border-radius: .1rem;
}

.page.page--gameList .rowclass .rowcon .rowconitem .gameitem i {
    position: absolute;
    top: .05rem;
    right: .08rem;
    display: block;
    width: 0.6rem;
}

.page.page--gameList .rowclass .rowcon .rowconitem .gameitem i img {
    max-width: 100%;
}

.page.page--gameList .rowclass .rowcon .rowconitem .gameitem:nth-child(3n + 1) {
    margin-left: 0;
}

.page.page--gameList .rowclass .rowcon .rowconitem .gameitem:nth-child(3n + 1):nth-last-child(-n + 3),
.page.page--gameList .rowclass .rowcon .rowconitem .gameitem:nth-child(3n + 1):nth-last-child(-n + 3)~.gameitem {
    margin-bottom: 0.01rem;
}

.page.page--gameList .rowclass .rowcon .rowconitem .gameitem>div {
    margin: 0 auto;
}

.page.page--gameList .rowclass .rowcon .rowconitem .gameitem>div:first-child {
    width: 1.3rem;
    height: 1.3rem;
}

.page.page--gameList .rowclass .rowcon .rowconitem .gameitem>div:first-child img {
    display: block;
    max-width: 100%;
}

.page.page--gameList .rowclass .rowcon .rowconitem .gameitem>div:nth-child(2) {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    text-align: center;
    margin-top: 0.1rem;
}

.page.page--gameList .imgItem {
    display: flex;
    flex-direction: column;
}

.page.page--gameList .imgItem>a {
    display: block;
    border-radius: 8px;
    overflow: hidden;
    transition: opacity .2s;
}

.page.page--gameList .imgItem>a+a {
    margin-top: .3rem;
}

.page.page--gameList .imgItem>a img {
    width: 100%;
    display: block;
}

.page.page--gameList .imgItem>a:active {
    box-shadow: 0 0 10px 0px rgba(0, 148, 192, 0.8);
}

.page.page--gameList .textItem {
    overflow: hidden;
    clear: both;
    margin-top: -.18rem;
    /*
                &.dzyy{
                    >div{
                        background-color: mix(#ff5e76,#ccc);
                    }
                }
        */
}

.page.page--gameList .textItem>div {
    font-size: 90%;
    color: #fff;
    background-color: #e6ae7e;
    width: 23%;
    margin: 0 1%;
    margin-top: .18rem;
    border-radius: 10rem;
    padding: 0.25rem 0.1rem;
    box-sizing: border-box;
    overflow: hidden;
    position: relative;
    z-index: 1;
    float: left;
}

.page.page--gameList .textItem>div.w1 {
    width: 48%;
}

.page.page--gameList .textItem>div:active {
    opacity: 0.8;
}

.page.page--gameList .textItem>div:after {
    position: absolute;
    z-index: -1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: '';
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0.3));
}

.page.page--gameList .textItem>div span {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    height: 1em;
    display: flex;
    align-items: center;
    justify-content: center;
}

.page.page--gameList .smallimgItem {
    display: flex;
    flex-wrap: wrap;
}

.page.page--gameList .smallimgItem>div {
    font-size: 90%;
    background-color: #fff;
    border-radius: 8px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: center;
    overflow: hidden;
    position: relative;
    margin: .14rem;
    display: flex;
    width: 30.3%;
}

.page.page--gameList .smallimgItem>div:active {
    opacity: 0.8;
}

.page.page--gameList .smallimgItem>div img {
    width: 100%;
    display: block;
    max-height: 2.615rem;
}

.page.page--gameList .smallimgItem>div .game-item {
    width: 100%;
    background-color: #DC7C49;
    text-align: center;
    border-top-left-radius: 0.667rem;
    border-top-right-radius: 0.667rem;
}

.page.page--gameList .smallimgItem>div .game-item span {
    display: inline-block;
    background-color: transparent !important;
    padding: 0.128rem 0;
    width: 100%;
}

.page.page--gameList .smallimgItem>div span {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    width: 100%;
    text-align: center;
    position: absolute;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.6);
    color: #fff;
    padding: .05rem .2rem;
    line-height: normal;
}

.page.page--gameList .smallimgItem .ggqp {
    border-radius: 3px 3px 0 0;
    background-color: transparent;
}

.page.page--gameList .smallimgItem .ggqp .ggqp_con {
    display: block;
}

.page.page--gameList .smallimgItem .ggqp .ggqp_con label {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    text-align: center;
    position: absolute;
    width: 90%;
    bottom: 42px;
    background-color: rgba(0, 0, 0, 0.6);
    color: #fff;
    padding: .05rem .2rem;
    line-height: normal;
    display: block;
    border-radius: 0px 0px 3px 3px;
}

.page.page--gameList .smallimgItem .ggqp .testgg,
.page.page--gameList .smallimgItem .ggqp .playgg {
    display: block;
    height: .7rem;
    line-height: .75rem;
    width: 94%;
    border: 1px solid rgba(119, 119, 119, 0.4);
    padding: 0 2px;
    text-align: center;
    border-radius: 3px;
    cursor: pointer;
}

.page.page--gameList .smallimgItem .ggqp .playgg {
    margin: 5px 0;
    border: none;
    background: #C32D37;
    color: white;
    border: 1px solid #C32D37;
}

.page.page--gameList .smallimgItem .ggqp .testgg {
    margin-bottom: 5px;
}

.page.page--gameList .smallimgItem.mg2>div span {
    position: relative;
}

.page.page--lotteryRecord .page__content,
.page.page--teamMember .page__content,
.page.page--report .page__content,
.page.page--accountRecord .page__content,
.page.page--withdrawalRecord .page__content,
.page.page--wage .page__content,
.page.page--depositRecord .page__content,
.page.page--transferRecord .page__content,
.page.page--addAccount .page__content {
    display: flex;
    flex-direction: column;
}

.page.page--lotteryRecord .page__content .optionArea,
.page.page--teamMember .page__content .optionArea,
.page.page--report .page__content .optionArea,
.page.page--accountRecord .page__content .optionArea,
.page.page--withdrawalRecord .page__content .optionArea,
.page.page--wage .page__content .optionArea,
.page.page--depositRecord .page__content .optionArea,
.page.page--transferRecord .page__content .optionArea,
.page.page--addAccount .page__content .optionArea {
    background-color: #fff;
}

.page.page--lotteryRecord .page__content .optionArea .list .list-item,
.page.page--teamMember .page__content .optionArea .list .list-item,
.page.page--report .page__content .optionArea .list .list-item,
.page.page--accountRecord .page__content .optionArea .list .list-item,
.page.page--withdrawalRecord .page__content .optionArea .list .list-item,
.page.page--wage .page__content .optionArea .list .list-item,
.page.page--depositRecord .page__content .optionArea .list .list-item,
.page.page--transferRecord .page__content .optionArea .list .list-item,
.page.page--addAccount .page__content .optionArea .list .list-item {
    min-height: 1.35rem;
    padding: 0 .1rem 0 .1rem;
    color: #bcbfd4;
}

.page.page--lotteryRecord .page__content .optionArea .list .list-item .left,
.page.page--teamMember .page__content .optionArea .list .list-item .left,
.page.page--report .page__content .optionArea .list .list-item .left,
.page.page--accountRecord .page__content .optionArea .list .list-item .left,
.page.page--withdrawalRecord .page__content .optionArea .list .list-item .left,
.page.page--wage .page__content .optionArea .list .list-item .left,
.page.page--depositRecord .page__content .optionArea .list .list-item .left,
.page.page--transferRecord .page__content .optionArea .list .list-item .left,
.page.page--addAccount .page__content .optionArea .list .list-item .left {
    border-bottom: 1px solid #efecf2;
    padding-left: 0rem;
    min-width: 2.1rem;
    font-size: 90%;
    display: flex;
    justify-content: flex-end;
    color: #555160;
}

.page.page--lotteryRecord .page__content .optionArea .list .list-item .right,
.page.page--teamMember .page__content .optionArea .list .list-item .right,
.page.page--report .page__content .optionArea .list .list-item .right,
.page.page--accountRecord .page__content .optionArea .list .list-item .right,
.page.page--withdrawalRecord .page__content .optionArea .list .list-item .right,
.page.page--wage .page__content .optionArea .list .list-item .right,
.page.page--depositRecord .page__content .optionArea .list .list-item .right,
.page.page--transferRecord .page__content .optionArea .list .list-item .right,
.page.page--addAccount .page__content .optionArea .list .list-item .right {
    border-bottom: 1px solid #efecf2;
}

.page.page--lotteryRecord .page__content .optionArea .list .list-item .center,
.page.page--teamMember .page__content .optionArea .list .list-item .center,
.page.page--report .page__content .optionArea .list .list-item .center,
.page.page--accountRecord .page__content .optionArea .list .list-item .center,
.page.page--withdrawalRecord .page__content .optionArea .list .list-item .center,
.page.page--wage .page__content .optionArea .list .list-item .center,
.page.page--depositRecord .page__content .optionArea .list .list-item .center,
.page.page--transferRecord .page__content .optionArea .list .list-item .center,
.page.page--addAccount .page__content .optionArea .list .list-item .center {
    border-bottom: 1px solid #efecf2;
    color: #F69A4C;
    font-size: 85%;
    padding-left: 0rem;
    padding-right: 0.05rem;
}

.page.page--lotteryRecord .page__content .optionArea .list .list-item .center.small,
.page.page--teamMember .page__content .optionArea .list .list-item .center.small,
.page.page--report .page__content .optionArea .list .list-item .center.small,
.page.page--accountRecord .page__content .optionArea .list .list-item .center.small,
.page.page--withdrawalRecord .page__content .optionArea .list .list-item .center.small,
.page.page--wage .page__content .optionArea .list .list-item .center.small,
.page.page--depositRecord .page__content .optionArea .list .list-item .center.small,
.page.page--transferRecord .page__content .optionArea .list .list-item .center.small,
.page.page--addAccount .page__content .optionArea .list .list-item .center.small {
    font-size: 80%;
}

.page.page--lotteryRecord .page__content .optionArea .list .list-item .center input,
.page.page--teamMember .page__content .optionArea .list .list-item .center input,
.page.page--report .page__content .optionArea .list .list-item .center input,
.page.page--accountRecord .page__content .optionArea .list .list-item .center input,
.page.page--withdrawalRecord .page__content .optionArea .list .list-item .center input,
.page.page--wage .page__content .optionArea .list .list-item .center input,
.page.page--depositRecord .page__content .optionArea .list .list-item .center input,
.page.page--transferRecord .page__content .optionArea .list .list-item .center input,
.page.page--addAccount .page__content .optionArea .list .list-item .center input {
    color: #323036;
}

.page.page--lotteryRecord .page__content .optionArea .list .list-item.list-item--button .button,
.page.page--teamMember .page__content .optionArea .list .list-item.list-item--button .button,
.page.page--report .page__content .optionArea .list .list-item.list-item--button .button,
.page.page--accountRecord .page__content .optionArea .list .list-item.list-item--button .button,
.page.page--withdrawalRecord .page__content .optionArea .list .list-item.list-item--button .button,
.page.page--wage .page__content .optionArea .list .list-item.list-item--button .button,
.page.page--depositRecord .page__content .optionArea .list .list-item.list-item--button .button,
.page.page--transferRecord .page__content .optionArea .list .list-item.list-item--button .button,
.page.page--addAccount .page__content .optionArea .list .list-item.list-item--button .button {
    background-color: rgba(195, 45, 55, 0.7);
    flex: 3;
    font-size: 100%;
}

.page.page--lotteryRecord .page__content .optionArea .list .list-item.list-item--button .button.smallsize,
.page.page--teamMember .page__content .optionArea .list .list-item.list-item--button .button.smallsize,
.page.page--report .page__content .optionArea .list .list-item.list-item--button .button.smallsize,
.page.page--accountRecord .page__content .optionArea .list .list-item.list-item--button .button.smallsize,
.page.page--withdrawalRecord .page__content .optionArea .list .list-item.list-item--button .button.smallsize,
.page.page--wage .page__content .optionArea .list .list-item.list-item--button .button.smallsize,
.page.page--depositRecord .page__content .optionArea .list .list-item.list-item--button .button.smallsize,
.page.page--transferRecord .page__content .optionArea .list .list-item.list-item--button .button.smallsize,
.page.page--addAccount .page__content .optionArea .list .list-item.list-item--button .button.smallsize {
    flex: 1.2;
    background-color: #F7F7F7;
    color: #777;
}

.page.page--lotteryRecord .page__content .optionArea .list .list-item.list-item--button .button.smallsize i,
.page.page--teamMember .page__content .optionArea .list .list-item.list-item--button .button.smallsize i,
.page.page--report .page__content .optionArea .list .list-item.list-item--button .button.smallsize i,
.page.page--accountRecord .page__content .optionArea .list .list-item.list-item--button .button.smallsize i,
.page.page--withdrawalRecord .page__content .optionArea .list .list-item.list-item--button .button.smallsize i,
.page.page--wage .page__content .optionArea .list .list-item.list-item--button .button.smallsize i,
.page.page--depositRecord .page__content .optionArea .list .list-item.list-item--button .button.smallsize i,
.page.page--transferRecord .page__content .optionArea .list .list-item.list-item--button .button.smallsize i,
.page.page--addAccount .page__content .optionArea .list .list-item.list-item--button .button.smallsize i {
    padding-left: 0.1rem;
    color: rgba(119, 119, 119, 0.8);
}

.page.page--lotteryRecord .page__content .optionArea .list .list-item.list-item--button .button.smallsize i:before,
.page.page--teamMember .page__content .optionArea .list .list-item.list-item--button .button.smallsize i:before,
.page.page--report .page__content .optionArea .list .list-item.list-item--button .button.smallsize i:before,
.page.page--accountRecord .page__content .optionArea .list .list-item.list-item--button .button.smallsize i:before,
.page.page--withdrawalRecord .page__content .optionArea .list .list-item.list-item--button .button.smallsize i:before,
.page.page--wage .page__content .optionArea .list .list-item.list-item--button .button.smallsize i:before,
.page.page--depositRecord .page__content .optionArea .list .list-item.list-item--button .button.smallsize i:before,
.page.page--transferRecord .page__content .optionArea .list .list-item.list-item--button .button.smallsize i:before,
.page.page--addAccount .page__content .optionArea .list .list-item.list-item--button .button.smallsize i:before {
    font-size: 150%;
    margin-left: .1rem;
}

.page.page--lotteryRecord .page__content .optionArea .list .list-item.list-item--button .button.smallsize span,
.page.page--teamMember .page__content .optionArea .list .list-item.list-item--button .button.smallsize span,
.page.page--report .page__content .optionArea .list .list-item.list-item--button .button.smallsize span,
.page.page--accountRecord .page__content .optionArea .list .list-item.list-item--button .button.smallsize span,
.page.page--withdrawalRecord .page__content .optionArea .list .list-item.list-item--button .button.smallsize span,
.page.page--wage .page__content .optionArea .list .list-item.list-item--button .button.smallsize span,
.page.page--depositRecord .page__content .optionArea .list .list-item.list-item--button .button.smallsize span,
.page.page--transferRecord .page__content .optionArea .list .list-item.list-item--button .button.smallsize span,
.page.page--addAccount .page__content .optionArea .list .list-item.list-item--button .button.smallsize span {
    display: flex;
}

.page.page--lotteryRecord .page__content .optionArea .list .list-item.list-item--button .icon,
.page.page--teamMember .page__content .optionArea .list .list-item.list-item--button .icon,
.page.page--report .page__content .optionArea .list .list-item.list-item--button .icon,
.page.page--accountRecord .page__content .optionArea .list .list-item.list-item--button .icon,
.page.page--withdrawalRecord .page__content .optionArea .list .list-item.list-item--button .icon,
.page.page--wage .page__content .optionArea .list .list-item.list-item--button .icon,
.page.page--depositRecord .page__content .optionArea .list .list-item.list-item--button .icon,
.page.page--transferRecord .page__content .optionArea .list .list-item.list-item--button .icon,
.page.page--addAccount .page__content .optionArea .list .list-item.list-item--button .icon {
    font-size: 145%;
    margin-right: 0.08rem;
}

.page.page--lotteryRecord .page__content .contentArea,
.page.page--teamMember .page__content .contentArea,
.page.page--report .page__content .contentArea,
.page.page--accountRecord .page__content .contentArea,
.page.page--withdrawalRecord .page__content .contentArea,
.page.page--wage .page__content .contentArea,
.page.page--depositRecord .page__content .contentArea,
.page.page--transferRecord .page__content .contentArea,
.page.page--addAccount .page__content .contentArea {
    flex: 1;
    position: relative;
    padding: 0 0.3rem 0.5rem;
    opacity: 1;
    transition: opacity 0.2s;
    background: #fff;
}

.page.page--lotteryRecord .page__content .contentArea.loading,
.page.page--teamMember .page__content .contentArea.loading,
.page.page--report .page__content .contentArea.loading,
.page.page--accountRecord .page__content .contentArea.loading,
.page.page--withdrawalRecord .page__content .contentArea.loading,
.page.page--wage .page__content .contentArea.loading,
.page.page--depositRecord .page__content .contentArea.loading,
.page.page--transferRecord .page__content .contentArea.loading,
.page.page--addAccount .page__content .contentArea.loading {
    opacity: 0.5;
    pointer-events: none;
    overflow: hidden;
    transition: opacity 0.2s;
}

.page.page--lotteryRecord .page__content .contentArea .cardItem,
.page.page--teamMember .page__content .contentArea .cardItem,
.page.page--report .page__content .contentArea .cardItem,
.page.page--accountRecord .page__content .contentArea .cardItem,
.page.page--withdrawalRecord .page__content .contentArea .cardItem,
.page.page--wage .page__content .contentArea .cardItem,
.page.page--depositRecord .page__content .contentArea .cardItem,
.page.page--transferRecord .page__content .contentArea .cardItem,
.page.page--addAccount .page__content .contentArea .cardItem {
    background-color: #fff7ef;
    border-radius: 5px;
    padding: 0;
    line-height: normal;
    margin-top: 0.2rem;
}

.page.page--lotteryRecord .page__content .contentArea .cardItem:active,
.page.page--teamMember .page__content .contentArea .cardItem:active,
.page.page--report .page__content .contentArea .cardItem:active,
.page.page--accountRecord .page__content .contentArea .cardItem:active,
.page.page--withdrawalRecord .page__content .contentArea .cardItem:active,
.page.page--wage .page__content .contentArea .cardItem:active,
.page.page--depositRecord .page__content .contentArea .cardItem:active,
.page.page--transferRecord .page__content .contentArea .cardItem:active,
.page.page--addAccount .page__content .contentArea .cardItem:active {
    color: #d9d9d9e6;
}

.page.page--lotteryRecord .page__content .contentArea .cardItem.default,
.page.page--teamMember .page__content .contentArea .cardItem.default,
.page.page--report .page__content .contentArea .cardItem.default,
.page.page--accountRecord .page__content .contentArea .cardItem.default,
.page.page--withdrawalRecord .page__content .contentArea .cardItem.default,
.page.page--wage .page__content .contentArea .cardItem.default,
.page.page--depositRecord .page__content .contentArea .cardItem.default,
.page.page--transferRecord .page__content .contentArea .cardItem.default,
.page.page--addAccount .page__content .contentArea .cardItem.default {
    background-color: #fff7ef;
}

.page.page--lotteryRecord .page__content .contentArea .cardItem.unhappy .cardItemCon .status,
.page.page--teamMember .page__content .contentArea .cardItem.unhappy .cardItemCon .status,
.page.page--report .page__content .contentArea .cardItem.unhappy .cardItemCon .status,
.page.page--accountRecord .page__content .contentArea .cardItem.unhappy .cardItemCon .status,
.page.page--withdrawalRecord .page__content .contentArea .cardItem.unhappy .cardItemCon .status,
.page.page--wage .page__content .contentArea .cardItem.unhappy .cardItemCon .status,
.page.page--depositRecord .page__content .contentArea .cardItem.unhappy .cardItemCon .status,
.page.page--transferRecord .page__content .contentArea .cardItem.unhappy .cardItemCon .status,
.page.page--addAccount .page__content .contentArea .cardItem.unhappy .cardItemCon .status {
    color: #aeaeaecc;
}

.page.page--lotteryRecord .page__content .contentArea .cardItem .button,
.page.page--teamMember .page__content .contentArea .cardItem .button,
.page.page--report .page__content .contentArea .cardItem .button,
.page.page--accountRecord .page__content .contentArea .cardItem .button,
.page.page--withdrawalRecord .page__content .contentArea .cardItem .button,
.page.page--wage .page__content .contentArea .cardItem .button,
.page.page--depositRecord .page__content .contentArea .cardItem .button,
.page.page--transferRecord .page__content .contentArea .cardItem .button,
.page.page--addAccount .page__content .contentArea .cardItem .button {
    font-size: 85%;
}

.page.page--lotteryRecord .page__content .contentArea .cardItem.third .cardItemTit>span:first-child,
.page.page--lotteryRecord .page__content .contentArea .cardItem.team .cardItemTit>span:first-child,
.page.page--teamMember .page__content .contentArea .cardItem.third .cardItemTit>span:first-child,
.page.page--teamMember .page__content .contentArea .cardItem.team .cardItemTit>span:first-child,
.page.page--report .page__content .contentArea .cardItem.third .cardItemTit>span:first-child,
.page.page--report .page__content .contentArea .cardItem.team .cardItemTit>span:first-child,
.page.page--accountRecord .page__content .contentArea .cardItem.third .cardItemTit>span:first-child,
.page.page--accountRecord .page__content .contentArea .cardItem.team .cardItemTit>span:first-child,
.page.page--withdrawalRecord .page__content .contentArea .cardItem.third .cardItemTit>span:first-child,
.page.page--withdrawalRecord .page__content .contentArea .cardItem.team .cardItemTit>span:first-child,
.page.page--wage .page__content .contentArea .cardItem.third .cardItemTit>span:first-child,
.page.page--wage .page__content .contentArea .cardItem.team .cardItemTit>span:first-child,
.page.page--depositRecord .page__content .contentArea .cardItem.third .cardItemTit>span:first-child,
.page.page--depositRecord .page__content .contentArea .cardItem.team .cardItemTit>span:first-child,
.page.page--transferRecord .page__content .contentArea .cardItem.third .cardItemTit>span:first-child,
.page.page--transferRecord .page__content .contentArea .cardItem.team .cardItemTit>span:first-child,
.page.page--addAccount .page__content .contentArea .cardItem.third .cardItemTit>span:first-child,
.page.page--addAccount .page__content .contentArea .cardItem.team .cardItemTit>span:first-child {
    text-decoration: underline;
}

.page.page--lotteryRecord .page__content .contentArea .cardItem.third .cardItemTit>span:first-child:before,
.page.page--lotteryRecord .page__content .contentArea .cardItem.team .cardItemTit>span:first-child:before,
.page.page--teamMember .page__content .contentArea .cardItem.third .cardItemTit>span:first-child:before,
.page.page--teamMember .page__content .contentArea .cardItem.team .cardItemTit>span:first-child:before,
.page.page--report .page__content .contentArea .cardItem.third .cardItemTit>span:first-child:before,
.page.page--report .page__content .contentArea .cardItem.team .cardItemTit>span:first-child:before,
.page.page--accountRecord .page__content .contentArea .cardItem.third .cardItemTit>span:first-child:before,
.page.page--accountRecord .page__content .contentArea .cardItem.team .cardItemTit>span:first-child:before,
.page.page--withdrawalRecord .page__content .contentArea .cardItem.third .cardItemTit>span:first-child:before,
.page.page--withdrawalRecord .page__content .contentArea .cardItem.team .cardItemTit>span:first-child:before,
.page.page--wage .page__content .contentArea .cardItem.third .cardItemTit>span:first-child:before,
.page.page--wage .page__content .contentArea .cardItem.team .cardItemTit>span:first-child:before,
.page.page--depositRecord .page__content .contentArea .cardItem.third .cardItemTit>span:first-child:before,
.page.page--depositRecord .page__content .contentArea .cardItem.team .cardItemTit>span:first-child:before,
.page.page--transferRecord .page__content .contentArea .cardItem.third .cardItemTit>span:first-child:before,
.page.page--transferRecord .page__content .contentArea .cardItem.team .cardItemTit>span:first-child:before,
.page.page--addAccount .page__content .contentArea .cardItem.third .cardItemTit>span:first-child:before,
.page.page--addAccount .page__content .contentArea .cardItem.team .cardItemTit>span:first-child:before {
    margin-right: 0.08rem;
    color: rgba(195, 45, 55, 0.5);
    background-color: transparent !important;
}

.page.page--lotteryRecord .page__content .contentArea .cardItem.third .cardItemTit>span:first-child:active,
.page.page--lotteryRecord .page__content .contentArea .cardItem.team .cardItemTit>span:first-child:active,
.page.page--teamMember .page__content .contentArea .cardItem.third .cardItemTit>span:first-child:active,
.page.page--teamMember .page__content .contentArea .cardItem.team .cardItemTit>span:first-child:active,
.page.page--report .page__content .contentArea .cardItem.third .cardItemTit>span:first-child:active,
.page.page--report .page__content .contentArea .cardItem.team .cardItemTit>span:first-child:active,
.page.page--accountRecord .page__content .contentArea .cardItem.third .cardItemTit>span:first-child:active,
.page.page--accountRecord .page__content .contentArea .cardItem.team .cardItemTit>span:first-child:active,
.page.page--withdrawalRecord .page__content .contentArea .cardItem.third .cardItemTit>span:first-child:active,
.page.page--withdrawalRecord .page__content .contentArea .cardItem.team .cardItemTit>span:first-child:active,
.page.page--wage .page__content .contentArea .cardItem.third .cardItemTit>span:first-child:active,
.page.page--wage .page__content .contentArea .cardItem.team .cardItemTit>span:first-child:active,
.page.page--depositRecord .page__content .contentArea .cardItem.third .cardItemTit>span:first-child:active,
.page.page--depositRecord .page__content .contentArea .cardItem.team .cardItemTit>span:first-child:active,
.page.page--transferRecord .page__content .contentArea .cardItem.third .cardItemTit>span:first-child:active,
.page.page--transferRecord .page__content .contentArea .cardItem.team .cardItemTit>span:first-child:active,
.page.page--addAccount .page__content .contentArea .cardItem.third .cardItemTit>span:first-child:active,
.page.page--addAccount .page__content .contentArea .cardItem.team .cardItemTit>span:first-child:active {
    opacity: 0.7;
}

.page.page--lotteryRecord .page__content .contentArea .cardItem.special,
.page.page--teamMember .page__content .contentArea .cardItem.special,
.page.page--report .page__content .contentArea .cardItem.special,
.page.page--accountRecord .page__content .contentArea .cardItem.special,
.page.page--withdrawalRecord .page__content .contentArea .cardItem.special,
.page.page--wage .page__content .contentArea .cardItem.special,
.page.page--depositRecord .page__content .contentArea .cardItem.special,
.page.page--transferRecord .page__content .contentArea .cardItem.special,
.page.page--addAccount .page__content .contentArea .cardItem.special {
    background-color: transparent;
    padding: 0;
    text-align: center;
    font-size: 90%;
}

.page.page--lotteryRecord .page__content .contentArea .cardItem.parentTree,
.page.page--teamMember .page__content .contentArea .cardItem.parentTree,
.page.page--report .page__content .contentArea .cardItem.parentTree,
.page.page--accountRecord .page__content .contentArea .cardItem.parentTree,
.page.page--withdrawalRecord .page__content .contentArea .cardItem.parentTree,
.page.page--wage .page__content .contentArea .cardItem.parentTree,
.page.page--depositRecord .page__content .contentArea .cardItem.parentTree,
.page.page--transferRecord .page__content .contentArea .cardItem.parentTree,
.page.page--addAccount .page__content .contentArea .cardItem.parentTree {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding: 0.2rem 0.2rem;
    flex-wrap: wrap;
}

.page.page--lotteryRecord .page__content .contentArea .cardItem.parentTree>span,
.page.page--teamMember .page__content .contentArea .cardItem.parentTree>span,
.page.page--report .page__content .contentArea .cardItem.parentTree>span,
.page.page--accountRecord .page__content .contentArea .cardItem.parentTree>span,
.page.page--withdrawalRecord .page__content .contentArea .cardItem.parentTree>span,
.page.page--wage .page__content .contentArea .cardItem.parentTree>span,
.page.page--depositRecord .page__content .contentArea .cardItem.parentTree>span,
.page.page--transferRecord .page__content .contentArea .cardItem.parentTree>span,
.page.page--addAccount .page__content .contentArea .cardItem.parentTree>span {
    margin-left: 0.15rem;
}

.page.page--lotteryRecord .page__content .contentArea .cardItem.parentTree>span>span,
.page.page--teamMember .page__content .contentArea .cardItem.parentTree>span>span,
.page.page--report .page__content .contentArea .cardItem.parentTree>span>span,
.page.page--accountRecord .page__content .contentArea .cardItem.parentTree>span>span,
.page.page--withdrawalRecord .page__content .contentArea .cardItem.parentTree>span>span,
.page.page--wage .page__content .contentArea .cardItem.parentTree>span>span,
.page.page--depositRecord .page__content .contentArea .cardItem.parentTree>span>span,
.page.page--transferRecord .page__content .contentArea .cardItem.parentTree>span>span,
.page.page--addAccount .page__content .contentArea .cardItem.parentTree>span>span {
    color: #C32D37;
    text-decoration: underline;
}

.page.page--lotteryRecord .page__content .contentArea .cardItem.parentTree>span>span:active,
.page.page--teamMember .page__content .contentArea .cardItem.parentTree>span>span:active,
.page.page--report .page__content .contentArea .cardItem.parentTree>span>span:active,
.page.page--accountRecord .page__content .contentArea .cardItem.parentTree>span>span:active,
.page.page--withdrawalRecord .page__content .contentArea .cardItem.parentTree>span>span:active,
.page.page--wage .page__content .contentArea .cardItem.parentTree>span>span:active,
.page.page--depositRecord .page__content .contentArea .cardItem.parentTree>span>span:active,
.page.page--transferRecord .page__content .contentArea .cardItem.parentTree>span>span:active,
.page.page--addAccount .page__content .contentArea .cardItem.parentTree>span>span:active {
    opacity: 0.6;
}

.page.page--lotteryRecord .page__content .contentArea .cardItem.parentTree>span>.icon,
.page.page--teamMember .page__content .contentArea .cardItem.parentTree>span>.icon,
.page.page--report .page__content .contentArea .cardItem.parentTree>span>.icon,
.page.page--accountRecord .page__content .contentArea .cardItem.parentTree>span>.icon,
.page.page--withdrawalRecord .page__content .contentArea .cardItem.parentTree>span>.icon,
.page.page--wage .page__content .contentArea .cardItem.parentTree>span>.icon,
.page.page--depositRecord .page__content .contentArea .cardItem.parentTree>span>.icon,
.page.page--transferRecord .page__content .contentArea .cardItem.parentTree>span>.icon,
.page.page--addAccount .page__content .contentArea .cardItem.parentTree>span>.icon {
    margin-left: 0.1rem;
}

.page.page--lotteryRecord .page__content .contentArea .cardItem.parentTree>span:last-child>.icon,
.page.page--teamMember .page__content .contentArea .cardItem.parentTree>span:last-child>.icon,
.page.page--report .page__content .contentArea .cardItem.parentTree>span:last-child>.icon,
.page.page--accountRecord .page__content .contentArea .cardItem.parentTree>span:last-child>.icon,
.page.page--withdrawalRecord .page__content .contentArea .cardItem.parentTree>span:last-child>.icon,
.page.page--wage .page__content .contentArea .cardItem.parentTree>span:last-child>.icon,
.page.page--depositRecord .page__content .contentArea .cardItem.parentTree>span:last-child>.icon,
.page.page--transferRecord .page__content .contentArea .cardItem.parentTree>span:last-child>.icon,
.page.page--addAccount .page__content .contentArea .cardItem.parentTree>span:last-child>.icon {
    display: none;
}

.page.page--lotteryRecord .page__content .contentArea .cardItem.default .cardItemCon .status,
.page.page--teamMember .page__content .contentArea .cardItem.default .cardItemCon .status,
.page.page--report .page__content .contentArea .cardItem.default .cardItemCon .status,
.page.page--accountRecord .page__content .contentArea .cardItem.default .cardItemCon .status,
.page.page--withdrawalRecord .page__content .contentArea .cardItem.default .cardItemCon .status,
.page.page--wage .page__content .contentArea .cardItem.default .cardItemCon .status,
.page.page--depositRecord .page__content .contentArea .cardItem.default .cardItemCon .status,
.page.page--transferRecord .page__content .contentArea .cardItem.default .cardItemCon .status,
.page.page--addAccount .page__content .contentArea .cardItem.default .cardItemCon .status {
    color: #fff !important;
    background-color: #2191cf;
}

.page.page--lotteryRecord .page__content .contentArea .cardItem.unhappy .cardItemCon .status,
.page.page--teamMember .page__content .contentArea .cardItem.unhappy .cardItemCon .status,
.page.page--report .page__content .contentArea .cardItem.unhappy .cardItemCon .status,
.page.page--accountRecord .page__content .contentArea .cardItem.unhappy .cardItemCon .status,
.page.page--withdrawalRecord .page__content .contentArea .cardItem.unhappy .cardItemCon .status,
.page.page--wage .page__content .contentArea .cardItem.unhappy .cardItemCon .status,
.page.page--depositRecord .page__content .contentArea .cardItem.unhappy .cardItemCon .status,
.page.page--transferRecord .page__content .contentArea .cardItem.unhappy .cardItemCon .status,
.page.page--addAccount .page__content .contentArea .cardItem.unhappy .cardItemCon .status {
    color: #fff;
    background-color: #a494af;
}

.page.page--lotteryRecord .page__content .contentArea .cardItem.danger .cardItemCon .status,
.page.page--teamMember .page__content .contentArea .cardItem.danger .cardItemCon .status,
.page.page--report .page__content .contentArea .cardItem.danger .cardItemCon .status,
.page.page--accountRecord .page__content .contentArea .cardItem.danger .cardItemCon .status,
.page.page--withdrawalRecord .page__content .contentArea .cardItem.danger .cardItemCon .status,
.page.page--wage .page__content .contentArea .cardItem.danger .cardItemCon .status,
.page.page--depositRecord .page__content .contentArea .cardItem.danger .cardItemCon .status,
.page.page--transferRecord .page__content .contentArea .cardItem.danger .cardItemCon .status,
.page.page--addAccount .page__content .contentArea .cardItem.danger .cardItemCon .status {
    color: #fff !important;
    background-color: #545972 !important;
}

.page.page--lotteryRecord .page__content .contentArea .cardItem.success .cardItemCon .status,
.page.page--teamMember .page__content .contentArea .cardItem.success .cardItemCon .status,
.page.page--report .page__content .contentArea .cardItem.success .cardItemCon .status,
.page.page--accountRecord .page__content .contentArea .cardItem.success .cardItemCon .status,
.page.page--withdrawalRecord .page__content .contentArea .cardItem.success .cardItemCon .status,
.page.page--wage .page__content .contentArea .cardItem.success .cardItemCon .status,
.page.page--depositRecord .page__content .contentArea .cardItem.success .cardItemCon .status,
.page.page--transferRecord .page__content .contentArea .cardItem.success .cardItemCon .status,
.page.page--addAccount .page__content .contentArea .cardItem.success .cardItemCon .status {
    color: #fff !important;
    background-color: #ec5959 !important;
}

.page.page--lotteryRecord .page__content .contentArea .cardItem .cardItemTit,
.page.page--teamMember .page__content .contentArea .cardItem .cardItemTit,
.page.page--report .page__content .contentArea .cardItem .cardItemTit,
.page.page--accountRecord .page__content .contentArea .cardItem .cardItemTit,
.page.page--withdrawalRecord .page__content .contentArea .cardItem .cardItemTit,
.page.page--wage .page__content .contentArea .cardItem .cardItemTit,
.page.page--depositRecord .page__content .contentArea .cardItem .cardItemTit,
.page.page--transferRecord .page__content .contentArea .cardItem .cardItemTit,
.page.page--addAccount .page__content .contentArea .cardItem .cardItemTit {
    font-size: 90%;
    display: flex;
    justify-content: space-between;
    padding: 0.2rem 0.3rem 0.15rem;
    align-items: center;
}

.page.page--lotteryRecord .page__content .contentArea .cardItem .cardItemTit:before,
.page.page--teamMember .page__content .contentArea .cardItem .cardItemTit:before,
.page.page--report .page__content .contentArea .cardItem .cardItemTit:before,
.page.page--accountRecord .page__content .contentArea .cardItem .cardItemTit:before,
.page.page--withdrawalRecord .page__content .contentArea .cardItem .cardItemTit:before,
.page.page--wage .page__content .contentArea .cardItem .cardItemTit:before,
.page.page--depositRecord .page__content .contentArea .cardItem .cardItemTit:before,
.page.page--transferRecord .page__content .contentArea .cardItem .cardItemTit:before,
.page.page--addAccount .page__content .contentArea .cardItem .cardItemTit:before {
    border-color: #ececec !important;
}

.page.page--lotteryRecord .page__content .contentArea .cardItem .cardItemTit>span:first-child,
.page.page--teamMember .page__content .contentArea .cardItem .cardItemTit>span:first-child,
.page.page--report .page__content .contentArea .cardItem .cardItemTit>span:first-child,
.page.page--accountRecord .page__content .contentArea .cardItem .cardItemTit>span:first-child,
.page.page--withdrawalRecord .page__content .contentArea .cardItem .cardItemTit>span:first-child,
.page.page--wage .page__content .contentArea .cardItem .cardItemTit>span:first-child,
.page.page--depositRecord .page__content .contentArea .cardItem .cardItemTit>span:first-child,
.page.page--transferRecord .page__content .contentArea .cardItem .cardItemTit>span:first-child,
.page.page--addAccount .page__content .contentArea .cardItem .cardItemTit>span:first-child {
    display: flex;
    align-items: center;
}

.page.page--lotteryRecord .page__content .contentArea .cardItem .cardItemTit>span:nth-child(2) .icon,
.page.page--teamMember .page__content .contentArea .cardItem .cardItemTit>span:nth-child(2) .icon,
.page.page--report .page__content .contentArea .cardItem .cardItemTit>span:nth-child(2) .icon,
.page.page--accountRecord .page__content .contentArea .cardItem .cardItemTit>span:nth-child(2) .icon,
.page.page--withdrawalRecord .page__content .contentArea .cardItem .cardItemTit>span:nth-child(2) .icon,
.page.page--wage .page__content .contentArea .cardItem .cardItemTit>span:nth-child(2) .icon,
.page.page--depositRecord .page__content .contentArea .cardItem .cardItemTit>span:nth-child(2) .icon,
.page.page--transferRecord .page__content .contentArea .cardItem .cardItemTit>span:nth-child(2) .icon,
.page.page--addAccount .page__content .contentArea .cardItem .cardItemTit>span:nth-child(2) .icon {
    margin-left: 0.15rem;
    color: rgba(0, 148, 192, 0.5);
}

.page.page--lotteryRecord .page__content .contentArea .cardItem .cardItemCon,
.page.page--teamMember .page__content .contentArea .cardItem .cardItemCon,
.page.page--report .page__content .contentArea .cardItem .cardItemCon,
.page.page--accountRecord .page__content .contentArea .cardItem .cardItemCon,
.page.page--withdrawalRecord .page__content .contentArea .cardItem .cardItemCon,
.page.page--wage .page__content .contentArea .cardItem .cardItemCon,
.page.page--depositRecord .page__content .contentArea .cardItem .cardItemCon,
.page.page--transferRecord .page__content .contentArea .cardItem .cardItemCon,
.page.page--addAccount .page__content .contentArea .cardItem .cardItemCon {
    flex: 1;
    font-size: 90%;
    display: flex;
    align-items: center;
    padding: 0.15rem 0.3rem 0.2rem;
    justify-content: space-between;
}

.page.page--lotteryRecord .page__content .contentArea .cardItem .cardItemCon.less,
.page.page--teamMember .page__content .contentArea .cardItem .cardItemCon.less,
.page.page--report .page__content .contentArea .cardItem .cardItemCon.less,
.page.page--accountRecord .page__content .contentArea .cardItem .cardItemCon.less,
.page.page--withdrawalRecord .page__content .contentArea .cardItem .cardItemCon.less,
.page.page--wage .page__content .contentArea .cardItem .cardItemCon.less,
.page.page--depositRecord .page__content .contentArea .cardItem .cardItemCon.less,
.page.page--transferRecord .page__content .contentArea .cardItem .cardItemCon.less,
.page.page--addAccount .page__content .contentArea .cardItem .cardItemCon.less {
    justify-content: space-around;
}

.page.page--lotteryRecord .page__content .contentArea .cardItem .cardItemCon.many>div,
.page.page--teamMember .page__content .contentArea .cardItem .cardItemCon.many>div,
.page.page--report .page__content .contentArea .cardItem .cardItemCon.many>div,
.page.page--accountRecord .page__content .contentArea .cardItem .cardItemCon.many>div,
.page.page--withdrawalRecord .page__content .contentArea .cardItem .cardItemCon.many>div,
.page.page--wage .page__content .contentArea .cardItem .cardItemCon.many>div,
.page.page--depositRecord .page__content .contentArea .cardItem .cardItemCon.many>div,
.page.page--transferRecord .page__content .contentArea .cardItem .cardItemCon.many>div,
.page.page--addAccount .page__content .contentArea .cardItem .cardItemCon.many>div {
    flex-direction: row;
    flex-wrap: wrap;
}

.page.page--lotteryRecord .page__content .contentArea .cardItem .cardItemCon.many>div:first-child,
.page.page--teamMember .page__content .contentArea .cardItem .cardItemCon.many>div:first-child,
.page.page--report .page__content .contentArea .cardItem .cardItemCon.many>div:first-child,
.page.page--accountRecord .page__content .contentArea .cardItem .cardItemCon.many>div:first-child,
.page.page--withdrawalRecord .page__content .contentArea .cardItem .cardItemCon.many>div:first-child,
.page.page--wage .page__content .contentArea .cardItem .cardItemCon.many>div:first-child,
.page.page--depositRecord .page__content .contentArea .cardItem .cardItemCon.many>div:first-child,
.page.page--transferRecord .page__content .contentArea .cardItem .cardItemCon.many>div:first-child,
.page.page--addAccount .page__content .contentArea .cardItem .cardItemCon.many>div:first-child {
    flex: 0 0 80%;
    overflow: hidden;
}

.page.page--lotteryRecord .page__content .contentArea .cardItem .cardItemCon.many>div>div,
.page.page--teamMember .page__content .contentArea .cardItem .cardItemCon.many>div>div,
.page.page--report .page__content .contentArea .cardItem .cardItemCon.many>div>div,
.page.page--accountRecord .page__content .contentArea .cardItem .cardItemCon.many>div>div,
.page.page--withdrawalRecord .page__content .contentArea .cardItem .cardItemCon.many>div>div,
.page.page--wage .page__content .contentArea .cardItem .cardItemCon.many>div>div,
.page.page--depositRecord .page__content .contentArea .cardItem .cardItemCon.many>div>div,
.page.page--transferRecord .page__content .contentArea .cardItem .cardItemCon.many>div>div,
.page.page--addAccount .page__content .contentArea .cardItem .cardItemCon.many>div>div {
    flex: 0 0 50%;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

.page.page--lotteryRecord .page__content .contentArea .cardItem .cardItemCon>div,
.page.page--teamMember .page__content .contentArea .cardItem .cardItemCon>div,
.page.page--report .page__content .contentArea .cardItem .cardItemCon>div,
.page.page--accountRecord .page__content .contentArea .cardItem .cardItemCon>div,
.page.page--withdrawalRecord .page__content .contentArea .cardItem .cardItemCon>div,
.page.page--wage .page__content .contentArea .cardItem .cardItemCon>div,
.page.page--depositRecord .page__content .contentArea .cardItem .cardItemCon>div,
.page.page--transferRecord .page__content .contentArea .cardItem .cardItemCon>div,
.page.page--addAccount .page__content .contentArea .cardItem .cardItemCon>div {
    display: flex;
    flex-direction: column;
}

.page.page--lotteryRecord .page__content .contentArea .cardItem .cardItemCon>div span:first-child:not(.status),
.page.page--teamMember .page__content .contentArea .cardItem .cardItemCon>div span:first-child:not(.status),
.page.page--report .page__content .contentArea .cardItem .cardItemCon>div span:first-child:not(.status),
.page.page--accountRecord .page__content .contentArea .cardItem .cardItemCon>div span:first-child:not(.status),
.page.page--withdrawalRecord .page__content .contentArea .cardItem .cardItemCon>div span:first-child:not(.status),
.page.page--wage .page__content .contentArea .cardItem .cardItemCon>div span:first-child:not(.status),
.page.page--depositRecord .page__content .contentArea .cardItem .cardItemCon>div span:first-child:not(.status),
.page.page--transferRecord .page__content .contentArea .cardItem .cardItemCon>div span:first-child:not(.status),
.page.page--addAccount .page__content .contentArea .cardItem .cardItemCon>div span:first-child:not(.status) {
    opacity: 0.6;
}

.page.page--lotteryRecord .page__content .contentArea .cardItem .cardItemCon>div span:nth-child(2):not(.status),
.page.page--teamMember .page__content .contentArea .cardItem .cardItemCon>div span:nth-child(2):not(.status),
.page.page--report .page__content .contentArea .cardItem .cardItemCon>div span:nth-child(2):not(.status),
.page.page--accountRecord .page__content .contentArea .cardItem .cardItemCon>div span:nth-child(2):not(.status),
.page.page--withdrawalRecord .page__content .contentArea .cardItem .cardItemCon>div span:nth-child(2):not(.status),
.page.page--wage .page__content .contentArea .cardItem .cardItemCon>div span:nth-child(2):not(.status),
.page.page--depositRecord .page__content .contentArea .cardItem .cardItemCon>div span:nth-child(2):not(.status),
.page.page--transferRecord .page__content .contentArea .cardItem .cardItemCon>div span:nth-child(2):not(.status),
.page.page--addAccount .page__content .contentArea .cardItem .cardItemCon>div span:nth-child(2):not(.status) {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.page.page--lotteryRecord .page__content .contentArea .cardItem .cardItemCon>div .small,
.page.page--teamMember .page__content .contentArea .cardItem .cardItemCon>div .small,
.page.page--report .page__content .contentArea .cardItem .cardItemCon>div .small,
.page.page--accountRecord .page__content .contentArea .cardItem .cardItemCon>div .small,
.page.page--withdrawalRecord .page__content .contentArea .cardItem .cardItemCon>div .small,
.page.page--wage .page__content .contentArea .cardItem .cardItemCon>div .small,
.page.page--depositRecord .page__content .contentArea .cardItem .cardItemCon>div .small,
.page.page--transferRecord .page__content .contentArea .cardItem .cardItemCon>div .small,
.page.page--addAccount .page__content .contentArea .cardItem .cardItemCon>div .small {
    font-size: 90%;
}

.page.page--lotteryRecord .page__content .contentArea .cardItem .cardItemCon>div .status,
.page.page--teamMember .page__content .contentArea .cardItem .cardItemCon>div .status,
.page.page--report .page__content .contentArea .cardItem .cardItemCon>div .status,
.page.page--accountRecord .page__content .contentArea .cardItem .cardItemCon>div .status,
.page.page--withdrawalRecord .page__content .contentArea .cardItem .cardItemCon>div .status,
.page.page--wage .page__content .contentArea .cardItem .cardItemCon>div .status,
.page.page--depositRecord .page__content .contentArea .cardItem .cardItemCon>div .status,
.page.page--transferRecord .page__content .contentArea .cardItem .cardItemCon>div .status,
.page.page--addAccount .page__content .contentArea .cardItem .cardItemCon>div .status {
    border-radius: 10rem;
    padding: 0 0.15rem;
    white-space: nowrap;
}

.page.page--lotteryRecord .page__content .contentArea .cardItem .cardItemCon>div .status:before,
.page.page--teamMember .page__content .contentArea .cardItem .cardItemCon>div .status:before,
.page.page--report .page__content .contentArea .cardItem .cardItemCon>div .status:before,
.page.page--accountRecord .page__content .contentArea .cardItem .cardItemCon>div .status:before,
.page.page--withdrawalRecord .page__content .contentArea .cardItem .cardItemCon>div .status:before,
.page.page--wage .page__content .contentArea .cardItem .cardItemCon>div .status:before,
.page.page--depositRecord .page__content .contentArea .cardItem .cardItemCon>div .status:before,
.page.page--transferRecord .page__content .contentArea .cardItem .cardItemCon>div .status:before,
.page.page--addAccount .page__content .contentArea .cardItem .cardItemCon>div .status:before {
    border-radius: 10rem;
}

.dialog_rebate {
    font-size: 90%;
}

.dialog_rebate .dialog-container {
    width: 90vw;
    height: 70vh;
    overflow: hidden;
}

.dialog_rebate .dialog-container .CartMain {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    position: relative;
}

.dialog_rebate .dialog-container .CartMain .dialog_rebate_top {
    background: linear-gradient(-45deg, #C32D37 0%, #fff 200%);
    color: #fff;
    height: .9rem;
    background-color: #C32D37;
    line-height: 0.9rem;
    text-align: center;
}

.dialog_rebate .dialog-container .CartMain .dialog_rebate_top .delbtn {
    width: 1rem;
    height: 0.9rem;
    position: absolute;
    right: 0.2rem;
    font-size: 180%;
}

.dialog_rebate .dialog-container .CartMain .dialog_rebate_middle {
    flex: 1;
    overflow-y: auto;
    position: relative;
    background-color: #f3f3f3;
    padding: 0.2rem 0.2rem 1.2rem;
}

.dialog_rebate .dialog-container .CartMain .dialog_rebate_middle .rebateTip {
    display: block;
    margin-left: 0.4rem;
    padding-bottom: 0.2rem;
}

.dialog_rebate .dialog-container .CartMain .dialog_rebate_middle p {
    color: #ff0000;
}

.dialog_rebate .dialog-container .CartMain .dialog_rebate_foot {
    background-color: #fff;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 1.1rem;
    display: flex;
    z-index: 101 !important;
}

.dialog_rebate .dialog-container .CartMain .dialog_rebate_foot span {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .2s;
}

.dialog_rebate .dialog-container .CartMain .dialog_rebate_foot span:last-child {
    background-color: #C32D37;
    color: #fff;
}

.dialog_rebate .dialog-container .CartMain .subSlider .rebates>div {
    padding: 0.2rem 0.4rem;
    border-top: 1px solid #e3e3e3;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.dialog_rebate .dialog-container .CartMain .subSlider .rebates>div div {
    width: 46%;
}

.hot_lottery_dialog .dialog-container {
    max-height: none !important;
}

.hot_lottery_dialog .top {
    position: relative;
}

.hot_lottery_dialog .lottery_dialog-box {
    padding: .4rem;
}

.hot_lottery_dialog .lottery_dialog-box ul li {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0.2rem 0.4rem;
    border: 1px solid #ccc;
    border-radius: 5px;
    margin-bottom: 0.2rem;
}

.hot_lottery_dialog .lottery_dialog-box ul li .img-box {
    width: 1.6rem;
}

.hot_lottery_dialog .lottery_dialog-box ul li .img-box img {
    max-width: 100%;
}

.hot_lottery_dialog .lottery_dialog-box ul li .text-name {
    flex: 1;
    position: relative;
}

.hot_lottery_dialog .lottery_dialog-box ul li .text-name .text-name_box {
    text-align: center;
    color: #000;
    z-index: 2;
    position: relative;
}

.hot_lottery_dialog .lottery_dialog-box ul li .text-name .tip-icon {
    position: absolute;
    width: 1.6rem;
    left: 50%;
    top: 50%;
    margin: -0.8rem 0 0 -0.8rem;
    z-index: 1;
}

.hot_lottery_dialog .lottery_dialog-box ul li .text-name .tip-icon img {
    max-width: 100%;
}

.hot_lottery_dialog .lottery_dialog-box ul li .text-src {
    padding: .2rem .15rem .2rem;
    border-radius: 5px;
}

.hot_lottery_dialog .lottery_dialog-box p {
    padding: .4rem .2rem;
    background: #eee;
    margin-bottom: .4rem;
}

.icon-introduce {
    background-image: url(/template/fubang2/images/ico/icon-introduce.png?v0822);
    background-size: 26px 26px;
    width: 26px;
    height: 26px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
}

.introduceDialog .middle {
    font-size: 14px;
}

.introduceDialog .middle table {
    border-collapse: collapse;
    border-spacing: 2px;
    border: inherit;
    line-height: 1.6;
    width: 100% !important;
    color: #3a3a3a;
}

.introduceDialog .middle table th {
    font-weight: bold;
    border: 1px solid #a2a0a0;
    padding: 2px;
}

.introduceDialog .middle table tr {
    border: inherit;
}

.introduceDialog .middle table td {
    border: 1px solid #a2a0a0;
    padding: 2px;
}

.introduceDialog .middle a {
    color: #0782C1;
}

.introduceDialog .middle strong {
    font-weight: bold;
}

.introduceDialog .middle div {
    word-break: break-all;
}

.introduceDialog .middle p {
    line-height: 22px;
    word-break: break-all;
}

.itemRow {
    background-color: #f7f1f9;
    height: 1.3rem;
    display: flex;
    align-items: center;
    font-size: 90%;
    padding-top: 0.2rem;
}

.itemRow .itemTitle {
    margin-left: 16px;
    color: #555160;
}

.itemRow .balance {
    font-size: 115%;
}

.itemRow .balance,
.itemRow .oneKeyBack {
    color: #f54f2d;
}

.itemRow .fe-icon-refresh {
    margin-left: 0.1rem;
    color: #B3A57F;
}

.itemRow .oneKeyBack {
    position: absolute;
    right: 0;
    margin-right: 0.5rem;
}

.menuPage .sblock {
    background-color: #fff1ea;
    height: 100%;
    padding-bottom: 2rem;
    overflow: scroll;
    box-sizing: border-box;
}

.menuPage .sblock .ntab {
    position: relative;
    color: #5c5b64;
    display: flex;
    width: 1.9rem;
    height: 1rem;
    justify-content: center;
    align-items: center;
    font-size: 86%;
}

.menuPage .sblock .ntab.active {
    color: #FF6816;
    background-color: #E5E4D9;
}

.menuPage .sblock .ntab.active:before {
    background-color: #FF6816;
    content: "";
    display: block;
    width: 0.10rem;
    height: 1rem;
    position: absolute;
    left: 0;
}

.dialogConfirm .dialog {
    min-width: 7rem;
    color: #666666;
}

.dialogConfirm .dialog .header {
    background-color: #F76F28;
    color: #fff;
    text-align: center;
    font-weight: bold;
    height: 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 95%;
}

.dialogConfirm .dialog .content {
    height: 3rem;
    display: flex;
    align-items: center;
    padding: 0 0.8rem;
}

.dialogConfirm .dialog .footer {
    background-color: #F6F6F6;
    height: 1rem;
    display: flex;
}

.dialogConfirm .dialog .footer .border_right_1px:before {
    border-color: #bababa;
}

.dialogConfirm .dialog .footer span {
    width: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 90%;
}

.dialogConfirm .dialog .footer span:nth-child(2) {
    color: #F76F28;
}

.timeRange .center span {
    font-size: 110%;
    border: 1px solid #ebe8f9;
    color: #797692;
    padding: .1rem 0.3rem;
    margin-right: 0.3rem;
    border-radius: 3px;
    background-color: unset;
}

.timeRange .center span.act {
    border-color: #C32D37;
    color: #C32D37;
}

.timeRange .right {
    padding: 0 0.2rem 0 0 !important;
}

.timeRange .right .sTo:before {
    background-color: transparent;
    z-index: 5;
    position: absolute;
    content: '';
    top: 50%;
    -webkit-transform: translateY(-50%) rotate(-45deg);
    transform: translateY(-50%) rotate(-45deg);
    border-right: 1px solid #bbb;
    border-bottom: 1px solid #bbb;
    width: .22rem;
    height: .22rem;
    right: .5rem;
}

.timeRange .right .sSearchBtn {
    display: flex;
}

.timeRange .right .sSearchBtn:before {
    content: '筛选';
    font-size: 90%;
}

.timeRange .right .sSearchBtn:after {
    content: ' ';
    width: 0.4rem;
    height: 0.4rem;
    background-image: url("/template/fubang2/images/ico/search.png");
    display: block;
    background-repeat: no-repeat;
    background-size: 100%;
    margin: 0.09rem 0 0 .1rem;
}

.vdatetime-calendar__month__day:hover>span>span {
    background: #ff915b !important;
    color: #fff;
    font-weight: bold;
}

.timeRangDialog {
    z-index: 100 !important;
}

.timeRangDialog .dialog {
    z-index: 20001;
    top: unset;
    left: unset;
    -webkit-transform: unset !important;
    transform: unset !important;
    bottom: 0;
    right: 0;
    min-width: unset;
    min-height: unset;
    height: 100%;
    max-height: 100%;
}

.timeRangDialog .dialog .dialog-container {
    width: 7.7rem;
    border-radius: 0;
}

.timeRangDialog .dialog .dialog-container .center {
    display: flex;
    width: 100%;
    padding: 0 !important;
    justify-content: space-evenly;
}

.timeRangDialog .dialog .dialog-container .timeRange {
    padding: 0 !important;
    margin: 0.3rem 0;
}

.timeRangDialog .dialog .dialog-container .timeRange .center span {
    width: 1.5rem;
    border-radius: 20px;
    text-align: center;
    font-size: 85%;
    margin: 0.1rem 0rem;
}

.timeRangDialog .dialog .dialog-container .datePick {
    padding: 0 !important;
}

.timeRangDialog .dialog .dialog-container .datePick .center div {
    border-radius: 4px;
    border: .01rem solid #ddddd3;
    display: flex;
    justify-content: space-around;
    width: 100%;
    height: 0.9rem;
    font-size: 90%;
    align-items: center;
    margin: 0 0.3rem 0.3rem;
}

.timeRangDialog .dialog .dialog-container .datePick .center div span {
    position: absolute;
    left: 1rem;
}

.timeRangDialog .dialog .dialog-container .datePick .center div input {
    border: 0;
    background: transparent;
    color: #777777;
    font-size: 100%;
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 9999;
    padding-left: 9.2rem;
}

.timeRangDialog .dialog .bottom {
    background-color: #fff;
    width: 100%;
    height: 1rem;
    display: flex;
    z-index: 101 !important;
    margin-top: 10px;
    position: absolute;
    bottom: 0;
}

.timeRangDialog .dialog .bottom .left,
.timeRangDialog .dialog .bottom .right {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .2s;
    border-radius: 0px;
}

.timeRangDialog .dialog .bottom .right {
    background-color: #E08A31;
}

.timeRangDialog .dialog .bottom .right.loading:before {
    padding-left: 5px;
}

.timeRangDialog .dialog .bottom .left {
    background-color: #9B95AC;
    color: #fff;
    border-top: lightgray;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
}

.noBorder .left,
.noBorder .center,
.noBorder .right {
    border-bottom: 0 !important;
}

.setBtns {
    min-height: 1.14rem !important;
}

.googleAuthDyNum .center input {
    margin-right: 1.6rem !important;
}

.page.page--prize .list--exquisite .list-item.list-item--expandable .list-item__top {
    padding-left: 0.4rem;
}

::-webkit-input-placeholder {
    color: #777777;
    opacity: 1;
}

::-moz-placeholder {
    color: #777777;
    opacity: 1;
}

:-ms-input-placeholder {
    color: #777777;
    opacity: 1;
}

::-ms-input-placeholder {
    color: #777777;
    opacity: 1;
}

::placeholder {
    color: #777777;
    opacity: 1;
}

.GlobalBottomBar .notification {
    display: block;
    position: absolute;
    margin: -0.9rem -0.7rem 0 0;
    font-size: 60%;
}

.ssuccess {
    position: absolute;
    right: 0;
    margin-right: 0.2rem;
    background: radial-gradient(145.44% 214.05% at 22.09% -36.67%, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0) 56.9%), #f04242;
}

.list {
    background-color: transparent;
}

.loadingMask,
.loading:before {
    opacity: 1;
    -webkit-backdrop-filter: blur(4px);
    backdrop-filter: blur(4px);
    background: #ffffff00 !important;
    z-index: 99999 !important;
}

/* 皮肤 */
.skinRMB .unityDialog .top {
    background: unset;
    background-color: #e89d56;
}

.skinRMB .unityDialog .middle .matter>div:first-child span {
    color: #E77F43;
}

.skinRMB .unityDialog .bottom>span:last-child {
    background-image: unset;
    background-color: #e6e6e6;
    color: #353535;
}

.skinRMB .unityDialog .bottom>span:last-child:active {
    background-image: linear-gradient(-45deg, rgba(231, 127, 67, 0.9) 0%, #fff 200%);
    background-color: rgba(231, 127, 67, 0.9);
}

.skinRMB .toolbar .toolbar__title {
    color: #fff;
}

.skinRMB .button--primary,
.skinRMB .button--primary:active {
    color: #fff;
    background: radial-gradient(145.44% 214.05% at 22.09% -36.67%, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 56.9%), linear-gradient(0deg, #de8526 0%, #de8526 100%), radial-gradient(145.44% 214.05% at 22.09% -36.67%, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 56.9%), #de8526;
}

.skinRMB .button--primary[plain],
.skinRMB .button--primary:active[plain] {
    color: #E77F43;
    background: #fdf2ec;
    border-color: #f9dfd0;
}

.skinRMB .onePageSlide>.onePageSlideItem.carouselPageSlideItem .pageTabs ul li.active {
    color: #E77F43;
}

.skinRMB .onePageSlide>.onePageSlideItem.carouselPageSlideItem .pageTabs .tabsIndicator {
    background-color: #E77F43;
}

.skinRMB .onePageSlide>.onePageSlideItem .modeSel span {
    color: #fff !important;
}

.skinRMB .onePageSlide>.onePageSlideItem .modeSel span:before {
    background-image: url(/template/fubang2/images/ico/rmb-mode2.png) !important;
}

.skinRMB .onePageSlide>.onePageSlideItem .modeSel .switchCurrency img {
    content: url("/template/fubang2/images/skin/RMB/ico/switch.png") !important;
}

.skinRMB .onePageSlideItem .tips>p.textc,
.skinRMB .page__content.features .tips>p.textc {
    color: #E77F43;
}

.skinRMB .onePageSlideItem .tips>p .textc,
.skinRMB .page__content.features .tips>p .textc {
    color: #E77F43;
}

.skinRMB .page.page--menu .menutop {
    border-bottom: 0px solid #E77F43;
}

.skinRMB .page.page--index .announcement .icon {
    color: #E77F43;
}

.skinRMB .page.page--index .page--index__content .usdt-info {
    background-color: #fad7ce;
    background-size: cover;
}

.skinRMB .page.page--index .page--index__content .usdt-info .rate-box .text {
    color: #554343;
}

.skinRMB .page.page--index .page--index__content .usdt-info .rate-box .rate {
    color: #554343;
}

.skinRMB .page.page--index .page--index__content .usdt-info .rate-box .rate-text {
    color: #ff2828;
}

.skinRMB .page.page--index .hotgame .hotgame_content .hotgame_content_foc .hotgame_content_card .right-btn .right-btn_content {
    background-color: #E77F43;
}

.skinRMB .page.page--index .hotgame .hotgame_content .hotgame_content_foc .hotgame_content_card .mid-code ul li span {
    background-color: #E77F43;
}

.skinRMB .page.page--live .errMsgBox em {
    color: #E77F43;
}

.skinRMB .page.page--lottery .page--lottery__content .lotteryMain .betTabs ul li.active {
    color: #fe6e35;
}

.skinRMB .page.page--lottery .page--lottery__content .lotteryMain .betTabs .betTabsIndicator {
    background-color: #fe6e35;
}

.skinRMB .page.page--lottery .page--lottery__content .lotteryMain .ons-swiper ons-carousel-item .history_code ul li .issue span {
    color: #E77F43;
}

.skinRMB .page.page--lottery .page--lottery__content .lotteryMain .ons-swiper ons-carousel-item .history_code ul li .codes span {
    background-color: #E77F43;
}

.skinRMB .page.page--lottery .lotteryHeader .lotteryMethodGuide {
    color: #E77F43;
}

.skinRMB .page.page--lottery .lotteryHeader .lastIssue ul li span {
    background-image: url(/template/fubang2/images/skin/RMB/lottery/numBg.png);
}

.skinRMB .page.page--lottery .lotteryHeader .showMenuBtn {
    background-color: #E77F43;
}

.skinRMB .page.page--lottery .normal_bet .playMain .ballGroup .ballCont .balls .ball.k3-ertonghao,
.skinRMB .page.page--lottery .normal_bet .playMain .ballGroup .ballCont .balls .ball.k3-santonghao {
    /*快三同号*/
}

.skinRMB .page.page--lottery .normal_bet .playMain .ballGroup .ballCont .balls .ball.selected {
    /*选中*/
}

.skinRMB .page.page--lottery .normal_foot .betInfo span.prize .prizes {
    color: #E77F43;
}

.skinRMB .page.page--lottery .normal_foot .betCtrl .modeInput ul li.curMode {
    background-color: #E77F43;
}

.skinRMB .page.page--lottery .normal_foot .betOKBtn .lotteryCart .mainCart>span i:before {
    color: #EC606A;
}

.skinRMB .page.page--lottery .normal_foot .betOKBtn .onkeyBet {
    background: #E08A31;
}

.skinRMB .page.page--lottery .normal_foot .betOKBtn .onkeyBet2 {
    background: #EC5353;
}

.skinRMB .page.page--lottery .pk_bet .playMain .ballCard .pkball.default>em {
    color: #e86b2b;
}

.skinRMB .page.page--lottery .pk_bet .playMain .ballCard .pkball.default.selected:before {
    background: #DC7C49;
}

.skinRMB .page.page--lottery .pk_bet .playMain .ballCard .pkball.k3-pk-ball>em {
    color: #F47622;
}

.skinRMB .page.page--lottery .pk_bet .playMain .ballCard .pkball.k3-pk-ball.selected:before {
    background: linear-gradient(to bottom, #FF4CB6 0%, #E6249B 100%);
}

.skinRMB .page.page--lottery .pk_bet .playMain .ballCard .pkball.k3-pk-ball-weitou~.same_width_of_k3_ball>em,
.skinRMB .page.page--lottery .pk_bet .playMain .ballCard .pkball.k3-pk-ball-duanpai~.same_width_of_k3_ball>em {
    color: #F47622;
}

.skinRMB .page.page--lottery .pk_bet .playMain .ballCard .pkball.k3-pk-ball-weitou~.same_width_of_k3_ball.selected:before,
.skinRMB .page.page--lottery .pk_bet .playMain .ballCard .pkball.k3-pk-ball-duanpai~.same_width_of_k3_ball.selected:before {
    background: linear-gradient(to bottom, #FF4CB6 0%, #E6249B 100%);
}

.skinRMB .page.page--lottery .pk_bet .playMain .ballCard .pkball.k3-pk-ball-weitou>em,
.skinRMB .page.page--lottery .pk_bet .playMain .ballCard .pkball.k3-pk-ball-duanpai>em {
    color: #F47622;
}

.skinRMB .page.page--lottery .pk_bet .playMain .ballCard .pkball.k3-pk-ball-weitou.selected:before,
.skinRMB .page.page--lottery .pk_bet .playMain .ballCard .pkball.k3-pk-ball-duanpai.selected:before {
    background: linear-gradient(to bottom, #FF4CB6 0%, #E6249B 100%);
}

.skinRMB .page.page--lottery .pk_bet .playMain .ballCard.sxCard .pkball.fang.selected>div>span.lhc-pk-red,
.skinRMB .page.page--lottery .pk_bet .playMain .ballCard.sxCard .pkball.fang.selected>div>span.lhc-pk-green,
.skinRMB .page.page--lottery .pk_bet .playMain .ballCard.sxCard .pkball.fang.selected>div>span.lhc-pk-blue {
    color: #E77F43 !important;
}

.skinRMB .page.page--lottery .pk_bet .playMain .ballCard.menuCard .pkball.selected_menu>span,
.skinRMB .page.page--lottery .pk_bet .playMain .ballCard.menuCard .pkball.selected_menu>em {
    color: #fff;
}

.skinRMB .page.page--lottery .pk_bet .playMain .ballCard.menuCard .pkball.selected_menu:before {
    border-color: #E77F43;
    background-color: rgba(231, 127, 67, 0.1);
}

.skinRMB .page.page--lottery .pk_foot .countBar span {
    color: #ffcc05;
}

.skinRMB .page.page--lottery .pk_foot .amountBar .amountInput {
    color: #E77F43;
}

.skinRMB .page.page--lottery .pk_foot .amountBar .amountInput input {
    color: #eb4b08;
    background-color: #ffe5de;
}

.skinRMB .lotteryPkConfirmDialog .CartItem.countBar .bottomEndLine em {
    color: #E77F43;
}

.skinRMB .lotteryPkConfirmDialog .CartItem .CartItemTit .tit:before {
    color: #E77F43;
}

.skinRMB .lotteryPkConfirmDialog .CartItem .CartItemTit .tit em {
    color: #E77F43;
}

.skinRMB .lotteryPkConfirmDialog .CartItem .CartItemTit .delbtn.act,
.skinRMB .lotteryPkConfirmDialog .CartItem .CartItemTit .delbtn:active {
    color: #E77F43;
}

.skinRMB .lotteryPkConfirmDialog .CartItem .CartItemCon .amountInput input.quickInputing {
    color: #E77F43;
}

.skinRMB .lotteryPkConfirmDialog .CartItem .CartItemCon>div:nth-child(2) {
    color: #E77F43;
}

.skinRMB .launchBetDialog .QuicklyMain .top {
    background: #E77F43;
}

.skinRMB .launchBetDialog .QuicklyMain .dialog_rebate_foot span:last-child {
    background-color: #E77F43;
}

.skinRMB .lotteryMenuDialog .dialog-container>.smenu .slists .listTitle.active {
    background: #f4815b;
}

.skinRMB .lotteryMenuDialog .dialog-container>.smenu .sitem span.active {
    background: #eda153;
}

.skinRMB .lotteryMenuDialog .dialog-container>.top {
    background-color: #E77F43;
}

.skinRMB .lotteryMenuDialog .dialog-container>.middle .slideItem .slideTit.current {
    color: #E77F43;
}

.skinRMB .lotteryMenuDialog .dialog-container>.middle .slideItem .slideContent>* ul li {
    color: #E77F43;
}

.skinRMB .lotteryMenuDialog .dialog-container>.middle .slideItem .slideContent>* ul li.selected {
    background-color: #E77F43;
}

.skinRMB .lotteryMenuDialog .dialog-container>.middle .slideItem .slideContent>* ul li span {
    color: #E77F43;
}

.skinRMB .lotteryMenuDialog .dialog-container>.middle .pkmenu li.selected {
    background-color: #E77F43;
}

.skinRMB .lotteryMenuDialog .dialog-container .my-method {
    border-bottom: 1px solid #E77F43;
}

.skinRMB .lotteryMenuDialog .dialog-container .my-method div .label {
    color: #E77F43;
}

.skinRMB .lotteryMenuDialog .dialog-container .my-method ul li.selected {
    border: 1px solid #E77F43;
    color: #E77F43;
}

.skinRMB .lotteryCartDialog .CartMain .top {
    background: unset;
    background-color: #E77F43;
}

.skinRMB .lotteryCartDialog .CartMain .middle .CartItem.menuItem>div:first-child em {
    color: #E77F43;
}

.skinRMB .lotteryCartDialog .CartMain .middle .CartItem .CartItemTit .tit:before {
    color: #E77F43;
}

.skinRMB .lotteryCartDialog .CartMain .middle .CartItem .CartItemTit .delbtn.act,
.skinRMB .lotteryCartDialog .CartMain .middle .CartItem .CartItemTit .delbtn:active {
    color: #E77F43;
}

.skinRMB .lotteryCartDialog .CartMain .middle .CartItem .CartItemTit .checkbox .checkbox__checkmark:after {
    border-color: #E77F43;
}

.skinRMB .lotteryCartDialog .CartMain .foot span:last-child {
    background: unset;
    background-color: #E77F43;
}

.skinRMB .lotteryCartDialog .CartMain .foot span:last-child:active {
    background: unset;
    background-color: #E77F43;
}

.skinRMB .lotteryCartDialog.task .top {
    background: unset;
    background-color: #E77F43;
}

.skinRMB .lotteryCartDialog.task .middle .CartItem.select {
    box-shadow: 0 0 8px rgba(231, 127, 67, 0.5);
    transition: all .2s;
}

.skinRMB .lotteryCartDialog.task .middle .CartItem.menuItem>div:first-child em {
    color: #daa688;
}

.skinRMB .lotteryCartDialog.task .middle .CartItem .CartItemTit .tit:before {
    color: #E77F43;
}

.skinRMB .lotteryCartDialog.task .middle .CartItem .CartItemCon>span:first-child {
    color: #daa688;
}

.skinRMB .lotteryCartDialog.task .foot span:last-child {
    background: unset;
    background-color: #E77F43;
}

.skinRMB .lotteryCartDialog.task .foot span:last-child:active {
    background: unset;
    background-color: #E77F43;
}

.skinRMB .lotteryCartDialog .TaskMain .top .normalTabs ul li.active {
    color: #E77F43;
}

.skinRMB .lotteryCartDialog .TaskMain .top .normalTabs .normalTabsIndicator {
    background-color: #E77F43;
}

.skinRMB .lotteryCartDialog .TaskMain .middle .setting .inputarea>div.isbtn {
    background-color: #E77F43;
}

.skinRMB .lotteryCartDialog .TaskMain .foot .footcount em {
    color: #E77F43;
}

.skinRMB .lotteryCartDialog .TaskMain .tasktable tbody tr td.multiple {
    color: #E77F43;
}

.skinRMB .lotteryQuicklyDialog .top {
    background: unset;
    background-color: #E77F43;
}

.skinRMB .lotteryQuicklyDialog .middle .QuickItem .QuickItemTit .tit:before {
    color: #E77F43;
}

.skinRMB .lotteryQuicklyDialog .middle .QuickItem .QuickItemCon>span:first-child {
    color: #daa688;
}

.skinRMB .lotteryQuicklyDialog .middle .matter>div span {
    color: #e74843;
}

.skinRMB .lotteryQuicklyDialog .bottom>span:nth-child(2) {
    color: #e74843;
}

.skinRMB .lotteryQuicklyDialog .bottom>span:last-child {
    background-image: unset;
    background-color: #E77F43;
    color: #fff;
}

.skinRMB .lotteryQuicklyDialog .bottom>span:last-child:active {
    color: rgba(255, 255, 255, 0.8);
    background-image: linear-gradient(-45deg, rgba(231, 127, 67, 0.9) 0%, #fff 200%);
    background-color: rgba(231, 127, 67, 0.9);
}

.skinRMB .lotteryQuicklyDialog.share .top {
    background: linear-gradient(-45deg, #e74843 0%, #fff 200%);
    background-color: #e74843;
}

.skinRMB .lotteryQuicklyDialog.share .middle .QuickItem .QuickItemTit .tit:before {
    color: #e74843;
}

.skinRMB .lotteryQuicklyDialog.share .middle .QuickItem .QuickItemCon>span:first-child {
    color: #da8a88;
}

.skinRMB .lotteryQuicklyDialog.share .bottom>span:nth-child(2) {
    color: #E77F43;
}

.skinRMB .lotteryQuicklyDialog.share .bottom>span:last-child {
    background-image: linear-gradient(-45deg, #e74843 0%, #fff 200%);
    background-color: #e74843;
}

.skinRMB .lotteryQuicklyDialog.share .bottom>span:last-child:active {
    background-image: linear-gradient(-45deg, rgba(231, 72, 67, 0.8) 0%, #fff 200%);
    background-color: rgba(231, 72, 67, 0.8);
}

.skinRMB .shareOrderRate .alert-dialog-content--select {
    background-color: #e95b56;
}

.skinRMB .shareOrderRate .alert-dialog-button--select.alert-dialog-button--primal--select {
    color: #e95b56;
}

.skinRMB .lotteryListDialog .dialog .dialog-container .lottery_list div .label {
    color: #e18535;
}

.skinRMB article .link {
    color: #E77F43;
}

.skinRMB .help-list .list .list-header {
    color: #E77F43;
}

.skinRMB .help-center h3 {
    color: #E77F43;
}

.skinRMB .help-center h5 {
    background: #E77F43;
}

.skinRMB .help-center p span {
    background-color: #E77F43;
}

.skinRMB .help-center dl dd a {
    color: #E77F43;
}

.skinRMB .help-center strong {
    color: #E77F43;
}

.skinRMB .help-center .button--outline {
    border: 1px solid #E77F43;
}

.skinRMB .help-center .primary {
    background-color: #E77F43;
    border-color: #E77F43;
}

.skinRMB .GlobalBottomBar>div.activity {
    color: #FFD230;
}

.skinRMB .GlobalBottomBar .bottomIndexA {
    background-image: url(/template/fubang2/images/skin/RMB/ico/homeh.svg);
    background-size: 136% !important;
    background-position: -5px -5px;
}

.skinRMB .GlobalBottomBar .bottomActA {
    background-image: url(/template/fubang2/images/skin/RMB/ico/activetyh.svg);
}

.skinRMB .GlobalBottomBar .bottomDepositA {
    background-image: url(/template/fubang2/images/skin/RMB/ico/walleth.svg);
}

.skinRMB .GlobalBottomBar .bottomChatA {
    background-image: url(/template/fubang2/images/skin/RMB/ico/messageh.svg);
    background-size: 116% !important;
    background-position: -2px -2px;
}

.skinRMB .GlobalBottomBar .bottomMyA {
    background-image: url(/template/fubang2/images/skin/RMB/ico/myh.svg);
}

.skinRMB .trend-st-list .trend-st-item>div:nth-child(2)>div.active {
    background-color: #de8838;
}

.skinRMB .history_line .td-page .td-nav>div:nth-child(2)>div {
    border: 0px solid #a76943;
    color: #fff;
    background-color: #a76943;
}

.skinRMB .history_line .td-page .td-nav>div:nth-child(2)>div.active {
    background-color: #de8838;
    color: #ffffff;
}

.skinRMB .history_line .td-page .trend-table-c .ssc-td-content-c table .charball span {
    background: #de8838;
    color: #ffffff;
}

.skinRMB .history_line .td-page .td-nav>div:nth-child(1) {
    color: #F29D48;
}

.skinRMB .page.page--userCenter .list .exinfo>div span {
    color: #E77F43;
}

.skinRMB .page.page--userCenter .list .exlist .exxlist>div .copy {
    color: #E77F43;
}

.skinRMB .page.page--userCenter .list .list-item .star.fe-icon-star2:before {
    color: #ffb34e;
}

.skinRMB .page.page--userCenter .balance {
    color: #fff;
}

.skinRMB .page.page--gameList .gameListMain section .gameListTab ul li.active {
    color: #fff;
    background: #DC7C49;
}

.skinRMB .page.page--gameList .gameListMain section .gameListTab .indicator {
    background-color: #E77F43;
}

.skinRMB .page.page--lotteryRecord .page__content .optionArea .list .list-item.list-item--button .button,
.skinRMB .page.page--teamMember .page__content .optionArea .list .list-item.list-item--button .button,
.skinRMB .page.page--report .page__content .optionArea .list .list-item.list-item--button .button,
.skinRMB .page.page--accountRecord .page__content .optionArea .list .list-item.list-item--button .button,
.skinRMB .page.page--withdrawalRecord .page__content .optionArea .list .list-item.list-item--button .button,
.skinRMB .page.page--wage .page__content .optionArea .list .list-item.list-item--button .button,
.skinRMB .page.page--depositRecord .page__content .optionArea .list .list-item.list-item--button .button,
.skinRMB .page.page--transferRecord .page__content .optionArea .list .list-item.list-item--button .button,
.skinRMB .page.page--addAccount .page__content .optionArea .list .list-item.list-item--button .button {
    background-color: #e97070;
}

.skinRMB .page.page--lotteryRecord .page__content .optionArea .list .list-item.list-item--button .button.smallsize,
.skinRMB .page.page--teamMember .page__content .optionArea .list .list-item.list-item--button .button.smallsize,
.skinRMB .page.page--report .page__content .optionArea .list .list-item.list-item--button .button.smallsize,
.skinRMB .page.page--accountRecord .page__content .optionArea .list .list-item.list-item--button .button.smallsize,
.skinRMB .page.page--withdrawalRecord .page__content .optionArea .list .list-item.list-item--button .button.smallsize,
.skinRMB .page.page--wage .page__content .optionArea .list .list-item.list-item--button .button.smallsize,
.skinRMB .page.page--depositRecord .page__content .optionArea .list .list-item.list-item--button .button.smallsize,
.skinRMB .page.page--transferRecord .page__content .optionArea .list .list-item.list-item--button .button.smallsize,
.skinRMB .page.page--addAccount .page__content .optionArea .list .list-item.list-item--button .button.smallsize {
    background-color: #F7F7F7;
    color: #777;
}

.skinRMB .page.page--lotteryRecord .page__content .optionArea .list .list-item .orderType .typeGroup p,
.skinRMB .page.page--teamMember .page__content .optionArea .list .list-item .orderType .typeGroup p,
.skinRMB .page.page--report .page__content .optionArea .list .list-item .orderType .typeGroup p,
.skinRMB .page.page--accountRecord .page__content .optionArea .list .list-item .orderType .typeGroup p,
.skinRMB .page.page--withdrawalRecord .page__content .optionArea .list .list-item .orderType .typeGroup p,
.skinRMB .page.page--wage .page__content .optionArea .list .list-item .orderType .typeGroup p,
.skinRMB .page.page--depositRecord .page__content .optionArea .list .list-item .orderType .typeGroup p,
.skinRMB .page.page--transferRecord .page__content .optionArea .list .list-item .orderType .typeGroup p,
.skinRMB .page.page--addAccount .page__content .optionArea .list .list-item .orderType .typeGroup p {
    background-color: #de8838;
    color: #fff;
}

.skinRMB .page.page--lotteryRecord .page__content .contentArea .cardItem.third .cardItemTit>span:first-child:before,
.skinRMB .page.page--lotteryRecord .page__content .contentArea .cardItem.team .cardItemTit>span:first-child:before,
.skinRMB .page.page--teamMember .page__content .contentArea .cardItem.third .cardItemTit>span:first-child:before,
.skinRMB .page.page--teamMember .page__content .contentArea .cardItem.team .cardItemTit>span:first-child:before,
.skinRMB .page.page--report .page__content .contentArea .cardItem.third .cardItemTit>span:first-child:before,
.skinRMB .page.page--report .page__content .contentArea .cardItem.team .cardItemTit>span:first-child:before,
.skinRMB .page.page--accountRecord .page__content .contentArea .cardItem.third .cardItemTit>span:first-child:before,
.skinRMB .page.page--accountRecord .page__content .contentArea .cardItem.team .cardItemTit>span:first-child:before,
.skinRMB .page.page--withdrawalRecord .page__content .contentArea .cardItem.third .cardItemTit>span:first-child:before,
.skinRMB .page.page--withdrawalRecord .page__content .contentArea .cardItem.team .cardItemTit>span:first-child:before,
.skinRMB .page.page--wage .page__content .contentArea .cardItem.third .cardItemTit>span:first-child:before,
.skinRMB .page.page--wage .page__content .contentArea .cardItem.team .cardItemTit>span:first-child:before,
.skinRMB .page.page--depositRecord .page__content .contentArea .cardItem.third .cardItemTit>span:first-child:before,
.skinRMB .page.page--depositRecord .page__content .contentArea .cardItem.team .cardItemTit>span:first-child:before,
.skinRMB .page.page--transferRecord .page__content .contentArea .cardItem.third .cardItemTit>span:first-child:before,
.skinRMB .page.page--transferRecord .page__content .contentArea .cardItem.team .cardItemTit>span:first-child:before,
.skinRMB .page.page--addAccount .page__content .contentArea .cardItem.third .cardItemTit>span:first-child:before,
.skinRMB .page.page--addAccount .page__content .contentArea .cardItem.team .cardItemTit>span:first-child:before {
    color: rgba(231, 127, 67, 0.5);
}

.skinRMB .page.page--lotteryRecord .page__content .contentArea .cardItem.parentTree>span>span,
.skinRMB .page.page--teamMember .page__content .contentArea .cardItem.parentTree>span>span,
.skinRMB .page.page--report .page__content .contentArea .cardItem.parentTree>span>span,
.skinRMB .page.page--accountRecord .page__content .contentArea .cardItem.parentTree>span>span,
.skinRMB .page.page--withdrawalRecord .page__content .contentArea .cardItem.parentTree>span>span,
.skinRMB .page.page--wage .page__content .contentArea .cardItem.parentTree>span>span,
.skinRMB .page.page--depositRecord .page__content .contentArea .cardItem.parentTree>span>span,
.skinRMB .page.page--transferRecord .page__content .contentArea .cardItem.parentTree>span>span,
.skinRMB .page.page--addAccount .page__content .contentArea .cardItem.parentTree>span>span {
    color: #E77F43;
}

.skinRMB .page.page--lotteryRecord .page__content .contentArea .cardItem.self .cardItemTit>span:first-child:before,
.skinRMB .page.page--teamMember .page__content .contentArea .cardItem.self .cardItemTit>span:first-child:before,
.skinRMB .page.page--report .page__content .contentArea .cardItem.self .cardItemTit>span:first-child:before,
.skinRMB .page.page--accountRecord .page__content .contentArea .cardItem.self .cardItemTit>span:first-child:before,
.skinRMB .page.page--withdrawalRecord .page__content .contentArea .cardItem.self .cardItemTit>span:first-child:before,
.skinRMB .page.page--wage .page__content .contentArea .cardItem.self .cardItemTit>span:first-child:before,
.skinRMB .page.page--depositRecord .page__content .contentArea .cardItem.self .cardItemTit>span:first-child:before,
.skinRMB .page.page--transferRecord .page__content .contentArea .cardItem.self .cardItemTit>span:first-child:before,
.skinRMB .page.page--addAccount .page__content .contentArea .cardItem.self .cardItemTit>span:first-child:before {
    background-color: #E77F43;
}

.skinRMB .dialog_rebate .dialog-container .CartMain .dialog_rebate_top {
    background: #E77F43;
}

.skinRMB .dialog_rebate .dialog-container .CartMain .dialog_rebate_foot span:last-child {
    background-color: #E77F43;
}

.skinRMB :checked+.switch__toggle {
    box-shadow: inset 0 0 0 2px #d3aeab;
    background-color: #d3aeab !important;
}

.skinRMB .commu .segment__button {
    border: 1px solid #E77F43;
    color: #E77F43;
}

.skinRMB .commu :checked+.segment__button {
    background-color: #E77F43;
}

.skinRMB .longbet-index .header .button--cta {
    background-color: #E77F43;
    border: 1px solid #E77F43;
}

.skinRMB .longbet-index .header .button--outline {
    border: 1px solid #E77F43;
    color: #E77F43;
}

.skinRMB .appTips a {
    background-color: #E77F43;
}

.skinRMB .list--exquisite .list-item.list-item--button .button {
    background-color: rgba(231, 127, 67, 0.7);
}

.skinRMB .list--exquisite .list-item.list-item--button .button.smallsize {
    background-color: #f9f9f9;
    color: #777;
}

.skinRMB .list--exquisite .center.red {
    color: #E77F43;
}

.skinRMB .alert-dialog--select .alert-dialog-content--select {
    background-color: #e89d56;
}

.skinRMB .alert-dialog--select .alert-dialog-button--select.alert-dialog-button--primal--select {
    color: #de8838;
}

.skinRMB .mychoice div ul li.cur span {
    background: #383250;
}

.skinRMB .highlightTip {
    color: #E77F43;
}

.skinRMB .page.page--login .loginBg01,
.skinRMB .page.page--userReg .loginBg01 {
    background-image: url(/template/fubang2/images/skin/yellow/m-login-bg.png);
}

.skinRMB .page.page--login .jzmm,
.skinRMB .page.page--userReg .jzmm {
    display:flex;
    align-items:center;
    color: #777777;
}

.skinRMB .page.page--login .jzmm label,
.skinRMB .page.page--userReg .jzmm label {
    font-size: 14px;
    color: #777777;
}

.skinRMB .page.page--login .loginMain .logobg,
.skinRMB .page.page--userReg .loginMain .logobg {
    background: url(/template/fubang2/images/skin/yellow/logo.png);
    background-size: 100%;
}

.skinRMB .page.page--login .loginMain .from .form-input-item input,
.skinRMB .page.page--userReg .loginMain .from .form-input-item input {
    color: #777777;
}

.skinRMB .page.page--login .loginMain .from .form-input-item .ico-user,
.skinRMB .page.page--userReg .loginMain .from .form-input-item .ico-user {
    background: url(/template/fubang2/images/skin/RMB/ico-user.png);
    background-size: 100%;
}

.skinRMB .page.page--login .loginMain .from .form-input-item .ico-password,
.skinRMB .page.page--userReg .loginMain .from .form-input-item .ico-password {
    background: url(/template/fubang2/images/skin/RMB/ico-password.png);
    background-size: 100%;
    height: 28px;
}

.skinRMB .page.page--login .loginMain .from .form-text-item,
.skinRMB .page.page--userReg .loginMain .from .form-text-item {
    color: white;
}

.skinRMB .page.page--login .loginMain .from .form-input-item label i,
.skinRMB .page.page--userReg .loginMain .from .form-input-item label i {
    color: white;
    display: inline-block;
    height: 22px;
    width: 22px;
}

.skinRMB .page.page--login .loginMain .loginbtn .button,
.skinRMB .page.page--userReg .loginMain .loginbtn .button {
    border-radius: 100px;
    background-color: #daad2d;
}

.skinRMB .page.page--login .loginMain .login-btn-box .btn_item,
.skinRMB .page.page--userReg .loginMain .login-btn-box .btn_item {
    border: solid 1px #b98d0e;
    background-color: rgba(255, 255, 255, 0.8);
    color: #daad2d;
}

.skinRMB .page.page--login .loginMain .login-btn-box .btn_item>span,
.skinRMB .page.page--userReg .loginMain .login-btn-box .btn_item>span {
    vertical-align: middle;
}

.skinRMB .page.page--login .checkbox,
.skinRMB .page.page--userReg .checkbox {
    vertical-align: middle;
}

.skinRMB .page.page--login .checkbox__checkmark:before,
.skinRMB .page.page--userReg .checkbox__checkmark:before {
    width: 20px;
    height: 20px;
    background-color: #ffffff;
    border-radius: unset;
}

.skinRMB .page.page--login .checkbox__checkmark:after,
.skinRMB .page.page--userReg .checkbox__checkmark:after {
    top: 5px;
}

.skinRMB .page.page--login :checked+.checkbox__checkmark:before,
.skinRMB .page.page--userReg :checked+.checkbox__checkmark:before {
    background: #db883a;
    border: none;
}

.skinRMB .lotteryIntroduce-main .tabs .button--outline {
    color: #E77F43;
    border-color: #E77F43;
}

.skinRMB .lotteryIntroduce-main .tabs .primary {
    background-color: #E77F43;
    border-color: #E77F43;
    color: #fff;
}

.skinRMB .thirdPlan_bet .playMain .planTypeList .planInfo {
    color: #E77F43;
}

.skinRMB .thirdPlan_bet .playMain .planTypeList .planInfo.active {
    background-color: #E77F43;
    color: #E77F43;
}

.skinRMB .thirdPlan_bet .playMain .planList .cardItem .cardItemTit>span:first-child:before {
    background-color: #E77F43;
}

.skinRMB .thirdPlan_bet .playMain .planList .cardItem .cardItemTit>span:first-child div {
    color: #E77F43;
}

.skinRMB .lotteryMenuDialog .betTypeTabs ul li.active {
    color: #e75e25;
}

.skinRMB .lotteryMenuDialog .betTypeTabs .betTabsIndicator {
    background-color: #e75e25;
}

.skinRMB .lotteryMenuDialog .dialog-container .lotteryMenuDialog_dia>.middle .pkmenu li.selected {
    background-color: #E77F43;
}

.skinRMB .page.page--transfer .tips.listmenu span.active {
    color: #E77F43;
}

.skinRMB .page.page--transfer .displaylist>div.selected {
    color: #E77F43;
}

.skinRMB .page.page--transfer .displayimg>div.selected:before {
    border-color: #E77F43;
}

.skinRMB .page.page--transfer .walletList .item c87452 {
    background-color: #c87452;
    border-color: #c87452;
}

.skinRMB .page.page--transfer .masterAccount span {
    color: #E77F43;
}

.skinRMB .transferConfirmDialog .middle .unityDialogCard input {
    color: #E77F43;
}

.skinRMB .GlobalTopBar .modeSel span {
    color: #fffc00;
}

.skinRMB .GlobalTopBar .modeSel span:before {
    background-image: url(/template/fubang2/images/ico/rmb-mode.png);
}

.skinRMB .GlobalTopBar .modeSel .switchCurrency dialog-container img {
    content: url("/template/fubang2/images/skin/RMB/ico/switch.png");
}

.skinRMB .GlobalTopBar .center .logo {
    background-image: url(/template/fubang2/images/skin/RMB/logo/logo-h5.png?v0901);
}

.skinRMB .GlobalTopBar .center .loginBtn,
.skinRMB .GlobalTopBar .center .serviceChat {
    background: #fe6e35;
    color: #fff;
}

.skinRMB .dialogBox .dialog .header:before {
    background-image: url(/template/fubang2/images/skin/RMB/logo/logo-small.png);
}

.skinRMB .dialogBox .dialog .content .page .button {
    background-color: #F48C3A;
}

.skinRMB .page.page--index .userBar .balance {
    color: #ff2828;
}

.skinRMB .page.page--index .userBar .serviceChat {
    background-color: #E77F43;
}

.skinRMB .page.page--index .blockTitle {
    /*.lottery {
                content: url("/template/fubang2/images/skin/RMB/index/icon-lottery.png");
            }

            .live {
                content: url("/template/fubang2/images/skin/RMB/index/icon-live.png");
            }

            .poker {
                content: url("/template/fubang2/images/skin/RMB/index/icon-poker.png");
            }

            .sport {
                content: url("/template/fubang2/images/skin/RMB/index/icon-sport.png");
            }

            .fish {
                content: url("/template/fubang2/images/skin/RMB/index/icon-fish.png");
            }

            .slot {
                content: url("/template/fubang2/images/skin/RMB/index/icon-slot.png");
            }*/
}

.skinRMB .page.page--index .blockTitle .gg {
    content: url("/template/fubang2/images/skin/RMB/index/icon-gg.png");
}

.skinRMB .page.page--index .blockTitle .guajiTitleImg {
    content: url("/template/fubang2/images/skin/RMB/index/icon-guaji.png");
}

.skinRMB .page.page--menu .menutop {
    background: #faecec;
}

.skinRMB .page.page--menu .menutop .balance em {
    color: #ff2828;
}

.skinRMB .page.page--menu .menulist .lottery img {
    content: url("/template/fubang2/images/skin/RMB/index/icon-lottery.png");
}

.skinRMB .page.page--menu .menulist .lotteryLoby img {
    content: url("/template/fubang2/images/skin/RMB/index/icon-lotteryLoby.png?v1");
}

.skinRMB .page.page--menu .menulist .live img {
    content: url("/template/fubang2/images/skin/RMB/menu_img/icon_live_game_h.png");
}

.skinRMB .page.page--menu .menulist .poker img {
    content: url("/template/fubang2/images/skin/RMB/menu_img/icon_poker_game_h.png");
}

.skinRMB .page.page--menu .menulist .sport img {
    content: url("/template/fubang2/images/skin/RMB/menu_img/icon_sport_game_h.png");
}

.skinRMB .page.page--menu .menulist .fish img {
    content: url("/template/fubang2/images/skin/RMB/menu_img/icon_fish_game_h.png");
}

.skinRMB .page.page--menu .menulist .slot img {
    content: url("/template/fubang2/images/skin/RMB/menu_img/icon_slot_game_h.png");
}

.skinRMB .page--loginlog .contentArea .cardItem:not(.special):before {
    background-image: url(/template/fubang2/images/skin/RMB/ico/icon-horn.svg) !important;
}

.skinRMB .page.page--deposit .itemlist .selBlock>span.active,
.skinRMB .page--withdrawal .itemlist .selBlock>span.active,
.skinRMB .page--transfer .itemlist .selBlock>span.active {
    background-image: url(/template/fubang2/images/skin/RMB/ico/selectBank.svg);
}

.skinRMB .page.page--deposit .list .list-item.btn .center span,
.skinRMB .page--withdrawal .list .list-item.btn .center span,
.skinRMB .page--transfer .list .list-item.btn .center span {
    background-color: #e97070 !important;
}

.skinRMB .page.page--deposit .list .list-item .textc,
.skinRMB .page--withdrawal .list .list-item .textc,
.skinRMB .page--transfer .list .list-item .textc {
    color: #FF6818;
}

.skinRMB .page.page--aboutUs .logo {
    background-image: url(/template/fubang2/images/skin/RMB/logo/logo-big.png);
}

.skinRMB .page.page--aboutUs .block .title {
    color: #FF6F3D;
}

.skinRMB .menuPage .sblock .ntab.active {
    color: #fff;
    background-color: #DC7C49;
}

.skinRMB .menuPage .sblock .ntab.active:before {
    background-color: #DC7C49;
}

.skinRMB .history_code table td .ssc_ball {
    background: #de8838;
}

.skinRMB .page.page--index .betTabs ul li.active,
.skinRMB .page.page--addUser .betTabs ul li.active {
    color: #de8838;
}

.skinRMB .page.page--index .betTabs .betTabsIndicator,
.skinRMB .page.page--addUser .betTabs .betTabsIndicator {
    background-color: #de8838;
}

.skinRMB .page.page--index .list .list-item.btn .center span,
.skinRMB .page.page--addUser .list .list-item.btn .center span {
    background-color: #E77F43;
}

.skinRMB .page.page--index .list .list-item .right .quick,
.skinRMB .page.page--addUser .list .list-item .right .quick {
    border-color: #E77F43;
    color: #E77F43;
}

.skinRMB .page.page--index .betTabs ul li.active {
    color: #fff;
    background-color: #fd4c4c;
}

.skinRMB .page.page--index .list .list-item.btn .center span {
    background-color: #E77F43;
}

.skinRMB .page.page--index .list .list-item .right .quick {
    border-color: #E77F43;
    color: #E77F43;
}

.skinRMB .timeRange .center span.act {
    border-color: #ef9565;
    background-color: #ef9565;
    color: #fff;
}

.skinRMB .vdatetime-popup__header,
.skinRMB .vdatetime-calendar__month__day--selected>span>span,
.skinRMB .vdatetime-calendar__month__day--selected:hover>span>span {
    background: #E77F43;
}

.skinRMB .vdatetime-popup__header,
.skinRMB .vdatetime-calendar__month__day--selected>span>span,
.skinRMB .vdatetime-calendar__month__day--selected:hover>span>span {
    background: #E77F43;
}

.skinRMB .vdatetime-year-picker__item--selected,
.skinRMB .vdatetime-time-picker__item--selected,
.skinRMB .vdatetime-popup__actions__button {
    color: #E77F43;
}

.skinRMB .page--addAccount .menu div ul li.selAddType {
    color: #fe6e35;
}

.skinRMB .page--addAccount .menu div ul li.selAddType::after {
    background: #fe6e35;
}

.skinRMB .bindlist .btn span {
    background-color: #E77F43 !important;
}

.skinRMB .slayer {
    color: #E77F43;
}

.skinRMB .userRegDialog .dialog .button,
.skinRMB .userResetDialog .dialog .button {
    background-color: #f37f20;
}

.skinRMB .page.page--statistics .pesonalcard>*>span:nth-child(2) {
    color: #f54f2d;
}

.skinRMB .page.page--userCenter .list .list-item.my:before,
.skinRMB .page.page--userCenter .list .list-item.report:before,
.skinRMB .page.page--userCenter .list .list-item.WDrecord:before,
.skinRMB .page.page--userCenter .list .list-item.invite:before,
.skinRMB .page.page--userCenter .list .list-item.team:before,
.skinRMB .page.page--userCenter .list .list-item.msg:before,
.skinRMB .page.page--userCenter .list .list-item.logo:before {
    background-color: #e07171;
}

.skinRMB .page.page--withdrawal .sitem .maxAmount {
    color: #E77F43;
}

.skinRMB .longbet-index .longbet-list .longbetitem .button {
    background-color: #e17540;
}

.skinRMB .page.page--index .announcement,
.skinRMB .page.page--addUser .announcement {
    background: #ffe6e6;
}

.skinUSDT .unityDialog .top {
    background: unset;
    background-color: #2b759c;
}

.skinUSDT .unityDialog .middle .matter>div:first-child span {
    color: #2b759c;
}

.skinUSDT .unityDialog .bottom>span:last-child {
    background-image: unset;
    background-color: #2b759c;
}

.skinUSDT .unityDialog .bottom>span:last-child:active {
    background-image: linear-gradient(-45deg, rgba(43, 117, 156, 0.9) 0%, #fff 200%);
    background-color: rgba(43, 117, 156, 0.9);
}

.skinUSDT .button--primary,
.skinUSDT .button--primary:active {
    color: #fff;
    background: #52a3ce;
}

.skinUSDT .button--primary[plain],
.skinUSDT .button--primary:active[plain] {
    color: #2b759c;
    background: #eaf1f5;
    border-color: #cadde6;
}

.skinUSDT .page.page--userCenter .onePageSlide>.onePageSlideItem.carouselPageSlideItem .pageTabs ul li.active {
    color: #2b759c;
}

.skinUSDT .page.page--userCenter .onePageSlide>.onePageSlideItem.carouselPageSlideItem .pageTabs .tabsIndicator {
    background-color: #2b759c;
}

.skinUSDT .page.page--userCenter .onePageSlide>.onePageSlideItem .modeSel span {
    color: #2bffa6 !important;
}

.skinUSDT .page.page--userCenter .onePageSlide>.onePageSlideItem .modeSel span:before {
    background-image: url(/template/fubang2/images/ico/usdt-mode2.png) !important;
}

.skinUSDT .page.page--userCenter .onePageSlide>.onePageSlideItem .modeSel .switchCurrency {
    background: #1e6286;
}

.skinUSDT .page.page--userCenter .onePageSlide>.onePageSlideItem .modeSel .switchCurrency img {
    content: url("/template/fubang2/images/skin/USDT/ico/switch.png") !important;
}

.skinUSDT .onePageSlideItem .tips>p.textc,
.skinUSDT .page__content.features .tips>p.textc {
    color: #2b759c;
}

.skinUSDT .onePageSlideItem .tips>p .textc,
.skinUSDT .page__content.features .tips>p .textc {
    color: #2b759c;
}

.skinUSDT .page.page--menu .menutop {
    border-bottom: 1px solid #2b759c;
    background: linear-gradient(to top, #3680a7 0, #3680a7 75%);
}

.skinUSDT .page.page--index .announcement {
    background: linear-gradient(90deg, rgba(255, 255, 255, 0) 7.04%, rgba(255, 255, 255, 0.2) 100%), #d8e6ef;
    box-shadow: 0px -4px 14px 0px rgba(0, 0, 0, 0.05);
}

.skinUSDT .page.page--index .announcement .icon {
    color: #2b759c;
}

.skinUSDT .page.page--index .page--index__content .usdt-info {
    background-color: #3781a8;
}

.skinUSDT .page.page--index .page--index__content .usdt-info .rate-box .text {
    color: #fff;
}

.skinUSDT .page.page--index .page--index__content .usdt-info .rate-box .rate-text {
    color: #fffc00;
}

.skinUSDT .page.page--index .page--index__content .usdt-info .test-list {
    background-color: #2c688a;
}

.skinUSDT .page.page--index .page--index__content .usdt-info .test-list li span {
    color: #9ad9fa;
}

.skinUSDT .page.page--index .hotgame .hotgame_content .hotgame_content_foc .hotgame_content_card .right-btn .right-btn_content {
    background-color: #2b759c;
}

.skinUSDT .page.page--index .hotgame .hotgame_content .hotgame_content_foc .hotgame_content_card .mid-code ul li span {
    background-color: #2b759c;
}

.skinUSDT .page.page--live .errMsgBox em {
    color: #2b759c;
}

.skinUSDT .page.page--lottery .page--lottery__content .lotteryMain .betTabs ul li.active {
    color: #C32D3799;
}

.skinUSDT .page.page--lottery .page--lottery__content .lotteryMain .betTabs .betTabsIndicator {
    background-color: #C32D3799;
}

.skinUSDT .page.page--lottery .page--lottery__content .lotteryMain .ons-swiper ons-carousel-item .history_code ul li .issue span {
    color: #52a3ce;
}

.skinUSDT .page.page--lottery .page--lottery__content .lotteryMain .ons-swiper ons-carousel-item .history_code ul li .codes span {
    background-color: #52a3ce;
}

.skinUSDT .page.page--lottery .lotteryHeader {
    background: #29607f;
}

.skinUSDT .page.page--lottery .lotteryHeader .lotteryMethodGuide {
    color: #2b759c;
}

.skinUSDT .page.page--lottery .lotteryHeader .lastIssue ul li span {
    background-image: url(/template/fubang2/images/skin/USDT/lottery/numBg.png);
    box-shadow: 0 4px 6px #ffffff;
}

.skinUSDT .page.page--lottery .lotteryHeader .showMenuBtn {
    background-color: #2b759c;
}

.skinUSDT .page.page--lottery .normal_bet .playMain .ballGroup .ballCont .balls .ball.k3-ertonghao,
.skinUSDT .page.page--lottery .normal_bet .playMain .ballGroup .ballCont .balls .ball.k3-santonghao {
    /*快三同号*/
}

.skinUSDT .page.page--lottery .normal_bet .playMain .ballGroup .ballCont .balls .ball.selected {
    /*选中*/
    background: var(--green_btn, radial-gradient(145.44% 214.05% at 22.09% -36.67%, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 56.9%), #52a3ce);
}

.skinUSDT .page.page--lottery .normal_foot .betInfo>span em {
    color: #52a3ce;
}

.skinUSDT .page.page--lottery .normal_foot .betInfo span.prize .prizes {
    color: #2b759c;
}

.skinUSDT .page.page--lottery .normal_foot .betCtrl .modeInput ul li.curMode {
    background-color: #52a3ce;
}

.skinUSDT .page.page--lottery .normal_foot .betOKBtn .lotteryCart .mainCart {
    color: #52a3ce;
}

.skinUSDT .page.page--lottery .normal_foot .betOKBtn .lotteryCart .mainCart>span i:before {
    color: #2b759c;
}

.skinUSDT .page.page--lottery .normal_foot .betOKBtn .onkeyBet {
    background: #de8527;
}

.skinUSDT .page.page--lottery .normal_foot .betOKBtn .onkeyBet2 {
    background: #f04243;
}

.skinUSDT .page.page--lottery .pk_bet .playMain .ballCard .pkball.default>em {
    color: #F47622;
}

.skinUSDT .page.page--lottery .pk_bet .playMain .ballCard .pkball.default.selected:before {
    background: var(--green_btn, radial-gradient(145.44% 214.05% at 22.09% -36.67%, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 56.9%), #52a3ce);
}

.skinUSDT .page.page--lottery .pk_bet .playMain .ballCard .pkball.k3-pk-ball>em {
    color: #F47622;
}

.skinUSDT .page.page--lottery .pk_bet .playMain .ballCard .pkball.k3-pk-ball.selected:before {
    background: linear-gradient(to bottom, #1FC0EF 0%, #1C9EC3 100%);
}

.skinUSDT .page.page--lottery .pk_bet .playMain .ballCard .pkball.k3-pk-ball-weitou~.same_width_of_k3_ball>em,
.skinUSDT .page.page--lottery .pk_bet .playMain .ballCard .pkball.k3-pk-ball-duanpai~.same_width_of_k3_ball>em {
    color: #F47622;
}

.skinUSDT .page.page--lottery .pk_bet .playMain .ballCard .pkball.k3-pk-ball-weitou~.same_width_of_k3_ball.selected:before,
.skinUSDT .page.page--lottery .pk_bet .playMain .ballCard .pkball.k3-pk-ball-duanpai~.same_width_of_k3_ball.selected:before {
    background: linear-gradient(to bottom, #1FC0EF 0%, #1C9EC3 100%);
}

.skinUSDT .page.page--lottery .pk_bet .playMain .ballCard .pkball.k3-pk-ball-weitou>em,
.skinUSDT .page.page--lottery .pk_bet .playMain .ballCard .pkball.k3-pk-ball-duanpai>em {
    color: #F47622;
}

.skinUSDT .page.page--lottery .pk_bet .playMain .ballCard .pkball.k3-pk-ball-weitou.selected:before,
.skinUSDT .page.page--lottery .pk_bet .playMain .ballCard .pkball.k3-pk-ball-duanpai.selected:before {
    background: linear-gradient(to bottom, #1FC0EF 0%, #1C9EC3 100%);
}

.skinUSDT .page.page--lottery .pk_bet .playMain .ballCard.sxCard .pkball.fang.selected>div>span.lhc-pk-red,
.skinUSDT .page.page--lottery .pk_bet .playMain .ballCard.sxCard .pkball.fang.selected>div>span.lhc-pk-green,
.skinUSDT .page.page--lottery .pk_bet .playMain .ballCard.sxCard .pkball.fang.selected>div>span.lhc-pk-blue {
    color: #2b759c !important;
}

.skinUSDT .page.page--lottery .pk_bet .playMain .ballCard.menuCard .pkball.selected_menu>span,
.skinUSDT .page.page--lottery .pk_bet .playMain .ballCard.menuCard .pkball.selected_menu>em {
    color: #2b759c;
}

.skinUSDT .page.page--lottery .pk_bet .playMain .ballCard.menuCard .pkball.selected_menu:before {
    border-color: #2b759c;
    background-color: rgba(43, 117, 156, 0.1);
}

.skinUSDT .page.page--lottery .pk_foot .countBar span {
    color: #2b759c;
}

.skinUSDT .page.page--lottery .pk_foot .amountBar .amountInput {
    color: #2b759c;
}

.skinUSDT .page.page--lottery .pk_foot .amountBar .amountInput input {
    color: #1DAEDB;
    background-color: #E7F3F5;
}

.skinUSDT .lotteryPkConfirmDialog .CartItem.countBar .bottomEndLine em {
    color: #2b759c;
}

.skinUSDT .lotteryPkConfirmDialog .CartItem .CartItemTit .tit:before {
    color: #2b759c;
}

.skinUSDT .lotteryPkConfirmDialog .CartItem .CartItemTit .tit em {
    color: #2b759c;
}

.skinUSDT .lotteryPkConfirmDialog .CartItem .CartItemTit .delbtn.act,
.skinUSDT .lotteryPkConfirmDialog .CartItem .CartItemTit .delbtn:active {
    color: #2b759c;
}

.skinUSDT .lotteryPkConfirmDialog .CartItem .CartItemCon .amountInput input.quickInputing {
    color: #2b759c;
}

.skinUSDT .lotteryPkConfirmDialog .CartItem .CartItemCon>div:nth-child(2) {
    color: #2b759c;
}

.skinUSDT .launchBetDialog .QuicklyMain .top {
    background: #2b759c;
}

.skinUSDT .launchBetDialog .QuicklyMain .dialog_rebate_foot span:last-child {
    background-color: #2b759c;
}

.skinUSDT .lotteryMenuDialog .dialog-container>.smenu .slists .listTitle.active {
    background: var(--purpple_btn, radial-gradient(145.44% 214.05% at 22.09% -36.67%, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 56.9%), #52a3ce);
}

.skinUSDT .lotteryMenuDialog .dialog-container>.smenu .sitem span.active {
    background: var(--purpple_btn, radial-gradient(145.44% 214.05% at 22.09% -36.67%, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 56.9%), #52a3ce);
}

.skinUSDT .lotteryMenuDialog .dialog-container>.top {
    background-color: #2b759c;
}

.skinUSDT .lotteryMenuDialog .dialog-container>.middle .slideItem .slideTit.current {
    color: #2b759c;
}

.skinUSDT .lotteryMenuDialog .dialog-container>.middle .slideItem .slideContent>* ul li {
    color: #2b759c;
}

.skinUSDT .lotteryMenuDialog .dialog-container>.middle .slideItem .slideContent>* ul li.selected {
    background-color: #2b759c;
}

.skinUSDT .lotteryMenuDialog .dialog-container>.middle .slideItem .slideContent>* ul li span {
    color: #2b759c;
}

.skinUSDT .lotteryMenuDialog .dialog-container>.middle .pkmenu li.selected {
    background-color: #2b759c;
}

.skinUSDT .lotteryMenuDialog .dialog-container .my-method {
    border-bottom: 1px solid #2b759c;
}

.skinUSDT .lotteryMenuDialog .dialog-container .my-method div .label {
    color: #2b759c;
}

.skinUSDT .lotteryMenuDialog .dialog-container .my-method ul li.selected {
    border: 1px solid #2b759c;
    color: #2b759c;
}

.skinUSDT .lotteryCartDialog .CartMain .top {
    background: unset;
    background-color: #52a3ce;
}

.skinUSDT .lotteryCartDialog .CartMain .middle .CartItem.menuItem>div:first-child em {
    color: #52a3ce;
}

.skinUSDT .lotteryCartDialog .CartMain .middle .CartItem .CartItemTit .tit:before {
    color: #52a3ce;
}

.skinUSDT .lotteryCartDialog .CartMain .middle .CartItem .CartItemTit .delbtn.act,
.skinUSDT .lotteryCartDialog .CartMain .middle .CartItem .CartItemTit .delbtn:active {
    color: #52a3ce;
}

.skinUSDT .lotteryCartDialog .CartMain .middle .CartItem .CartItemTit .checkbox .checkbox__checkmark:after {
    border-color: #2b759c;
}

.skinUSDT .lotteryCartDialog .CartMain .middle .CartItem .CartItemCon>span:first-child {
    color: #d8e6ef;
}

.skinUSDT .lotteryCartDialog .CartMain .foot span:last-child {
    background: unset;
    background-color: #52a3ce;
}

.skinUSDT .lotteryCartDialog .CartMain .foot span:last-child:active {
    background: unset;
    background-color: #52a3ce;
}

.skinUSDT .lotteryCartDialog.task .top {
    background: unset;
    background-color: #52a3ce;
}

.skinUSDT .lotteryCartDialog.task .middle .CartItem.select {
    box-shadow: 0 0 8px rgba(43, 117, 156, 0.5);
    transition: all .2s;
}

.skinUSDT .lotteryCartDialog.task .middle .CartItem.menuItem>div:first-child em {
    color: #7ca1b4;
}

.skinUSDT .lotteryCartDialog.task .middle .CartItem .CartItemTit .tit:before {
    color: #2b759c;
}

.skinUSDT .lotteryCartDialog.task .middle .CartItem .CartItemCon>span:first-child {
    color: #7ca1b4;
}

.skinUSDT .lotteryCartDialog.task .foot span:last-child {
    background: unset;
    background-color: #52a3ce;
}

.skinUSDT .lotteryCartDialog.task .foot span:last-child:active {
    background: unset;
    background-color: #52a3ce;
}

.skinUSDT .lotteryCartDialog .TaskMain .top .normalTabs ul li.active {
    color: #2b759c;
}

.skinUSDT .lotteryCartDialog .TaskMain .top .normalTabs .normalTabsIndicator {
    background-color: #2b759c;
}

.skinUSDT .lotteryCartDialog .TaskMain .middle .setting .inputarea>div.isbtn {
    background-color: #52a3ce;
}

.skinUSDT .lotteryCartDialog .TaskMain .foot .footcount em {
    color: #2b759c;
}

.skinUSDT .lotteryCartDialog .TaskMain .tasktable tbody tr td.multiple {
    color: #2b759c;
}

.skinUSDT .lotteryQuicklyDialog .top {
    background: unset;
    background-color: #2b759c;
}

.skinUSDT .lotteryQuicklyDialog .middle .QuickItem .QuickItemTit .tit:before {
    color: #2b759c;
}

.skinUSDT .lotteryQuicklyDialog .middle .QuickItem .QuickItemCon>span:first-child {
    color: #7ca1b4;
}

.skinUSDT .lotteryQuicklyDialog .middle .matter>div span {
    color: #2b9b9c;
}

.skinUSDT .lotteryQuicklyDialog .bottom>span:nth-child(2) {
    color: #2b9b9c;
}

.skinUSDT .lotteryQuicklyDialog .bottom>span:last-child {
    background-image: unset;
    background-color: #2b759c;
    color: #fff;
}

.skinUSDT .lotteryQuicklyDialog .bottom>span:last-child:active {
    color: rgba(255, 255, 255, 0.8);
    background-image: linear-gradient(-45deg, rgba(43, 117, 156, 0.9) 0%, #fff 200%);
    background-color: rgba(43, 117, 156, 0.9);
}

.skinUSDT .lotteryQuicklyDialog.share .top {
    background: linear-gradient(-45deg, #2b9b9c 0%, #fff 200%);
    background-color: #2b9b9c;
}

.skinUSDT .lotteryQuicklyDialog.share .middle .QuickItem .QuickItemTit .tit:before {
    color: #2b9b9c;
}

.skinUSDT .lotteryQuicklyDialog.share .middle .QuickItem .QuickItemCon>span:first-child {
    color: #7cb3b4;
}

.skinUSDT .lotteryQuicklyDialog.share .bottom>span:nth-child(2) {
    color: #2b759c;
}

.skinUSDT .lotteryQuicklyDialog.share .bottom>span:last-child {
    background-image: linear-gradient(-45deg, #2b9b9c 0%, #fff 200%);
    background-color: #2b9b9c;
}

.skinUSDT .lotteryQuicklyDialog.share .bottom>span:last-child:active {
    background-image: linear-gradient(-45deg, rgba(43, 155, 156, 0.8) 0%, #fff 200%);
    background-color: rgba(43, 155, 156, 0.8);
}

.skinUSDT .shareOrderRate .alert-dialog-content--select {
    background-color: #40a5a6;
}

.skinUSDT .shareOrderRate .alert-dialog-button--select.alert-dialog-button--primal--select {
    color: #40a5a6;
}

.skinUSDT .lotteryListDialog .dialog .dialog-container .lottery_list div .label {
    color: #2b759c;
}

.skinUSDT article .link {
    color: #2b759c;
}

.skinUSDT .help-list .list .list-header {
    color: #2b759c;
}

.skinUSDT .help-center h3 {
    color: #2b759c;
}

.skinUSDT .help-center h5 {
    background: #2b759c;
}

.skinUSDT .help-center p span {
    background-color: #2b759c;
}

.skinUSDT .help-center dl dd a {
    color: #2b759c;
}

.skinUSDT .help-center strong {
    color: #2b759c;
}

.skinUSDT .help-center .button--outline {
    border: 1px solid #2b759c;
}

.skinUSDT .help-center .primary {
    background-color: #2b759c;
    border-color: #2b759c;
}

.skinUSDT .GlobalBottomBar>div.activity {
    color: #52a3ce;
}

.skinUSDT .GlobalBottomBar .bottomIndexA {
    background-image: url(/template/fubang2/images/skin/USDT/ico/homeh.svg);
    background-size: 136% !important;
    background-position: -5px -5px;
}

.skinUSDT .GlobalBottomBar .bottomActA {
    background-image: url(/template/fubang2/images/skin/USDT/ico/activetyh.svg);
}

.skinUSDT .GlobalBottomBar .bottomDepositA {
    background-image: url(/template/fubang2/images/skin/USDT/ico/walleth.svg);
}

.skinUSDT .GlobalBottomBar .bottomChatA {
    background-image: url(/template/fubang2/images/skin/USDT/ico/messageh.svg);
    background-size: 116% !important;
    background-position: -2px -2px;
}

.skinUSDT .GlobalBottomBar .bottomMyA {
    background-image: url(/template/fubang2/images/skin/USDT/ico/myh.svg);
}

.skinUSDT .trend-st-list .trend-st-item>div:nth-child(2)>div.active {
    background-color: #2b759c;
}

.skinUSDT .history_line .td-page .td-nav>div:nth-child(2)>div {
    border: 1px solid #2b759c;
    color: #2b759c;
}

.skinUSDT .history_line .td-page .td-nav>div:nth-child(2)>div.active {
    background-color: #2b759c;
    color: #ffffff;
}

.skinUSDT .history_line .td-page .trend-table-c .ssc-td-content-c table .charball span {
    background: #2b759c;
    color: #ffffff;
}

.skinUSDT .history_line .td-page .td-nav>div:nth-child(1) {
    color: #52a3ce;
}

.skinUSDT .page.page--userCenter .topbutton {
    background: linear-gradient(0deg, #2b759c 0%, #2b759c 100%) #2b759c;
}

.skinUSDT .page.page--userCenter .topinfo {
    background-color: #28607e;
}

.skinUSDT .page.page--userCenter .topinfo .userinfo .serviceChat {
    background: radial-gradient(145.44% 214.05% at 22.09% -36.67%, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 56.9%), linear-gradient(0deg, #FF6B1A 0%, #FF6B1A 100%), #489bcd;
}

.skinUSDT .page.page--userCenter .topinfo .userinfo .center .addTime {
    color: #fff;
}

.skinUSDT .page.page--userCenter .topinfo .userinfo .center .center .addTime {
    color: #fff;
}

.skinUSDT .page.page--userCenter .topinfo .userinfo .center .center .balance .ons-icon {
    color: #fff;
}

.skinUSDT .page.page--userCenter .topinfo .balance-info .balance .ons-icon.icon-refresh {
    background-color: #52a3ce;
}

.skinUSDT .page.page--userCenter .list .exinfo>div span {
    color: #2b759c;
}

.skinUSDT .page.page--userCenter .list .exlist .exxlist>div .copy {
    color: #2b759c;
}

.skinUSDT .page.page--userCenter .list .list-item:before {
    background-color: #1895d7;
}

.skinUSDT .page.page--userCenter .list.sitems .list-item:before {
    background-color: unset;
}

.skinUSDT .page.page--userCenter .list.star.fe-icon-star2:before {
    color: #d8e6ef;
}

.skinUSDT .page.page--userCenter .balance {
    color: #fff;
}

.skinUSDT .page.page--gameList .gameListMain section .gameListTab ul li.active {
    color: #2b759c;
}

.skinUSDT .page.page--gameList .gameListMain section .gameListTab .indicator {
    background-color: #2b759c;
}

.skinUSDT .page.page--lotteryRecord .page__content .optionArea .list .list-item .center,
.skinUSDT .page.page--teamMember .page__content .optionArea .list .list-item .center,
.skinUSDT .page.page--report .page__content .optionArea .list .list-item .center,
.skinUSDT .page.page--accountRecord .page__content .optionArea .list .list-item .center,
.skinUSDT .page.page--withdrawalRecord .page__content .optionArea .list .list-item .center,
.skinUSDT .page.page--wage .page__content .optionArea .list .list-item .center,
.skinUSDT .page.page--depositRecord .page__content .optionArea .list .list-item .center,
.skinUSDT .page.page--transferRecord .page__content .optionArea .list .list-item .center,
.skinUSDT .page.page--addAccount .page__content .optionArea .list .list-item .center {
    color: #52a3ce;
}

.skinUSDT .page.page--lotteryRecord .page__content .optionArea .list .list-item.list-item--button .button,
.skinUSDT .page.page--teamMember .page__content .optionArea .list .list-item.list-item--button .button,
.skinUSDT .page.page--report .page__content .optionArea .list .list-item.list-item--button .button,
.skinUSDT .page.page--accountRecord .page__content .optionArea .list .list-item.list-item--button .button,
.skinUSDT .page.page--withdrawalRecord .page__content .optionArea .list .list-item.list-item--button .button,
.skinUSDT .page.page--wage .page__content .optionArea .list .list-item.list-item--button .button,
.skinUSDT .page.page--depositRecord .page__content .optionArea .list .list-item.list-item--button .button,
.skinUSDT .page.page--transferRecord .page__content .optionArea .list .list-item.list-item--button .button,
.skinUSDT .page.page--addAccount .page__content .optionArea .list .list-item.list-item--button .button {
    background-color: #52a3ce;
}

.skinUSDT .page.page--lotteryRecord .page__content .optionArea .list .list-item.list-item--button .button.smallsize,
.skinUSDT .page.page--teamMember .page__content .optionArea .list .list-item.list-item--button .button.smallsize,
.skinUSDT .page.page--report .page__content .optionArea .list .list-item.list-item--button .button.smallsize,
.skinUSDT .page.page--accountRecord .page__content .optionArea .list .list-item.list-item--button .button.smallsize,
.skinUSDT .page.page--withdrawalRecord .page__content .optionArea .list .list-item.list-item--button .button.smallsize,
.skinUSDT .page.page--wage .page__content .optionArea .list .list-item.list-item--button .button.smallsize,
.skinUSDT .page.page--depositRecord .page__content .optionArea .list .list-item.list-item--button .button.smallsize,
.skinUSDT .page.page--transferRecord .page__content .optionArea .list .list-item.list-item--button .button.smallsize,
.skinUSDT .page.page--addAccount .page__content .optionArea .list .list-item.list-item--button .button.smallsize {
    background-color: #F7F7F7;
    color: #777;
}

.skinUSDT .page.page--lotteryRecord .page__content .optionArea .list .list-item .orderType .typeGroup p,
.skinUSDT .page.page--teamMember .page__content .optionArea .list .list-item .orderType .typeGroup p,
.skinUSDT .page.page--report .page__content .optionArea .list .list-item .orderType .typeGroup p,
.skinUSDT .page.page--accountRecord .page__content .optionArea .list .list-item .orderType .typeGroup p,
.skinUSDT .page.page--withdrawalRecord .page__content .optionArea .list .list-item .orderType .typeGroup p,
.skinUSDT .page.page--wage .page__content .optionArea .list .list-item .orderType .typeGroup p,
.skinUSDT .page.page--depositRecord .page__content .optionArea .list .list-item .orderType .typeGroup p,
.skinUSDT .page.page--transferRecord .page__content .optionArea .list .list-item .orderType .typeGroup p,
.skinUSDT .page.page--addAccount .page__content .optionArea .list .list-item .orderType .typeGroup p {
    background-color: #2b759c;
    color: #fff;
}

.skinUSDT .page.page--lotteryRecord .page__content .contentArea .cardItem.third .cardItemTit>span:first-child:before,
.skinUSDT .page.page--lotteryRecord .page__content .contentArea .cardItem.team .cardItemTit>span:first-child:before,
.skinUSDT .page.page--teamMember .page__content .contentArea .cardItem.third .cardItemTit>span:first-child:before,
.skinUSDT .page.page--teamMember .page__content .contentArea .cardItem.team .cardItemTit>span:first-child:before,
.skinUSDT .page.page--report .page__content .contentArea .cardItem.third .cardItemTit>span:first-child:before,
.skinUSDT .page.page--report .page__content .contentArea .cardItem.team .cardItemTit>span:first-child:before,
.skinUSDT .page.page--accountRecord .page__content .contentArea .cardItem.third .cardItemTit>span:first-child:before,
.skinUSDT .page.page--accountRecord .page__content .contentArea .cardItem.team .cardItemTit>span:first-child:before,
.skinUSDT .page.page--withdrawalRecord .page__content .contentArea .cardItem.third .cardItemTit>span:first-child:before,
.skinUSDT .page.page--withdrawalRecord .page__content .contentArea .cardItem.team .cardItemTit>span:first-child:before,
.skinUSDT .page.page--wage .page__content .contentArea .cardItem.third .cardItemTit>span:first-child:before,
.skinUSDT .page.page--wage .page__content .contentArea .cardItem.team .cardItemTit>span:first-child:before,
.skinUSDT .page.page--depositRecord .page__content .contentArea .cardItem.third .cardItemTit>span:first-child:before,
.skinUSDT .page.page--depositRecord .page__content .contentArea .cardItem.team .cardItemTit>span:first-child:before,
.skinUSDT .page.page--transferRecord .page__content .contentArea .cardItem.third .cardItemTit>span:first-child:before,
.skinUSDT .page.page--transferRecord .page__content .contentArea .cardItem.team .cardItemTit>span:first-child:before,
.skinUSDT .page.page--addAccount .page__content .contentArea .cardItem.third .cardItemTit>span:first-child:before,
.skinUSDT .page.page--addAccount .page__content .contentArea .cardItem.team .cardItemTit>span:first-child:before {
    color: rgba(43, 117, 156, 0.5);
}

.skinUSDT .page.page--lotteryRecord .page__content .contentArea .cardItem.parentTree>span>span,
.skinUSDT .page.page--teamMember .page__content .contentArea .cardItem.parentTree>span>span,
.skinUSDT .page.page--report .page__content .contentArea .cardItem.parentTree>span>span,
.skinUSDT .page.page--accountRecord .page__content .contentArea .cardItem.parentTree>span>span,
.skinUSDT .page.page--withdrawalRecord .page__content .contentArea .cardItem.parentTree>span>span,
.skinUSDT .page.page--wage .page__content .contentArea .cardItem.parentTree>span>span,
.skinUSDT .page.page--depositRecord .page__content .contentArea .cardItem.parentTree>span>span,
.skinUSDT .page.page--transferRecord .page__content .contentArea .cardItem.parentTree>span>span,
.skinUSDT .page.page--addAccount .page__content .contentArea .cardItem.parentTree>span>span {
    color: #2b759c;
}

.skinUSDT .page.page--lotteryRecord .page__content .contentArea .cardItem.self .cardItemTit>span:first-child:before,
.skinUSDT .page.page--teamMember .page__content .contentArea .cardItem.self .cardItemTit>span:first-child:before,
.skinUSDT .page.page--report .page__content .contentArea .cardItem.self .cardItemTit>span:first-child:before,
.skinUSDT .page.page--accountRecord .page__content .contentArea .cardItem.self .cardItemTit>span:first-child:before,
.skinUSDT .page.page--withdrawalRecord .page__content .contentArea .cardItem.self .cardItemTit>span:first-child:before,
.skinUSDT .page.page--wage .page__content .contentArea .cardItem.self .cardItemTit>span:first-child:before,
.skinUSDT .page.page--depositRecord .page__content .contentArea .cardItem.self .cardItemTit>span:first-child:before,
.skinUSDT .page.page--transferRecord .page__content .contentArea .cardItem.self .cardItemTit>span:first-child:before,
.skinUSDT .page.page--addAccount .page__content .contentArea .cardItem.self .cardItemTit>span:first-child:before {
    background-color: #2b759c;
}

.skinUSDT .dialog_rebate .dialog-container .CartMain .dialog_rebate_top {
    background-color: #2b759c;
}

.skinUSDT .dialog_rebate .dialog-container .CartMain .dialog_rebate_foot span:last-child {
    background-color: #2b759c;
}

.skinUSDT :checked+.switch__toggle {
    box-shadow: inset 0 0 0 2px #FF6B1A;
    background-color: #FF6B1A;
}

.skinUSDT .commu .segment__button {
    border: 1px solid #2b759c;
    color: #2b759c;
}

.skinUSDT .commu :checked+.segment__button {
    background-color: #2b759c;
}

.skinUSDT .longbet-index .header .button--cta {
    background-color: #2b759c;
    border: 1px solid #2b759c;
}

.skinUSDT .longbet-index .header .button--outline {
    border: 1px solid #2b759c;
    color: #2b759c;
}

.skinUSDT .appTips a {
    background-color: #2b759c;
}

.skinUSDT .list--exquisite .list-item.list-item--button .button {
    background-color: rgba(43, 117, 156, 0.7);
}

.skinUSDT .list--exquisite .list-item.list-item--button .button.smallsize {
    background-color: #f9f9f9;
    color: #777;
}

.skinUSDT .list--exquisite .center.red {
    color: #2b759c;
}

.skinUSDT .alert-dialog--select .alert-dialog-content--select {
    background-color: rgba(43, 117, 156, 0.7);
}

.skinUSDT .alert-dialog--select .alert-dialog-button--select.alert-dialog-button--primal--select {
    color: #2b759c;
}

.skinUSDT .mychoice div ul li.cur span {
    background: #52a3ce;
}

.skinUSDT .highlightTip {
    color: #2b759c;
}

.skinUSDT .page.page--login .loginBg01,
.skinUSDT .page.page--userReg .loginBg01 {
    background-image: url(/template/fubang2/images/skin/blue/m-login-bg.png);
}

.skinUSDT .page.page--login .jzmm,
.skinUSDT .page.page--userReg .jzmm {
    color: #777777;
}

.skinUSDT .page.page--login .jzmm label,
.skinUSDT .page.page--userReg .jzmm label {
    font-size: 14px;
    color: #777777;
}

.skinUSDT .page.page--login .loginMain .logobg,
.skinUSDT .page.page--userReg .loginMain .logobg {
    background: url(/template/fubang2/images/skin/blue/logo.png);
    background-size: 100% 100%;
}

.skinUSDT .page.page--login .loginMain .from .form-input-item input,
.skinUSDT .page.page--userReg .loginMain .from .form-input-item input {
    color: #777777;
}

.skinUSDT .page.page--login .loginMain .from .form-input-item .ico-user,
.skinUSDT .page.page--userReg .loginMain .from .form-input-item .ico-user {
    background: url(/template/fubang2/images/skin/USDT/ico-user.png);
    background-size: 100%;
}

.skinUSDT .page.page--login .loginMain .from .form-input-item .ico-password,
.skinUSDT .page.page--userReg .loginMain .from .form-input-item .ico-password {
    background: url(/template/fubang2/images/skin/USDT/ico-password.png);
    background-size: 100%;
    height: 26px;
}

.skinUSDT .page.page--login .loginMain .from .form-text-item,
.skinUSDT .page.page--userReg .loginMain .from .form-text-item {
    color: white;
}

.skinUSDT .page.page--login .loginMain .from .form-input-item label i,
.skinUSDT .page.page--userReg .loginMain .from .form-input-item label i {
    color: white;
    display: inline-block;
    height: 22px;
    width: 22px;
}

.skinUSDT .page.page--login .loginMain .loginbtn .button,
.skinUSDT .page.page--userReg .loginMain .loginbtn .button {
    border-radius: 8px;
    background-color: #b850e4;
}

.skinUSDT .page.page--login .loginMain .login-btn-box .btn_item,
.skinUSDT .page.page--userReg .loginMain .login-btn-box .btn_item {
    background-color: rgba(255, 255, 255, 0.8);
    color: #b850e4;
}

.skinUSDT .page.page--login .loginMain .login-btn-box .btn_item>span,
.skinUSDT .page.page--userReg .loginMain .login-btn-box .btn_item>span {
    vertical-align: middle;
}

.skinUSDT .page.page--login .checkbox,
.skinUSDT .page.page--userReg .checkbox {
    vertical-align: middle;
}

.skinUSDT .page.page--login .checkbox__checkmark:before,
.skinUSDT .page.page--userReg .checkbox__checkmark:before {
    width: 20px;
    height: 20px;
    background-color: #ffffff;
    border-radius: unset;
}

.skinUSDT .page.page--login .checkbox__checkmark:after,
.skinUSDT .page.page--userReg .checkbox__checkmark:after {
    top: 5px;
}

.skinUSDT .page.page--login :checked+.checkbox__checkmark:before,
.skinUSDT .page.page--userReg :checked+.checkbox__checkmark:before {
    background: #1895d7;
    border: none;
}

.skinUSDT .lotteryIntroduce-main .tabs .button--outline {
    color: #2b759c;
    border-color: #2b759c;
}

.skinUSDT .lotteryIntroduce-main .tabs .primary {
    background-color: #2b759c;
    border-color: #2b759c;
    color: #fff;
}

.skinUSDT .thirdPlan_bet .playMain .planTypeList .planInfo {
    color: #2b759c;
}

.skinUSDT .thirdPlan_bet .playMain .planTypeList .planInfo.active {
    background-color: #2b759c;
    color: #fff;
}

.skinUSDT .thirdPlan_bet .playMain .planList .cardItem .cardItemTit>span:first-child:before {
    background-color: #2b759c;
}

.skinUSDT .thirdPlan_bet .playMain .planList .cardItem .cardItemTit>span:first-child div {
    color: #2b759c;
}

.skinUSDT .lotteryMenuDialog .betTypeTabs ul li.active {
    color: #2b759c;
}

.skinUSDT .lotteryMenuDialog .betTypeTabs .betTabsIndicator {
    background-color: #2b759c;
}

.skinUSDT .lotteryMenuDialog .dialog-container .lotteryMenuDialog_dia>.middle .pkmenu li.selected {
    background-color: #2b759c;
}

.skinUSDT .page.page--transfer .list .list-item .center input {
    color: #2b759c;
}

.skinUSDT .page.page--transfer .tips.listmenu span.active {
    color: #2b759c;
}

.skinUSDT .page.page--transfer .displaylist>div.selected {
    color: #2b759c;
}

.skinUSDT .page.page--transfer .displayimg>div.selected:before {
    border-color: #2b759c;
}

.skinUSDT .page.page--transfer .walletList .item .oneKey {
    background-color: #d8e6ef;
    border-color: #d8e6ef;
}

.skinUSDT .page.page--transfer .masterAccount span {
    color: #2b759c;
}

.skinUSDT .transferConfirmDialog .middle .unityDialogCard input {
    color: #2b759c;
}

.skinUSDT .page--addAccount .menu div ul li.selAddType::after {
    background: #9ad9fa;
}

.skinUSDT .GlobalTopBar.toolbar {
    background: linear-gradient(0deg, #2b759c 0%, #2b759c 100%), #2b759c;
}

.skinUSDT .GlobalTopBar .modeSel span {
    color: #2bffa6;
}

.skinUSDT .GlobalTopBar .modeSel span:before {
    background-image: url(/template/fubang2/images/ico/usdt-mode2.png);
}

.skinUSDT .GlobalTopBar .modeSel .switchCurrency {
    background: #1e6287;
}

.skinUSDT .GlobalTopBar .modeSel .switchCurrency img {
    content: url("/template/fubang2/images/skin/USDT/ico/switch.png");
}

.skinUSDT .GlobalTopBar .center .logo {
    background-image: url(/template/fubang2/images/skin/USDT/logo/logo-h5.png);
}

.skinUSDT .GlobalTopBar .center .loginBtn {
    background-color: #1895d7;
}

.skinUSDT .dialogBox .dialog .header:before {
    background-image: url(/template/fubang2/images/skin/USDT/logo/logo-small.png);
}

.skinUSDT .dialogBox .dialog .content .page .button {
    background-color: #1895d7;
}

.skinUSDT .page.page--index .userBar .balance {
    color: #f74752;
}

.skinUSDT .page.page--index .userBar .serviceChat {
    background: linear-gradient(0deg, #489bcd 0%, #489bcd 100%) #489bcd;
}

.skinUSDT .page.page--index .usdt-info {
    background: #E1EFF3;
}

.skinUSDT .page.page--index .usdt-info .button-ios {
    background: #0c6198;
    box-shadow: 0px -3px 4px 0px rgba(0, 0, 0, 0.25) inset, 0px 3px 4px 0px rgba(255, 255, 255, 0.25) inset;
}

.skinUSDT .page.page--index .usdt-info .rate-box .text {
    color: #f74752;
}

.skinUSDT .page.page--index .usdt-info .test-list li span {
    display: inline-block;
}

.skinUSDT .page.page--index .blockTitle {
    /*.lottery{
                content: url("/template/fubang2/images/skin/USDT/index/icon-lottery.png");
            }
            .live{
                content: url("/template/fubang2/images/skin/USDT/index/icon-live.png");
            }
            .poker{
                content: url("/template/fubang2/images/skin/USDT/index/icon-poker.png");
            }
            .sport{
                content: url("/template/fubang2/images/skin/USDT/index/icon-sport.png");
            }
            .fish{
                content: url("/template/fubang2/images/skin/USDT/index/icon-fish.png");
            }
            .slot{
                content: url("/template/fubang2/images/skin/USDT/index/icon-slot.png");
            }*/
}

.skinUSDT .page.page--index .blockTitle .gg {
    content: url("/template/fubang2/images/skin/USDT/index/icon-gg.png");
}

.skinUSDT .page.page--index .blockTitle .guajiTitleImg {
    content: url("/template/fubang2/images/skin/USDT/index/icon-guaji.png");
}

.skinUSDT .page.page--menu .menutop .balance em {
    color: #fff;
}

.skinUSDT .page.page--menu .menulist .lottery img {
    content: url("/template/fubang2/images/skin/USDT/index/icon-lottery.png");
}

.skinUSDT .page.page--menu .menulist .lotteryLoby img {
    content: url("/template/fubang2/images/skin/USDT/index/icon-lotteryLoby.png");
}

.skinUSDT .page.page--menu .menulist .live img {
    content: url("/template/fubang2/images/skin/USDT/index/icon-live.png");
}

.skinUSDT .page.page--menu .menulist .poker img {
    content: url("/template/fubang2/images/skin/USDT/index/icon-poker.png");
}

.skinUSDT .page.page--menu .menulist .sport img {
    content: url("/template/fubang2/images/skin/USDT/index/icon-sport.png");
}

.skinUSDT .page.page--menu .menulist .fish img {
    content: url("/template/fubang2/images/skin/USDT/index/icon-fish.png");
}

.skinUSDT .page.page--menu .menulist .slot img {
    content: url("/template/fubang2/images/skin/USDT/index/icon-slot.png");
}

.skinUSDT .page.page--menu .menulist #type2 .btnType.WDRecord,
.skinUSDT .page.page--menu .menulist #type2 .btnType.gameRecord {
    background: linear-gradient(90deg, rgba(255, 255, 255, 0) 7.04%, rgba(255, 255, 255, 0.2) 100%), #52a3ce;
}

.skinUSDT .page--loginlog .contentArea .cardItem:not(.special):before {
    background-image: url(/template/fubang2/images/skin/USDT/ico/icon-horn.svg) !important;
}

.skinUSDT .page.page--deposit .itemRow .balance,
.skinUSDT .page--withdrawal .itemRow .balance,
.skinUSDT .page--transfer .itemRow .balance {
    color: #14A2CB;
}

.skinUSDT .page.page--deposit .itemlist .selBlock>span.active,
.skinUSDT .page--withdrawal .itemlist .selBlock>span.active,
.skinUSDT .page--transfer .itemlist .selBlock>span.active {
    background-image: url(/template/fubang2/images/skin/USDT/ico/selectBank.svg);
    border: 1px solid #358dbd;
}

.skinUSDT .page.page--deposit .itemlist .selBtn .active,
.skinUSDT .page--withdrawal .itemlist .selBtn .active,
.skinUSDT .page--transfer .itemlist .selBtn .active {
    background-color: #358dbd !important;
}

.skinUSDT .page.page--deposit .list .list-item.btn .center span,
.skinUSDT .page--withdrawal .list .list-item.btn .center span,
.skinUSDT .page--transfer .list .list-item.btn .center span {
    background-color: #358dbd !important;
}

.skinUSDT .page.page--deposit .list .list-item .textc,
.skinUSDT .page--withdrawal .list .list-item .textc,
.skinUSDT .page--transfer .list .list-item .textc {
    color: #14A2CB;
}

.skinUSDT .page.page--aboutUs .logo {
    background-image: url(/template/fubang2/images/skin/USDT/logo/logo-big.png);
}

.skinUSDT .page.page--aboutUs .block .title {
    color: #14A2CB;
}

.skinUSDT .menuPage .sblock {
    background-color: #f2f1f6;
}

.skinUSDT .menuPage .sblock .ntab.active {
    color: #52a3ce;
}

.skinUSDT .menuPage .sblock .ntab.active:before {
    background-color: #31C4F0;
}

.skinUSDT .selGameMode span {
    background-color: #1e516c;
}

.skinUSDT .selGameMode span.active {
    background-color: #36a7e1;
}

.skinUSDT .history_code table td .ssc_ball {
    background: #52a3ce;
}

.skinUSDT .record-nav .button--outline {
    border-color: #52a3ce;
    color: #52a3ce;
}

.skinUSDT .record-nav .button--outline:active,
.skinUSDT .record-nav .button--outline.selected {
    background-color: #52a3ce;
    color: #fff;
}

.skinUSDT .page.page--index .betTabs ul li.active,
.skinUSDT .page.page--addUser .betTabs ul li.active {
    color: #52a3ce;
}

.skinUSDT .page.page--index .betTabs .betTabsIndicator,
.skinUSDT .page.page--addUser .betTabs .betTabsIndicator {
    background-color: #52a3ce;
}

.skinUSDT .page.page--index .list .list-item.btn .center span,
.skinUSDT .page.page--addUser .list .list-item.btn .center span {
    background-color: #52a3ce;
}

.skinUSDT .page.page--index .list .list-item .right .quick,
.skinUSDT .page.page--addUser .list .list-item .right .quick {
    border-color: #52a3ce;
    color: #52a3ce;
}

.skinUSDT .page.page--index .betTabs ul li.active {
    color: #52a3ce;
    border-color: #52a3ce;
}

.skinUSDT .page.page--index .list .list-item.btn .center span {
    background-color: #52a3ce;
}

.skinUSDT .page.page--index .list .list-item .right .quick {
    border-color: #52a3ce;
    color: #52a3ce;
}

.skinUSDT .timeRange .center span.act {
    border-color: #52a3ce;
    color: #52a3ce;
}

.skinUSDT .vdatetime-popup__header,
.skinUSDT .vdatetime-calendar__month__day--selected>span>span,
.skinUSDT .vdatetime-calendar__month__day--selected:hover>span>span {
    background: #52a3ce;
}

.skinUSDT .vdatetime-popup__header,
.skinUSDT .vdatetime-calendar__month__day--selected>span>span,
.skinUSDT .vdatetime-calendar__month__day--selected:hover>span>span {
    background: #52a3ce;
}

.skinUSDT .vdatetime-year-picker__item--selected,
.skinUSDT .vdatetime-time-picker__item--selected,
.skinUSDT .vdatetime-popup__actions__button {
    color: #52a3ce;
}

.skinUSDT .page--addAccount .menu div ul li.selAddType {
    color: #52a3ce;
}

.skinUSDT .page--addAccount .menu div ul li.selAddType::after {
    background: #52a3ce;
}

.skinUSDT .bindlist .btn span {
    background-color: #52a3ce;
}

.skinUSDT .slayer {
    color: #d8e6ef;
}

.skinUSDT .linearGradient {
    background-image: linear-gradient(to right, #d8e6ef, #52a3ce);
}

.skinUSDT .dialogConfirm .dialog .header {
    background-color: #d8e6ef;
}

.skinUSDT .dialogConfirm .dialog .footer span:nth-child(2) {
    color: #d8e6ef;
}

.skinUSDT .userRegDialog .dialog .button,
.skinUSDT .userResetDialog .dialog .button {
    background-color: #f37f20;
}

.skinUSDT .page.page--statistics .pesonalcard>*>span:nth-child(2),
.skinUSDT .teamIndex .pesonalcard>*>span:nth-child(2) {
    color: #52a3ce;
}

@font-face {
    font-family: 'DS-Digital';
    src: url("/fonts/DS-DIGIB-2.eot"), url("/fonts/DS-DIGIB-2.woff2") format("woff2"), url("//fonts/DS-DIGIB-2.ttf") format("truetype");
    font-style: normal;
}

/* </style> */

.dialog {
    box-sizing: border-box;
    background-clip: padding-box;
    padding: 0;
    margin: 0;
    font: inherit;
    color: inherit;
    background: 0 0;
    border: none;
    line-height: normal;
    cursor: default;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-family: -apple-system, 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-weight: 400;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    margin: auto auto;
    overflow: hidden;
    min-width: 270px;
    min-height: 100px;
    text-align: left
}

.dialog-container {
    height: inherit;
    min-height: inherit;
    overflow: hidden;
    border-radius: 4px;
    background-color: #fff;
    -webkit-mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC);
    color: #777
}

.dialog-mask {
    padding: 0;
    margin: 0;
    font: inherit;
    color: inherit;
    background: 0 0;
    border: none;
    line-height: normal;
    cursor: default;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background-color: #000;
    background-color: rgba(0, 0, 0, .2)
}


.skinRMBMB .mainer {
    padding-top: 12px;
}

.fb-lottery-play-main .zh_text {
    position: relative;
}

.fb-lottery-play-main .tz_ye {
    position: absolute;
    right: 10px;
    bottom: 40px;
    font-size: 80%;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
}

.fb-my {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: calc(100% - 1.5rem);
    background-color: #fff;
    z-index: 99999;
}

.fb-my .fb-my-head {
    height: 1.45rem;
    line-height: 1.45rem;
    background: #773434;
    position: relative;
    color: #fff;
}

.fb-my .fb-my-head span {
    display: block;
    width: 100%;
    height: 100%;
    text-align: center;
}

.fb-my .toolbar__left {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
}

.fb-my .toolbar__left ons-toolbar-button {
    display: block;
    height: 100%;
    padding-left: 16px;
}

.fb-my .list-item {
    border-bottom: 1px solid #e8e3f9;
    display: flex;
    justify-content: space-between;
    padding: 10px;
}

.fb-my .switch {
    width: 62px;
    zoom: 0.8;
}

.fb-my .switch__toggle {
    box-shadow: inset 0 0 0 2px #d8d7da;
    background-color: #d8d7da;
    width: 60px;
}

.fb-my :checked+.switch__toggle>.switch__handle {
    left: 32px;
}

.fb-my :checked+.switch__toggle {
    box-shadow: inset 0 0 0 2px #d3aeab;
    background-color: #d3aeab !important;
}

.fb-my .list-item--nodivider__center {
    width: 100%;
    padding: 20px;
    padding-top: 45px;
}


.skinRMBMB #wf_xz_div>div {
    display: flex;
    flex-direction: column-reverse;
}

.skinRMBMB .fb-regular-bettype .tz_footer {
    padding: 0;
}

.skinRMBMB .fb-regular-bettype .tz_footer span.span_btn {
    flex: 1;
    margin: 0;
}

.skinRMBMB .fb-regular-bettype .tz_footer span.span_btn .btn.btn10 {
    padding: 0;
    margin: 0 !important;
    border-radius: 0;
}

.skinRMBMB .fb-regular-bettype .tz_footer span.span_btn:nth-child(2) .btn.btn10 {
    background: initial;
    color: #6d697f !important;
}


.skinRMBMB .fb-regular-bettype .zh_text {
    padding: 0 .3rem;
}

.skinRMBMB .fb-regular-bettype .zh_text p {
    font-size: 0.36rem;
    margin-bottom: 0
}

.skinRMBMB .fb-lottery-play-main .tz_ye {
    bottom: 0;
}

#js-myMoney,
#one_money_span,
.all_zhushu_span {
    color: #fd8c2b;
}


.fb-betCtrl {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 10px;
    gap: 10px;
    box-shadow: 0 -1px 5px 0px rgba(0, 0, 0, 0.05);
    padding-top: 6px;
}

.fb-betCtrl-btn {
    flex: 1;
    height: 30px;
    line-height: 30px;
    border-radius: 30px;
    font-size: 14px;
    padding: 0 10px;
    display: inline-block;
    background-color: #fff0e4;
    position: relative;
    transition: all .2s;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #6b5c5c;
}

.fb-betCtrl-box {
    flex: 1;
    display: flex;
    align-items: center;
}

.fb-betCtrl-input {
    position: relative;
    font-size: 12px;

}

    .fb-betCtrl-input input {
        width: 55px;
        height: 22px;
        border: 0;
        color: #838283;
        background-color: rgba(0, 0, 0, 0.05);
        border-radius: 5px;
        padding: 0 5px;
        text-align: center;
        padding-right: 20px;
    }

.fb-betCtrl-tip {
    position: absolute;
    right: 5px;
    top: 1px;
}

.fb-betCtrl .ctrlbtn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    transition: all .2s;
    background: #fff;
    border-radius: 50%;
    border: .01rem solid #c5c1d3;
    font-size: 12px;
}

.fb-betCtrl-mode-box {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 108px;
    opacity: 1;

    z-index: 9;
}

.fb-betCtrl-mode-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    backdrop-filter: blur(4px);
    background: #ffffff00;
}

.fb-betCtrl-mode-box ul {
    display: flex;
    align-items: center;
    gap: 5px;
    background-color: #987d7b;
    padding: 5px 10px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
    position: relative;
    z-index: 9;
}

.fb-betCtrl-mode-box li {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 1;
    height: 24px;
    border-radius: 5px;
    background-color: #e4e4e4;
    color: #333;
    font-size: 12px;

}

.fb-betCtrl-mode-box li.active {
    background-color: #E77F43;
    color: #fff;
}


.skinRMBMB .div_bank .item {
    margin-bottom: 0;
    margin: 0 20px;
    margin-bottom: 10px;
    box-shadow: none;
    background: linear-gradient(to right, #214d43 0%, #336e5f 100%);
}

.skinRMBMB .bank_tit {
    margin-bottom: 0;
}

.skinRMBMB .swiper-container {
    display: none;
}

.skinRMBMB .bank_tit {
    display: flex;
    align-items: center;
}

.skinRMBMB .div_bank .item .img {
    width: 1rem;
    height: 1rem;
}

.skinRMBMB .am-header-skin {
    height: 56px;
    line-height: 56px;
    background-color: #773434;
    color: #fff;
}

.skinRMBMB .am-header-skin i {
    color: #fff;
}

@media screen and (min-width: 768px) {
    #sscgfwffoot .fb-betCtrl {
        gap: 8px;
    }

    #sscgfwffoot .fb-betCtrl-box {
        flex: 0 0 132px;
        justify-content: flex-end;
        gap: 6px;
    }

    #sscgfwffoot .fb-betCtrl-input {
        flex: 1;
        min-width: 0;
    }

    #sscgfwffoot .fb-betCtrl-input input {
        width: 100%;
        min-width: 72px;
        height: 26px;
        padding: 0 18px 0 6px;
        appearance: textfield;
        -moz-appearance: textfield;
    }

    #sscgfwffoot .fb-betCtrl-input input::-webkit-outer-spin-button,
    #sscgfwffoot .fb-betCtrl-input input::-webkit-inner-spin-button {
        -webkit-appearance: none;
        margin: 0;
    }

    #sscgfwffoot .fb-betCtrl .ctrlbtn {
        flex: 0 0 24px;
    }

    #sscxywffoot .amountBar {
        height: auto;
        min-height: 1rem;
        padding: 0 .12rem;
        gap: .12rem;
    }

    #sscxywffoot .amountBar .amountInput {
        flex: 0 0 auto;
        min-width: 1.7rem;
        height: .72rem;
        margin-right: 0;
        gap: .08rem;
        display: flex;
        align-items: center;
    }

    #sscxywffoot .amountBar .amountInput label {
        white-space: nowrap;
        line-height: .72rem;
        display: inline-flex;
        align-items: center;
        justify-content: flex-end;
        min-width: .9rem;
    }

    #sscxywffoot .amountBar .amountInput input {
        width: .9rem;
        height: .56rem;
        margin: 0;
        padding: 0 .12rem;
        line-height: .56rem;
        appearance: textfield;
        -moz-appearance: textfield;
    }

    #sscxywffoot .amountBar .amountInput input::-webkit-outer-spin-button,
    #sscxywffoot .amountBar .amountInput input::-webkit-inner-spin-button {
        -webkit-appearance: none;
        margin: 0;
    }

    #sscxywffoot .amountBar .quickAmounts {
        min-width: 0;
        align-items: center;
        gap: .08rem;
    }

    #sscxywffoot .amountBar .quickAmounts > span {
        flex: 0 0 auto;
        margin-right: 0;
    }
}

.skinRMBMB #J-form .am-cf {
    background: initial;


}

.skinRMBMB #J-form .am-cf>div:nth-child(1) {
    margin-bottom: 10px;
}

.skinRMBMB #J-form {
    margin-top: 29px;
}

.skinRMBMB #J-form .ld-list {
    background-color: #fff;
}

.skinRMBMB #J-form .layui-select {
    color: #333;
}

#J-formReg .am-form-group,
#J-form-password .am-form-group {
    position: relative;
    margin-bottom: 0;
    background: #f7f1f9;
    padding: 10px;
}

#J-formReg .quick {
    position: absolute;
    right: 20px;
    top: 40px;
    border-radius: .1rem;
    border: .02rem solid #E77F43;
    padding: .1rem 0.2rem;
}

#J-formReg input,
#J-formReg select,
#J-form-password input,
#J-form-password select {
    border: none;
}

.skinRMBMB #J-formReg label,
#J-form-password label {
    color: #797692;
    margin-bottom: 10px;
}

#J-button-submit-formReg,
#J-button-submit {
    margin-top: 20px;
}



.skinRMBMB .user-betlog .item .am-cf {
    padding: 20px 10px 15px;
    margin-bottom: 10px;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
}

.skinRMBMB .user-betlog .am-cf input {
    border: none !important;
    width: 100% !important;
    border-radius: 4px;
}

.skinRMBMB .user-betlog .item li .status {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}

.skinRMBMB .user-betlog .item li .status a {
    padding: 0 10px;
}

.fb-wbj-deposit {
    padding: 10px;
}

.fb-wbj-deposit h4 {
    font-size: 16px;
    margin: 10px 0;
}

.fb-wbj-usdt ul {
    display: flex;
    gap: 20px;
}

.fb-wbj-usdt ul li {
    flex: 1;
    display: flex;
    align-items: center;
    /* justify-content: center; */
    border: 1px solid #e8e6f1;
    border-radius: 5px;
    padding: 5px;
    padding-left: 20px;
    gap: 10px;
}

.fb-wbj-usdt ul li.active {
    border: 1px solid #f6a157;
}

.fb-wbj-usdt ul li img {
    width: 28px;
}

.fb-wbj-input {
    display: flex;
    align-items: center;
    border-bottom: 1px solid #e8e6f1;
    padding: 10px 0;
}

.fb-wbj-input img {
    width: 25px;
}

.fb-wbj-input input {
    flex: 1;
    border: none;
    height: 34px;
    padding: 0 10px;
}

.fb-wbj-input .maxAmount {
    color: #EFBC6F;
}

.fb-wbj-ed {
    margin: 10px 0;
}

.fb-wbj-ed ul {
    display: flex;
    align-items: center;
    gap: 10px;
}

.fb-wbj-ed ul li {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 1;
    width: 100%;
    height: 35px;
    border: 1px solid #e8e6f1;
    border-radius: 4px;
}

.fb-wbj-ed ul li.active {
    border-color: #fea945;
    color: #fea945;
}

.fb-wbj-hl {
    margin: 10px 0;
    color: #9d96a6;
}

.fb-wbj-hl span {
    color: #f54f2d;
    margin: 0 5px;
}

.fb-wbj-btn {
    width: 100%;
    margin-top: 30px;
}

.fb-wbj-btn span {
    display: flex;
    height: 43px;
    width: 100%;
    align-items: center;
    justify-content: center;
    background-color: #e97070;
    color: #fff;
    border-radius: 4px;

}

.skinRMBMB .user-betlog .item {
    padding: 0 10px;
}

.skinRMBMB .user-betlog .item .am-cf {
    background: #e7e7e7;
    color: #130f1a;
}

.skinRMBMB .user-betlog .am-t {
    display: flex;
    justify-content: space-between;
    margin-bottom: 10px;
}

.skinRMBMB .user-betlog .am-fl .am-fl-title {
    display: flex;
    background: #f7f1f9;
    width: 100%;
    padding: 10px;
    font-size: 14px;
}

.skinRMBMB .user-betlog .am-c {
    display: flex;
    padding: 10px;
    background: #fff;
    border-top: 10px solid #f7f1f9;
    font-size: 14px;
    flex-wrap: wrap;
    gap: 10px;
}

.skinRMBMB .user-betlog .am-fd {
    color: #289ef1;
}

.skinRMBMB .user-betlog .am-sf {
    color: #ff6622;
}

.skinRMBMB .user-betlog .item li .status {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 20px 0 0px;
    color: #130f1a;
}

.alert-dialog--warning {
    border-top: 3px solid #e6a23c;
}

.lsb1 {
    font-size: 0.38rem;
    opacity: 0.7;
}

input[type=checkbox]:focus, input[type=file]:focus, input[type=radio]:focus{
    outline:none;
}

.layui-layer {
    border-radius: 5px;
    background: #f4f4f4;
}

.layui-layer-title {
    border-radius: 5px 5px 0 0;
    padding: 0;
    text-align: center;
    background: #f4f4f4;
}
.layui-layer-setwin{
    display:none;
}
.layui-layer-prompt .layui-layer-content {
    padding-top: 5px;
    padding-bottom: 10px;
}

.layui-layer-prompt textarea.layui-layer-input {
    border-radius: 5px;
    border: none;
}

.layui-layer-btn {
    padding: 0;
    display: flex;
    flex-direction: row-reverse;
    border-top: 1px solid #e3dddd;
}
    .layui-layer-btn a {
        flex: 1;
        text-align: center;
        height: 45px;
        line-height: 45px;
        margin: 0;
        background: initial;
    }

    .layui-layer-btn .layui-layer-btn0 {
        background: initial;
        color: #bd5f60;
        border: none;
    }
