.lottery-main .ion-header .history_box .history_content .issue .menu-box .ion-icon.icon.icon-ios.ion-md-arrow-dropdown {
    font-size: 17px !important;
    margin-left: 3px !important
}

.lottery-main .scroll-content {
    background: #f5f5f5
}

.lottery-main .scroll-content::-webkit-scrollbar {
    width: 0
}

.lottery-main .dragon-loading {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(216, 216, 216, .5);
    padding-top: 60%;
    z-index: 30
}

.lottery-main .betting-mask {
    position: fixed;
    display: block;
    top: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, .4);
    z-index: 30;
    opacity: 0
}

.lottery-main .betting-mask.open {
    bottom: 0;
    opacity: 1
}

.lottery-main .textarea-betting {
    padding: 5px;
    margin: 0 10px 10px 10px;
    background: #fff
}

.lottery-main .textarea-betting .card-content-ios {
    padding: 0
}

.lottery-main .textarea-betting .list {
    border: 1px solid #eee
}

.lottery-main .textarea-betting .list .form-block #ion-textarea {
    -webkit-user-select: auto !important;
    -moz-user-select: auto !important;
    -ms-user-select: auto !important;
    -o-user-select: auto !important;
    user-select: auto !important
}

.lottery-main .textarea-betting .list .form-block .item-inner {
    border-bottom: 1px solid #ddd;
    padding: 0
}

.lottery-main .textarea-betting .list .form-block .text-input-ios {
    margin: 0;
    padding: 5px;
    width: 100%;
    -webkit-user-select: auto !important;
    -moz-user-select: auto !important;
    -ms-user-select: auto !important;
    -o-user-select: auto !important;
    user-select: auto !important
}

.lottery-main .textarea-betting .shortcut-btn-group {
    text-align: right;
    padding: 10px 0
}

.lottery-main .textarea-betting .shortcut-btn-group .button-ios {
    height: 28px
}

.lottery-main .textarea-betting .shortcut-btn-group .button-ios .button-inner {
    font-size: 14px
}

.lottery-main .textarea-betting .help {
    padding: 6px 0;
    color: #666
}

.lottery-main .textarea-betting .help.tips-group {
    overflow: hidden
}

.lottery-main .textarea-betting .help.tips-group .tips {
    width: 80%;
    float: left
}

.lottery-main .textarea-betting .help.tips-group .tips b {
    font-size: inherit
}

.lottery-main .textarea-betting .help.tips-group .shortcut-btn-group {
    float: left;
    width: 20%;
    margin-top: 4px;
    padding: 0
}

.lottery-main .textarea-betting .help p {
    font-size: 12px
}

.lottery-main .basket-empty {
    position: absolute;
    top: -45px;
    width: 150px;
    background: rgba(255, 31, 46, .8);
    padding: 10px 0;
    text-align: center;
    border-radius: 6px;
    color: #fff
}

.lottery-main .header-ios .toolbar-background-ios,
.lottery-main .ion-header .toolbar-background-md {
    background: 0 0
}

.lottery-main .trend-content .trend-btn-group button {
    width: 25%;
    height: 36px;
    border-right: 1px solid #4e5ea7;
    border-radius: 0;
    border-bottom: 1px solid #4e5ea7;
    background: #fff;
    color: #dbb085
}

.lottery-main .trend-content .trend-btn-group button:last-of-type {
    border-right: none
}

.lottery-main .trend-content .trend-btn-group button.active {
    background: #4e5ea7;
    color: #fff
}

.lottery-main .trend-content .topTab {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-bottom: 1px solid #ccc;
    background: #f5f5f5;
    height: 44px;
    line-height: 44px;
    position: relative;
    background: #fff;
    overflow: hidden
}

.lottery-main .trend-content .topTab .btn-choose {
    position: relative;
    float: left;
    width: 82px;
    height: 43px;
    line-height: 43px;
    padding: 0 4px;
    color: #ff3635;
    margin: 0 -82px 0 0;
    z-index: 1;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.lottery-main .trend-content .topTab .btn-choose::after {
    position: absolute;
    z-index: 10000;
    content: " ";
    display: table;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid #0a2461;
    border-bottom: 0 solid #0a2461;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-3px);
    transform: translateY(-3px);
    -webkit-transition: .5s;
    transition: .5s
}

.lottery-main .trend-content .topTab .btn-choose.active::after {
    border-bottom: 6px solid #0a2461;
    border-top: 0 solid #0a2461;
    -webkit-transition: .5s;
    transition: .5s
}

.lottery-main .trend-content .topTab .header-tabs {
    margin-left: 82px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0 4px 0 10px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
    padding: 6px 8px
}

.lottery-main .trend-content .topTab .header-tabs .header-border {
    border: 1px solid #fff;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.lottery-main .trend-content .topTab .header-tabs .table-box {
    height: 100%;
    overflow: hidden;
    background: #fff;
    border: 1px solid #dbb085;
    border-radius: 5px
}

.lottery-main .trend-content .topTab .header-tabs .table-box.no-b {
    border: none
}

.lottery-main .trend-content .topTab .header-tabs button {
    display: inline-block;
    height: 100%;
    padding: 0 14px;
    border-radius: 0;
    border-right: 1px solid #fff;
    background: #fff;
    color: #dbb085
}

.lottery-main .trend-content .topTab .header-tabs button.ten {
    padding: 0 5px
}

.lottery-main .trend-content .topTab .header-tabs button.active {
    background: #4e5ea7;
    color: #fff
}

.lottery-main .trend-content .topTab .header-tabs button:first-of-type {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px
}

.lottery-main .trend-content .topTab .header-tabs button:last-of-type {
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    border-right: none
}

.lottery-main .trend-content .topTab .header-tabs .ion-icon {
    color: #dbb085
}

.lottery-main .trend-content .total-count {
    overflow: hidden;
    line-height: 36px;
    font-size: 12px
}

.lottery-main .trend-content .total-count.table-header {
    color: #333;
    background: #f5f5f5
}

.lottery-main .trend-content .total-count.table-header .num-box .row .col,
.lottery-main .trend-content .total-count.table-header .title {
    border-color: #ccc !important
}

.lottery-main .trend-content .total-count.table-content {
    background: #fff
}

.lottery-main .trend-content .total-count.table-content:last-of-type .title {
    border-bottom: 0 !important
}

.lottery-main .trend-content .total-count.table-content:last-of-type .num-box .row .col {
    border-bottom: 0 !important
}

.lottery-main .trend-content .total-count.table-content .num-box .row .col,
.lottery-main .trend-content .total-count.table-content .title {
    border-color: #ccc !important
}

.lottery-main .trend-content .total-count.heighter-title {
    height: 50px;
    border-bottom: 1px solid #ccc !important
}

.lottery-main .trend-content .total-count.heighter-title span {
    line-height: 50px
}

.lottery-main .trend-content .total-count.heighter-title .ion-grid {
    padding: 0
}

.lottery-main .trend-content .total-count.heighter-title .col {
    height: 50px
}

.lottery-main .trend-content .total-count.heighter-title .col .ion-col {
    line-height: normal !important
}

.lottery-main .trend-content .total-count .num-box .row .content-row {
    border-bottom: 1px solid #ccc !important
}

.lottery-main .trend-content .total-count .title {
    width: 17%;
    float: left;
    line-height: inherit;
    text-align: center;
    border-right: 1px solid #ccc !important;
    border-bottom: 1px solid #ccc !important;
    font-size: inherit;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.lottery-main .trend-content .total-count .num-box {
    width: 83%;
    float: left
}

.lottery-main .trend-content .total-count .num-box .row .col {
    padding: 0;
    line-height: inherit;
    text-align: center;
    border-right: 1px solid #ccc !important;
    border-bottom: 1px solid #ccc !important;
    font-size: inherit;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.lottery-main .trend-content .total-count .num-box .row .col .ion-col {
    border-bottom: 0 !important;
    height: 100%
}

.lottery-main .trend-content .total-count .num-box .row .col:last-of-type {
    border-right: none !important
}

.lottery-main .trend-content .total-count .num-box .row .col .num-count {
    width: 15px;
    height: 14px;
    background: #199cdc;
    color: #fff;
    position: absolute;
    top: -5px;
    right: -2px;
    line-height: 14px;
    border-radius: 50%
}

.lottery-main .trend-content .total-count .num-box .row .content-row {
    width: 100%
}

.lottery-main .trend-content .total-count .num-box .row .content-row .col-2 {
    display: inline-block;
    width: 20%;
    text-align: center
}

.lottery-main .trend-content .total-count .num-box .row .content-row .col-1 {
    display: inline-block;
    width: 10%;
    text-align: center
}

.lottery-main .trend-content .total-count .num-box .row .content-row .content-col {
    border-right: 1px solid #ccc
}

.lottery-main .trend-content .total-count .num-box .row .content-row .content-col.none {
    color: #f5f5f5
}

.lottery-main .trend-content .total-count .num-box .row .content-row .content-col:last-of-type {
    border-right: 0
}

.lottery-main .list {
    margin: 0
}

.lottery-main .range-ios .range-knob {
    left: 12px;
    top: 9px;
    width: 20px;
    height: 20px
}

.lottery-main a {
    text-decoration: none
}

.lottery-main .range-ios {
    padding: 0
}

.lottery-main .range-ios .range-pin {
    top: -11px
}

.lottery-main .range-ios.range-has-pin {
    padding-top: 0
}

.lottery-main .lottery-mark {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 0;
    z-index: 100000;
    background: rgba(0, 0, 0, .2);
    overflow: auto
}

.lottery-main .lottery-mark.trend-mark {
    top: 123px
}

.lottery-main .lottery-mark .lottery-choose .brick-choose {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 20%;
    overflow: auto;
    background: #fff;
    border-top: 1px solid #eee;
    padding-top: env(safe-area-inset-top) !important
}

.lottery-main .lottery-mark .lottery-choose .brick-choose .back {
    position: relative;
    font-size: 16px;
    font-weight: 500;
    padding-left: 20px;
    background: #f8f8f8;
    border-bottom: 1px solid #ccc;
    z-index: 1;
    height: 60px
}

.lottery-main .lottery-mark .lottery-choose .brick-choose .back .ion-icon {
    font-size: 26px;
    color: #797fa9;
    margin-right: 10px;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.lottery-main .lottery-mark .lottery-choose .brick-choose .brick-types .btn-full {
    min-height: 40px;
    line-height: 40px
}

.lottery-main .lottery-mark .lottery-choose .brick-choose .brick-types .btn-full .name {
    padding: 5px 30px 5px 15px
}

.lottery-main .lottery-mark .lottery-choose .brick-choose .brick-types .btn-full .name .ion-icon {
    color: #797fa9
}

.lottery-main .lottery-mark .lottery-choose .brick-choose .brick-types .btn-full .name img {
    width: 18px;
    height: 18px
}

.lottery-main .lottery-mark .lottery-choose .brick-choose .brick-types .btn {
    display: block;
    text-decoration: none;
    border-bottom: 1px solid #efefef
}

.lottery-main .lottery-mark .lottery-choose .brick-choose .brick-types .btn span {
    display: block;
    line-height: 22px;
    text-align: center;
    padding-left: 10px;
    font-size: 14px
}

.lottery-main .lottery-mark .lottery-choose .brick-choose .brick-types .btn.actived {
    background: #fff
}

.lottery-main .lottery-mark .lottery-choose .brick-choose .brick-types .btn.actived .ion-icon.type {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.lottery-main .lottery-mark .lottery-choose .brick-choose .brick-list .brick-item {
    border: 0;
    outline: 0;
    display: inline-block;
    width: 100%;
    padding-left: 20px;
    line-height: 30px;
    padding: 4px 0 4px 20px
}

.lottery-main .lottery-mark .lottery-choose .brick-choose .brick-list .brick-item .hot-sign {
    background: -webkit-gradient(linear, left top, left bottom, from(#ffde63), color-stop(#ffa449), to(#ff823a));
    background: linear-gradient(to bottom, #ffde63, #ffa449, #ff823a)
}

.lottery-main .lottery-mark .lottery-choose .brick-choose .brick-list .brick-item .new-sign {
    background: -webkit-gradient(linear, left top, left bottom, from(#7bebed), color-stop(#16b6af), to(#229e95));
    background: linear-gradient(to bottom, #7bebed, #16b6af, #229e95)
}

.lottery-main .lottery-mark .lottery-choose .brick-choose .brick-list .brick-item .fire-sign {
    background: -webkit-gradient(linear, left top, left bottom, from(#eb8296), color-stop(#db1425), to(#d00f1d));
    background: linear-gradient(to bottom, #eb8296, #db1425, #d00f1d)
}

.lottery-main .lottery-mark .lottery-choose .brick-choose .brick-list .brick-item .recommend-sign {
    background: -webkit-gradient(linear, left top, left bottom, from(#f1cb83), color-stop(#ecac35), to(#f7a204));
    background: linear-gradient(to bottom, #f1cb83, #ecac35, #f7a204)
}

.lottery-main .lottery-mark .lottery-choose .brick-choose .brick-list .brick-item p {
    position: relative;
    font-size: 14px;
    color: #333
}

.lottery-main .lottery-mark .lottery-choose .brick-choose .brick-list .brick-item p img {
    width: 18px;
    height: 18px;
    margin-right: 5px
}

.lottery-main .lottery-mark .lottery-choose .brick-choose .brick-list .brick-item p label {
    color: #fff;
    padding: 0;
    border-radius: 4px;
    width: 16px;
    line-height: 16px;
    display: inline-block;
    text-align: center;
    margin-left: 4px;
    font-size: 12px
}

.lottery-main .lottery-mark .lottery-choose .brick-choose .brick-list .brick-item p .ion-icon {
    position: absolute;
    right: 24px;
    color: #797fa9
}

.lottery-main .lottery-mark .lottery-choose .brick-choose .brick-list .brick-item.actived {
    background: #f4e5ea;
    border: none;
    position: relative
}

.lottery-main .lottery-mark .lottery-choose .brick-choose .brick-list .brick-item.actived p {
    color: #e54062
}

.lottery-main .lottery-mark .lottery-choose .brick-choose .brick-list .brick-item.actived::before {
    content: "";
    background-color: #e17487;
    position: absolute;
    left: 0;
    width: 3px;
    top: 0;
    bottom: 0
}

.lottery-main .lottery-mark .close-choose {
    width: calc(100% - 80%);
    height: 100%;
    opacity: 0;
    position: absolute;
    top: 0;
    left: 80%;
    right: 0;
    bottom: 0
}

.lottery-main .col-10 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 10%;
    -ms-flex: 0 0 10%;
    flex: 0 0 10%;
    width: 10%;
    max-width: 10%
}

.lottery-main .col-20 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 20%;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    width: 20%;
    max-width: 20%
}

.lottery-main .col-25 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 25%;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    width: 25%;
    max-width: 25%
}

.lottery-main .col-30 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 25%;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    width: 25%;
    max-width: 25%
}

.lottery-main .col-30:nth-of-type(3n) {
    border-right: 0 !important
}

.lottery-main .col-50 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 25%;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    width: 25%;
    max-width: 25%
}

.lottery-main .col-50:nth-of-type(3n) {
    border-right: 0 !important
}

.lottery-main .brick-header .header_menu {
    position: fixed;
    top: 42px;
    right: 20px;
    width: 140px;
    border-radius: 4px;
    border: 1px solid #c17a42;
    z-index: 11;
    background: #fff
}

.lottery-main .brick-header .header_menu img {
    display: inline-block;
    width: 22px;
    height: 22px
}

.lottery-main .brick-header .header_menu .no_click {
    pointer-events: none
}

.lottery-main .brick-header .header_menu button {
    height: 60px;
    padding: 0 0 0 10px;
    background: 0 0;
    border-radius: 0;
    border: 0
}

.lottery-main .brick-header .header_menu button span {
    overflow: hidden;
    position: relative
}

.lottery-main .brick-header .header_menu button:last-of-type p {
    border-bottom: 0
}

.lottery-main .brick-header .header_menu button p {
    border-bottom: 1px solid #f5f5f5;
    color: #333;
    font-size: 14px;
    padding: 20px 0;
    margin-left: 5px;
    width: 90px
}

.lottery-main .brick-header .top_header {
    overflow: hidden;
    background: url(/images/mobile/lottery/appbar_bg2.png) no-repeat;
    background-size: 100% 100%
}

.lottery-main .brick-header .ion-toolbar {
    height: 48px;
    margin-top: 8px
}

.lottery-main .brick-header .bet_header {
    color: #fff;
    padding: 0 5px 0 0
}

.lottery-main .brick-header .bet_header .header_count .burger {
    padding: 0 6px
}

.lottery-main .brick-header .bet_header .header_issue {
    max-width: 31%
}

.lottery-main .brick-header .bet_header .header_issue p {
    font-size: 15px;
    font-weight: 700;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.lottery-main .brick-header .bet_header .header_issue span {
    font-size: 12px;
    font-weight: 700;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block
}

.lottery-main .brick-header .bet_header .header_count .count div,
.lottery-main .brick-header .bet_header .header_count .count span {
    margin-right: 14px
}

.lottery-main .brick-header .bet_header .header_count .count .time {
    background: #fff;
    color: #333;
    height: 34px;
    width: 34px;
    position: relative;
    line-height: 34px;
    text-align: center;
    font-size: 26px;
    border-radius: 4px;
    font-family: DSDigital;
    -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .3);
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .3)
}

.lottery-main .brick-header .bet_header .header_count .count .time::after,
.lottery-main .brick-header .bet_header .header_count .count .time::before {
    content: "";
    width: 3px;
    background: #fff;
    height: 6px;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-3px);
    transform: translateY(-3px);
    background: -webkit-gradient(linear, left top, left bottom, from(#e6b998), to(#f5e7e5));
    background: linear-gradient(to bottom, #e6b998, #f5e7e5);
    -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .3);
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .3)
}

.lottery-main .brick-header .bet_header .header_count .count .time::after {
    right: 100%
}

.lottery-main .brick-header .bet_header .header_count .count .time::before {
    left: 100%
}

.lottery-main .brick-header .bet_header .header_count .burger .ion-icon {
    font-size: 20px
}

.lottery-main .brick-header .col-33 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 33.333333%;
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    width: 33.333333%;
    max-width: 33.333333%
}

.lottery-main .brick-header .col-25 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 25%;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    width: 25%;
    max-width: 25%
}

.lottery-main .brick-header .btn-toggle {
    position: absolute;
    text-align: left;
    right: 4px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 60px;
    border: 1px solid #dbb085;
    border-radius: 20px;
    background: #fff;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 4px;
    -webkit-transition: .5s;
    transition: .5s;
    height: 26px;
    line-height: 16px
}

.lottery-main .brick-header .btn-toggle span {
    display: inline-block;
    vertical-align: middle;
    font-size: 12px;
    color: #dbb085;
    margin: 0 0 0 2px
}

.lottery-main .brick-header .btn-toggle i {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    display: inline-block;
    vertical-align: middle;
    background: #dbb085
}

.lottery-main .brick-header .btn-toggle.toggle-checked {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -webkit-transition: .5s;
    transition: .5s
}

.lottery-main .brick-header .btn-toggle.toggle-checked span {
    margin: 0 2px 0 0
}

.lottery-main .brick-header .issue {
    text-align: center
}

.lottery-main .brick-header .brick-open-content,
.lottery-main .brick-header .cache-box,
.lottery-main .brick-header .head-time {
    background: #f5f5f5
}

.lottery-main .brick-header .head-time {
    position: relative;
    background: #fff;
    overflow: hidden
}

.lottery-main .brick-header .head-time .btn-choose {
    position: relative;
    float: left;
    width: 100px;
    height: 32px;
    line-height: 32px;
    padding: 0 10px 0 4px;
    color: #ff3635;
    z-index: 1;
    font-size: 14px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

.lottery-main .brick-header .head-time .btn-choose::after {
    position: absolute;
    z-index: 10000;
    content: " ";
    display: table;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid #e62323;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-3px);
    transform: translateY(-3px)
}

.lottery-main .brick-header .head-time .timer-line {
    position: relative;
    margin-left: 100px;
    height: 32px;
    line-height: 32px
}

.lottery-main .brick-header .head-time .timer-line .percentage {
    position: relative;
    height: 37px;
    width: 0%;
    background: #fff;
    -webkit-transition: width 1.5s;
    transition: width 1.5s
}

.lottery-main .brick-header .head-time .timer-line .next-issue {
    font-size: 14px
}

.lottery-main .brick-header .head-time .timer-line .next-issue span {
    font-size: 14px
}

.lottery-main .brick-header .brick-open-content {
    padding: 5px 0;
    overflow: hidden;
    background: #f5f5f5
}

.lottery-main .brick-header .brick-open-content .go-official {
    text-align: center;
    letter-spacing: 1px;
    text-decoration: none;
    color: #fff;
    display: block;
    line-height: 18px;
    display: inline-block;
    border: 1px solid #5a93e8;
    border-radius: 7px;
    padding: 0 8px;
    background: #5a93e8;
    margin-left: 5px
}

.lottery-main .brick-header .brick-open-content .go-official span {
    font-size: 12px;
    line-height: inherit;
    vertical-align: top
}

.lottery-main .brick-header .brick-open-content .go-official .ion-icon {
    font-size: 16px;
    line-height: inherit
}

.lottery-main .brick-header .brick-open-content .ion-icon {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    -webkit-transition: .5s;
    transition: .5s
}

.lottery-main .brick-header .brick-open-content.history {
    height: 130px;
    overflow: auto;
    background: #fff;
    line-height: 22px
}

.lottery-main .brick-header .brick-open-content.history .open-balls {
    margin-bottom: 2px;
    line-height: 24px;
    height: 24px;
    width: 24px
}

.lottery-main .brick-header .brick-open-content.history .history-title {
    border-bottom: 1px solid #eee;
    margin-bottom: 5px
}

.lottery-main .brick-header .brick-open-content.history .history-title>div {
    font-size: 12px;
    color: #333;
    margin-bottom: 2px;
    font-weight: 700
}

.lottery-main .brick-header .brick-open-content.history .history-title>div:first-of-type {
    text-align: left;
    text-indent: 10px
}

.lottery-main .brick-header .brick-open-content.history .ion-icon {
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
    -webkit-transition: .5s;
    transition: .5s
}

.lottery-main .brick-header .brick-open-content.history .model-text {
    font-weight: 600;
    font-size: 14px
}

.lottery-main .brick-header .brick-open-content.history .green-text {
    color: #03bc00
}

.lottery-main .brick-header .brick-open-content.history .blue-text {
    color: #086ae4
}

.lottery-main .brick-header .brick-open-content.history .red-text {
    color: #e10807
}

.lottery-main .brick-header .brick-open-content.history .gray-text {
    color: #857171
}

.lottery-main .brick-header .brick-open-content.history .yellow-text {
    color: #daa710
}

.lottery-main .brick-header .brick-open-content.history .orange-text {
    color: #ef4f34
}

.lottery-main .brick-header .brick-open-content.history .ball-num {
    background: #d1a314;
    color: #fff;
    border-radius: 50%;
    width: 26px;
    height: 26px
}

.lottery-main .brick-header .brick-open-content.history .open-text {
    background: #fff;
    color: #333
}

.lottery-main .brick-header .brick-open-content .col,
.lottery-main .brick-header .brick-open-content .row {
    padding: 0
}

.lottery-main .brick-header .brick-open-content .col>div,
.lottery-main .brick-header .brick-open-content .row>div {
    text-align: center
}

.lottery-main .brick-header .brick-open-content .last-issue {
    float: left;
    padding-left: 4px;
    text-align: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 26px;
    font-size: 12px;
    text-align: left !important
}

.lottery-main .brick-header .brick-open-content .last-issue span {
    font-size: 12px
}

.lottery-main .brick-header .brick-open-content .open-balls {
    text-align: center
}

.lottery-main .brick-header .brick-open-content .open-balls .symbol {
    font-size: 20px;
    color: #333
}

.lottery-main .brick-header .brick-open-content .open-balls .col {
    text-align: center
}

.lottery-main .brick-header .brick-open-content .open-balls .symbol-niu {
    color: #fff;
    font-size: 20px;
    font-weight: 700
}

.lottery-main .brick-header .brick-open-content .open-balls .ball {
    width: 26px;
    height: 26px;
    line-height: 24px;
    border-radius: 50%;
    font-size: 16px;
    color: #fff;
    font-weight: 700;
    border: 2px solid #fff;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .4);
    box-shadow: 0 0 10px rgba(0, 0, 0, .4);
    font-family: Arial, Helvetica, sans-serif
}

.lottery-main .brick-header .brick-open-content .open-balls .ball.five {
    background-color: #ff3635;
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(25%, #be1413), to(#ff3635));
    background-image: linear-gradient(0deg, #be1413 25%, #ff3635 100%)
}

.lottery-main .brick-header .brick-open-content .open-balls .ball.ten {
    font-size: 14px;
    border-radius: 0;
    border: 1px solid #fff;
    -webkit-box-shadow: 0 0 3px 1px rgba(29, 29, 29, .4);
    box-shadow: 0 0 3px 1px rgba(29, 29, 29, .4);
    background-color: #ff3635;
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(25%, #be1413), to(#ff3635));
    background-image: linear-gradient(0deg, #be1413 25%, #ff3635 100%)
}

.lottery-main .brick-header .brick-open-content .open-balls .ball .niu-a,
.lottery-main .brick-header .brick-open-content .open-balls .ball .niu-b,
.lottery-main .brick-header .brick-open-content .open-balls .ball .niu-c {
    position: absolute;
    bottom: -6px;
    right: -9px;
    background: #8d78da;
    color: #fff;
    border-radius: 5px;
    height: 20px;
    line-height: 20px;
    font-size: 13px;
    font-weight: 700;
    width: 20px
}

.lottery-main .brick-header .brick-open-content .open-balls .ball .niu-c {
    font-size: 14px;
    background-color: #3ba1d8
}

.lottery-main .top-content {
    overflow: hidden
}

.lottery-main .top-content .header_bottom {
    background: #fff;
    -webkit-box-shadow: 0 3px 5px #cec3c3;
    box-shadow: 0 3px 5px #cec3c3
}

.lottery-main .top-content .header_bottom .grid {
    padding: 0
}

.lottery-main .top-content .header_bottom .ion-col {
    padding: 2px 10px
}

.lottery-main .top-content .header_bottom .ion-col button {
    border-radius: 5px;
    background: #f0e6dd;
    color: #333;
    height: 40px;
    width: 100%;
    font-size: 12px;
    font-weight: 700
}

.lottery-main .top-content .header_bottom .ion-col button.active {
    color: #fff;
    -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .1);
    background: -webkit-gradient(linear, left top, left bottom, from(#ebc58d), color-stop(#e1b57e), to(#d8a871));
    background: linear-gradient(to bottom, #ebc58d, #e1b57e, #d8a871)
}

.lottery-main .top-content .history_box {
    background: url(/images/mobile/lottery/appbar_bg2.png) no-repeat;
    background-size: 100% 100%;
    padding: 8px 10px;
    width: 100%;
    height: 110px
}

.lottery-main .top-content .history_box .history_content {
    width: 100%;
    height: 100%;
    background: url(/images/mobile/lottery/bg1@3x.png);
    background-size: 100% 100%
}

.lottery-main .top-content .history_box .history_content .header_open .open-balls {
    position: relative;
    padding-right: 25px
}

.lottery-main .top-content .history_box .history_content .header_open .open-balls .row {
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.lottery-main .top-content .history_box .history_content .header_open .open-balls .row.pkrow {
    margin-top: 6px
}

.lottery-main .top-content .history_box .history_content .header_open .open-balls .ion-icon.ion-md-arrow-dropdown {
    position: absolute;
    right: 10px;
    top: 20px
}

.lottery-main .top-content .history_box .history_content .header_open .open-balls .niu-a,
.lottery-main .top-content .history_box .history_content .header_open .open-balls .niu-b,
.lottery-main .top-content .history_box .history_content .header_open .open-balls .niu-c {
    position: absolute;
    bottom: -6px;
    right: -9px;
    background: #8d78da;
    color: #fff;
    border-radius: 5px;
    height: 20px;
    line-height: 20px;
    font-size: 13px;
    font-weight: 700;
    width: 20px
}

.lottery-main .top-content .history_box .history_content .header_open .open-balls .niu-c {
    font-size: 14px;
    background-color: #3ba1d8
}

.lottery-main .top-content .history_box .history_content .header_open .open-balls .col {
    text-align: center
}

.lottery-main .top-content .history_box .history_content .header_open .open-balls .symbol-niu {
    color: #fff;
    font-size: 20px;
    font-weight: 700
}

.lottery-main .top-content .history_box .history_content p {
    padding: 10px 20px 0;
    color: #fff;
    font-size: 12px;
    font-weight: 700
}

.lottery-main .top-content .history_box .history_content p.watting {
    font-size: 18px;
    text-align: center;
    display: inline
}

.lottery-main .top-content .history_box .history_content .ion-icon {
    color: #fff;
    font-size: 24px
}

.lottery-main .top-content .history_box .history_content .open-balls .ball.five,
.lottery-main .top-content .history_box .history_content .open-balls .ball.ten {
    width: 22px;
    height: 22px;
    line-height: 22px;
    border-radius: 50%;
    -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .3);
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .3);
    border: none;
    margin: 10px 0
}

.lottery-main .top-content .history_box .history_content .open-balls .ball.five.active,
.lottery-main .top-content .history_box .history_content .open-balls .ball.ten.active {
    background-color: #5a93e8;
    color: #fff
}

.lottery-main .top-content .history_box .history_content .open-balls .ball.five {
    background: url(/images/mobile/lottery/img1@3x.png);
    background-size: 100% 100%;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 16px;
    margin: 10px 6px;
    position: relative
}

.lottery-main .top-content .history_box .history_content .open-balls .ball.five i {
    position: absolute;
    bottom: 4px;
    right: -3px;
    font-size: 16px;
    text-shadow: 1px 4px 4px #af650b;
    font-style: normal;
    height: 20px;
    color: #fff;
    font-weight: 500
}

.lottery-main .top-content .history_box .history_content .open-balls .ball.five.k3_num {
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none
}

.lottery-main .top-content .history_box .history_content .open-balls .ball.ten {
    color: #fff;
    font-weight: 700;
    font-size: 13px;
    border-radius: 0;
    text-align: center;
    text-shadow: 1px 2px 2px #000;
    width: 24px;
    height: 24px;
    line-height: 24px
}

.lottery-main .top-content .history_box .history_content .issue {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.lottery-main .top-content .history_box .history_content .issue .menu-box {
    background: #c87839;
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    padding: 0 8px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    border-radius: 17px;
    border: 1px solid #c87839;
    margin-top: 9px;
    margin-right: 15px
}

.lottery-main .top-content .history_box .history_content .issue .menu-box .ion-icon.icon.icon-ios.ion-md-arrow-dropdown {
    font-size: 17px !important;
    margin-left: 3px !important
}

.lottery-main .middle-content {
    position: relative
}

.lottery-main .middle-content::-webkit-scrollbar {
    width: 0
}

.lottery-main .middle-content.offical-content {
    background: #f5f5f5
}

.lottery-main .middle-content .brick-wrap {
    overflow: hidden;
    height: 100%
}

.lottery-main .option-room .cache-box {
    position: relative;
    overflow: hidden;
    background: #f5f5f5;
    padding-left: 5px;
    height: 34px;
    line-height: 34px
}

.lottery-main .option-room .cache-box .btn-method-choose {
    color: #bd8d55;
    display: block;
    text-align: center;
    font-size: 20px;
    border-radius: 4px
}

.lottery-main .option-room .cache-box .box_btn {
    background: #f5f5f5;
    position: absolute;
    right: 0;
    width: 40px;
    height: 100%;
    -webkit-box-shadow: -1px 4px 8px #999;
    box-shadow: -1px 4px 8px #999
}

.lottery-main .option-room .cache-box .box-wrap {
    overflow: auto;
    position: absolute;
    left: 10px;
    right: 40px
}

.lottery-main .option-room .cache-box .box-wrap .cache-list {
    white-space: nowrap;
    padding-top: 5px;
    height: 100%
}

.lottery-main .option-room .cache-box .box-wrap .cache-list .cache-item {
    padding: 0 8px;
    margin-right: 10px;
    font-size: 12px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    line-height: 24px;
    background: #f0e6dd;
    border-radius: 4px;
    color: #333;
    border: .5px solid #f0e6dd;
    display: inline-block
}

.lottery-main .option-room .cache-box .box-wrap .cache-list .cache-item.actived {
    color: #fff;
    background: -webkit-gradient(linear, left top, left bottom, from(#eac38b), color-stop(#e0b57d), to(#d9aa72));
    background: linear-gradient(to bottom, #eac38b, #e0b57d, #d9aa72);
    border-color: transparent
}

.lottery-main .option-room .reward {
    color: #666;
    font-size: 12px;
    height: 30px;
    padding-left: 10px;
    line-height: 30px;
    background: #f5f5f5
}

.lottery-main .option-room .reward span {
    color: red
}

.lottery-main .option-room .reward .wenhao i {
    color: #666;
    font-size: 16px;
    line-height: 30px
}

.lottery-main .credit-header .credit-tabs {
    display: block;
    background: #fff
}

.lottery-main .credit-header .credit-tabs .nav-tabs .nav-tab {
    position: relative;
    padding: 10px 12px;
    display: inline-block;
    font-size: 14px
}

.lottery-main .credit-header .credit-tabs .nav-tabs .nav-tab.actived::after {
    position: absolute;
    content: " ";
    -webkit-transition: all 1s;
    transition: all 1s;
    height: 2px;
    left: 0;
    bottom: 0;
    width: 100%;
    background: #111420
}

.lottery-main .credit-header .chips {
    position: relative;
    padding: 4px;
    overflow: hidden;
    background: #fff;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee
}

.lottery-main .credit-header .chips .chips-list {
    margin-right: 120px;
    overflow: hidden
}

.lottery-main .credit-header .chips .chips-list .btn-chip {
    float: left;
    width: 20%;
    height: 32px;
    line-height: 32px;
    padding: 0;
    margin: 0;
    background: 0 0
}

.lottery-main .credit-header .chips .chips-list .btn-chip img {
    display: inline-block;
    width: 60%;
    margin: auto;
    vertical-align: middle
}

.lottery-main .credit-header .chips .chips-money {
    float: right;
    width: 120px
}

.lottery-main .credit-header .chips .chips-money .lbl-money {
    position: relative;
    float: left;
    width: 40px;
    text-align: center;
    line-height: 32px;
    margin: 0 -40px 0 0
}

.lottery-main .credit-header .chips .chips-money .chips-right {
    float: left;
    width: 100%;
    border: 1px solid #ddd
}

.lottery-main .credit-header .chips .chips-money .chips-right .chips-content {
    line-height: 32px;
    margin: 0 0 0 36px
}

.lottery-main .credit-header .chips .chips-money .chips-right .chips-content .text-input-ios {
    margin: 0;
    text-align: center
}

.lottery-main .brick-credit.footer-hide .fixed-content,
.lottery-main .brick-credit.footer-hide .scroll-content {
    margin-top: 56px !important;
    margin-bottom: 0 !important
}

.lottery-main .brick-credit.brick-bet .fixed-content,
.lottery-main .brick-credit.brick-bet .scroll-content {
    margin-top: 56px !important;
    margin-bottom: 110px !important;
    background: #f5f5f5
}

.lottery-main .brick-credit.brick-bet.actived .fixed-content,
.lottery-main .brick-credit.brick-bet.actived .scroll-content {
    margin-top: 192px !important;
    margin-bottom: 44px !important
}

.lottery-main .brick-credit.open-code-expand .fixed-content,
.lottery-main .brick-credit.open-code-expand .scroll-content {
    margin-top: 320px !important
}

.lottery-main .open-code-expand .fixed-content,
.lottery-main .open-code-expand .scroll-content {
    margin-top: 267px !important
}

.lottery-main .brick-bet .fixed-content,
.lottery-main .brick-bet .scroll-content {
    /* margin-bottom: 103px !important */
}

.lottery-main .niuniu-content .fixed-content,
.lottery-main .niuniu-content .scroll-content {
    margin-bottom: 63px !important
}

.lottery-main .footer-hide .fixed-content,
.lottery-main .footer-hide .scroll-content {
    margin-top: 44px !important;
    margin-bottom: 0 !important
}

.lottery-main .show-open-list-top .fixed-content,
.lottery-main .show-open-list-top .scroll-content {
    margin-top: 44px !important;
    margin-bottom: 0 !important
}

.lottery-main .show-game-list .fixed-content,
.lottery-main .show-game-list .scroll-content {
    margin-top: 80px !important;
    margin-bottom: 0 !important
}

.lottery-main .brick-dragon .fixed-content,
.lottery-main .brick-dragon .scroll-content,
.lottery-main .road-map .fixed-content,
.lottery-main .road-map .scroll-content {
    margin-bottom: 0 !important
}

.lottery-main .brick-content {
    position: relative
}

.lottery-main .brick-content.variable .fixed-content,
.lottery-main .brick-content.variable .scroll-content {
    overflow: hidden;
    -webkit-overflow-scrolling: unset;
    will-change: unset
}

.lottery-main .brick-content.variable .middle-content {
    overflow: auto;
    height: calc(100% - 120px)
}

.lottery-main .brick-content.variable .middle-content .brick-play-area {
    height: calc(100% - 60px);
    overflow: auto
}

.lottery-main .brick-content .new_credit_tabs {
    position: absolute;
    left: 0;
    width: 50px;
    z-index: 9;
    top: 10px;
    bottom: 10px;
    overflow: auto;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
    background: #fff
}

.lottery-main .brick-content .new_credit_tabs::-webkit-scrollbar-thumb {
    background-color: red
}

.lottery-main .brick-content .new_credit_tabs::-webkit-scrollbar {
    display: none
}

.lottery-main .brick-content .new_credit_tabs .nav-tab {
    height: 60px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0;
    text-align: center;
    width: 100%;
    color: #333;
    position: relative;
    background: #fff;
    font-size: 12px;
    border-bottom: 1px solid #eee
}

.lottery-main .brick-content .new_credit_tabs .nav-tab:last-of-type {
    border-bottom: 0
}

.lottery-main .brick-content .new_credit_tabs .nav-tab.actived {
    color: #db7c43;
    font-weight: 700;
    background: #f4e5ea
}

.lottery-main .brick-content .new_credit_tabs .nav-tab.actived:after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    width: 4px;
    left: 0;
    background: #db7c43
}

.lottery-main .brick-content .credit-play-area {
    position: absolute;
    left: 66px;
    right: 0;
    z-index: 9;
    top: 10px;
    bottom: 0;
    overflow: auto
}

.lottery-main .brick-content .credit-play-area.have-sub-title {
    height: calc(100% - 38px)
}

.lottery-main .brick-content .credit-play-area.have-sub-title .nav-tab {
    height: 28px;
    border: 1px solid #9cc7f8;
    line-height: 26px;
    text-align: center;
    min-width: 50px;
    padding: 0 4px;
    color: #1c61c1;
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#abd0fa));
    background: linear-gradient(to bottom, #fff, #abd0fa);
    display: inline-block;
    font-size: 12px;
    margin-right: 10px;
    border-radius: 4px
}

.lottery-main .brick-content .credit-play-area.have-sub-title .nav-tab span {
    -webkit-transform: scale(.9);
    transform: scale(.9)
}

.lottery-main .brick-content .credit-play-area.have-sub-title .nav-tab:last-of-type {
    margin-right: 0
}

.lottery-main .brick-content .credit-play-area.have-sub-title .nav-tab.actived {
    color: #fff;
    border: 1px solid #3781d4;
    background: -webkit-gradient(linear, left top, left bottom, from(#6ca9ed), to(#3781d4));
    background: linear-gradient(to bottom, #6ca9ed, #3781d4)
}

.lottery-main .brick-content .credit-play-area .douniu-tip {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.lottery-main .brick-content .credit-play-area .douniu-tip button.help {
    background: 0 0;
    color: #535d73;
    font-size: 13px;
    margin: 0;
    padding: 0;
    font-weight: 500
}

.lottery-main .brick-content .credit-play-area .douniu-tip i.wenhao.iconfont.icon-bangzhu {
    padding-top: 2px;
    margin-right: 2px
}

.lottery-main .brick-content .credit-play-area .douniu-tip .hot-n {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-left: 18px;
    color: #535d73;
    font-size: 13px;
    font-weight: 500
}

.lottery-main .brick-content .credit-play-area .douniu-tip .hot-n img {
    width: 18px;
    margin-right: 3px
}

.lottery-main .brick-content .credit-play-area .douniu-tip .hot-n span {
    color: #f65a69;
    margin-left: 2px;
    font-weight: 700
}

.lottery-main .brick-content .credit-play-area .douniu .top-box {
    padding: 13px 10px;
    background: #fff;
    border-radius: 5px;
    margin-right: 3%;
    margin-bottom: 10px
}

.lottery-main .brick-content .credit-play-area .douniu .top-box .text {
    color: #4b4b4b;
    font-weight: 700;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 6px
}

.lottery-main .brick-content .credit-play-area .douniu .top-box .color-r {
    color: #e31e46
}

.lottery-main .brick-content .credit-play-area .douniu .top-box .color-b {
    color: #5489e9
}

.lottery-main .brick-content .credit-play-area .douniu .top-box .bottom-box .btn-box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%
}

.lottery-main .brick-content .credit-play-area .douniu .top-box .bottom-box .btn-box .button-niu {
    width: 48%;
    margin: 6px 0;
    height: 42px;
    text-align: center;
    color: #4b4b4b;
    font-size: 16px;
    font-weight: 700;
    border-radius: 3px;
    background: #f7f7f7;
    border: 1px solid #e7e7e7
}

.lottery-main .brick-content .credit-play-area .douniu .top-box .bottom-box .btn-box .active {
    color: #fff;
    background: #d6515c;
    border: 1px solid #d6515c
}

.lottery-main .brick-content .credit-play-area .douniu .top-box .bottom-box .info {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    margin-top: 8px
}

.lottery-main .brick-content .credit-play-area .douniu .top-box .bottom-box .info .money-input {
    width: 100%;
    height: 45px;
    background: #fff;
    border: 1px solid #e7e7e7;
    border-radius: 3px;
    font-size: 16px;
    font-weight: 700;
    padding-left: 12px
}

.lottery-main .brick-content .credit-play-area .douniu .top-box .bottom-box .info .help {
    height: 42px;
    width: 25%;
    background: #f6f2fc;
    border: 1px solid #dee0ee;
    -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .06);
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .06);
    border-radius: 4px;
    color: #535d73
}

.lottery-main .brick-content .credit-play-area .douniu .top-box .bottom-box .info .help span {
    color: #535d73;
    font-size: 14px
}

.lottery-main .brick-content .credit-play-area .douniu .top-box .bottom-box .info .help .ion-icon.middle.icon-refresh.icon.icon-ios.ion-ios-refresh-outline {
    font-size: 25px;
    margin-right: 2px
}

.lottery-main .brick-content .credit-play-area .douniu .top-box .bottom-box .info .help i.wenhao.iconfont.icon-bangzhu {
    font-size: 17px;
    margin-right: 2px;
    padding-top: 2px
}

.lottery-main .brick-content .credit-play-area .douniu .top-box .bottom-box .tip {
    text-align: right;
    margin: 5px 0 8px 0;
    font-size: 13px;
    font-weight: 500;
    color: #626262
}

.lottery-main .brick-content .credit-play-area .douniu .top-box .bottom-box button.num-btn {
    width: 30%;
    border: 1px solid #eaeaea;
    background-color: #fff;
    color: #444;
    font-weight: 500;
    font-size: 14px;
    height: 2.6em
}

.lottery-main .brick-content .credit-play-area .douniu .top-box .bottom-box .tip-text {
    color: #27b7f4;
    margin: 5px 0 3px 0;
    font-size: 12px;
    font-weight: 500
}

.lottery-main .brick-content .credit-play-area .douniu .top-box .curr-issue {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 12px
}

.lottery-main .brick-content .credit-play-area .douniu .top-box .curr-issue .tx {
    color: #d6515c;
    border-bottom: 2px solid #d6515c;
    font-weight: 500
}

.lottery-main .brick-content .credit-play-area .douniu .top-box .curr-issue button.help {
    height: 1.8em;
    font-size: 13px;
    border-radius: 3px;
    background: #f3748e;
    margin: 0;
    font-weight: 500;
    padding: 0 .8em
}

.lottery-main .brick-content .credit-play-area .douniu .top-box .curr-issue .ion-ios-refresh-outline:before {
    font-size: 18px;
    font-weight: 700;
    margin-right: 3px
}

.lottery-main .brick-content .credit-play-area .douniu .top-box .curr-p {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-bottom: 8px
}

.lottery-main .brick-content .credit-play-area .douniu .top-box .curr-p span.btn {
    background: #9680dd;
    border-radius: 3px;
    padding: 4px 10px;
    color: #fff;
    font-size: 14px;
    font-weight: 500
}

.lottery-main .brick-content .credit-play-area .douniu .top-box .curr-p span.money1 {
    color: #3f3f3f;
    font-weight: 700;
    font-size: 14px
}

.lottery-main .brick-content .credit-play-area .douniu .top-box .curr-p span.money1 span {
    color: #3f3f3f;
    font-weight: 400
}

.lottery-main .brick-content .credit-play-area .douniu .top-box .bd {
    border-bottom: 1px solid #eee;
    margin-bottom: 8px
}

.lottery-main .brick-content .with_tab_area {
    height: 100%;
    width: 100%
}

.lottery-main .brick-content .with_tab_area .tab_area {
    width: 100%;
    border-bottom: 1px solid #ddd;
    padding: 10px 0
}

.lottery-main .brick-content .with_tab_area .tab_area .ion-grid .ion-row .ion-col {
    padding: 0 4px
}

.lottery-main .brick-content .with_tab_area .tab_area .ion-grid .ion-row .ion-col button {
    background: #f1f1f1;
    color: #222;
    height: 34px;
    text-align: center;
    font-size: 12px;
    width: 100%;
    font-weight: 700;
    border: 1px solid #ddd
}

.lottery-main .brick-content .with_tab_area .tab_area .ion-grid .ion-row .ion-col button.active {
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#efefef));
    background: linear-gradient(to bottom, #fff, #efefef);
    color: #ff4800
}

.lottery-main .brick-content .with_tab_area .ckick_num_area {
    height: calc(100% - 160px);
    width: 100%;
    overflow: auto
}

.lottery-main .brick-content .credit-rows {
    background: #f5f5f5;
    display: none;
}

.lottery-main .brick-content .credit-rows.actived {
    display: block;
}

.lottery-main .brick-content .credit-rows .method-group {
    border-bottom: 1px solid #eae0e0;
    padding: 0 5px 10px 0
}

.lottery-main .brick-content .credit-rows .method-group:last-of-type {
    border-bottom: 0
}

.lottery-main .brick-content .credit-rows .method-group.down .ion-icon {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.lottery-main .brick-content .credit-rows .method-group.down .method-row {
    height: 0;
    overflow: hidden
}

.lottery-main .brick-content .credit-rows .method-title {
    padding: 10px 16px 10px 0;
    text-align: left;
    font-size: 12px;
    color: #555;
    font-weight: 500
}

.lottery-main .brick-content .credit-rows .method-title .ion-icon {
    color: #999;
    -webkit-transition: .2s;
    transition: .2s
}

.lottery-main .brick-content .credit-rows .method-row .col {
    padding: 0
}

.lottery-main .brick-content .credit-rows .method-row .method-item {
    padding: 5px 1px
}

.lottery-main .brick-content .credit-rows .method-row .method-item .num-arr {
    margin-left: 10px;
    -webkit-flex-flow: wrap;
    -ms-flex-flow: wrap;
    flex-flow: wrap
}

.lottery-main .brick-content .credit-rows .method-row .method-item .num-arr .blue-ball,
.lottery-main .brick-content .credit-rows .method-row .method-item .num-arr .green-ball,
.lottery-main .brick-content .credit-rows .method-row .method-item .num-arr .red-ball {
    margin: 4px;
    display: inline-block;
    width: 26px;
    height: 26px;
    line-height: 24px;
    text-align: center;
    border-radius: 50%;
    color: #145cbf;
    font-size: 12px
}

.lottery-main .brick-content .credit-rows .method-row .method-item .num-arr .red-ball {
    border: 1px solid #fc2c32
}

.lottery-main .brick-content .credit-rows .method-row .method-item .num-arr .green-ball {
    border: 1px solid #22d426
}

.lottery-main .brick-content .credit-rows .method-row .method-item .num-arr .blue-ball {
    border: 1px solid #37b0e8
}

.lottery-main .brick-content .credit-rows .method-row .odds {
    font-size: 12px;
    color: #2e2e2e;
    font-family: DINAlternate;
    margin-top: 4px
}

.lottery-main .brick-content .credit-rows .method-row .method {
    width: 95%;
    height: 56px;
    background: #fff;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    border: 1px solid #ff9251;
    border-radius: 3px;
    margin: 0 5px
}

.lottery-main .brick-content .credit-rows .method-row .method.left-select {
    width: 70px
}

.lottery-main .brick-content .credit-rows .method-row .method.str-text {
    font-size: 14px
}

.lottery-main .brick-content .credit-rows .method-row .method span {
    font-family: DINAlternate
}

.lottery-main .brick-content .credit-rows .method-row .method.method-checked span {
    /* font-size: 12px;
    margin: 4px 0 */
}

.lottery-main .brick-content .credit-rows .method-row .method.method-checked span.sign {
    /* font-size: 12px;
    font-weight: 400 */
}

.lottery-main .brick-content .credit-rows .method-row .method.method-checked i {
    font-style: normal;
    color: #fff;
    font-size: 12px
}

.lottery-main .brick-content .credit-rows .method-row .method span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
    font-size: 12px;
    padding: 0 2px;
    color: #a2a19f
}

.lottery-main .brick-content .credit-rows .method-row .method span.sign {
    font-size: 14px;
    color: #df7034;
    font-weight: 700;
    margin-bottom: 6px
}

.lottery-main .brick-content .credit-rows .method-row .method.no-br {
    border-right: 0
}

.lottery-main .brick-content .credit-rows .method-row .method.method-checked {
    background: #f58e51 !important;
    border-color: #f58e51;
    color: #fff
}

.lottery-main .brick-content .credit-rows .method-row .method.method-checked span {
    /* color: #fff */
}

.lottery-main .brick-content .road-map-container {
    height: calc(100% - 160px - env(safe-area-inset-bottom))
}

.lottery-main .brick-content .dragon-container {
    position: relative;
    height: calc(100% - 164px - env(safe-area-inset-bottom))
}

.lottery-main .brick-play-area {
    background: #f5f5f5
}

.lottery-main .brick-play-area .grid {
    padding: 10px;
    background: #f5f5f5;
    padding-bottom: 20px
}

.lottery-main .brick-play-area .brick-operate {
    padding: 8px 0;
    background: #fff;
    margin-bottom: 10px;
    border-radius: 4px;
    position: relative;
    padding-top: 0
}

.lottery-main .brick-play-area .brick-operate.medium .ball {
    width: auto;
    display: block;
    border-radius: 4px
}

.lottery-main .brick-play-area .brick-operate.medium .select-layout .row .num .k3-ball {
    position: relative;
    height: 70px;
    background: #fff;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 1px solid #c17a42
}

.lottery-main .brick-play-area .brick-operate.medium .select-layout .row .num .k3-ball.actived {
    background: -webkit-gradient(linear, left top, left bottom, from(#ffa463), to(#d57727));
    background: linear-gradient(to bottom, #ffa463, #d57727)
}

.lottery-main .brick-play-area .brick-operate.medium .select-layout .row .num .k3-ball span {
    display: inline-block;
    position: static;
    height: 35px;
    width: auto;
    margin-top: -10px
}

.lottery-main .brick-play-area .brick-operate.medium .select-layout .row .num .k3-ball span:first-of-type {
    width: 100%;
    margin: 0
}

.lottery-main .brick-play-area .brick-operate.medium .select-layout .row .num .k3-ball span img {
    width: 30px;
    height: 30px
}

.lottery-main .brick-play-area .brick-operate.medium .select-layout .row .num .k3-ball span i {
    text-align: center;
    width: 30px;
    height: 30px;
    font-style: normal;
    color: #333;
    line-height: 30px;
    display: inline-block;
    font-size: 24px
}

.lottery-main .brick-play-area .brick-operate.medium .select-layout .row .num .lryl {
    position: absolute;
    top: 10px;
    right: 0
}

.lottery-main .brick-play-area .brick-operate.medium .select-layout .row .num .lryl.actived {
    color: #fff
}

.lottery-main .brick-play-area .brick-operate .label.col {
    position: relative;
    padding: 0
}

.lottery-main .brick-play-area .brick-operate .label.col .title {
    position: absolute;
    top: 50%;
    font-size: 14px;
    color: #666;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    text-align: center;
    display: block;
    width: 100%
}

.lottery-main .brick-play-area .brick-operate .col>div {
    text-align: center
}

.lottery-main .brick-play-area .brick-operate .col-20 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 20%;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    width: 20%;
    max-width: 20%
}

.lottery-main .brick-play-area .brick-operate .col-20.col-33 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 33.33333333%;
    -ms-flex: 0 0 33.33333333%;
    flex: 0 0 33.33333333%;
    width: 33.33333333%;
    max-width: 33.33333333%
}

.lottery-main .brick-play-area .brick-operate .col-20.col-33 .ball {
    width: 100%;
    border-radius: 4px
}

.lottery-main .brick-play-area .brick-operate .shortcut_layout {
    position: relative
}

.lottery-main .brick-play-area .brick-operate .shortcut_layout .span_box {
    width: 100%
}

.lottery-main .brick-play-area .brick-operate .shortcut_layout .span_box .short_btn {
    display: block;
    width: 10px;
    height: 30px;
    text-align: center;
    background: #eee;
    line-height: 30px;
    border-radius: 4px
}

.lottery-main .brick-play-area .brick-operate .shortcut_layout .short_cut {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 10px;
    width: 230px;
    background: #e78d47;
    border-radius: 20px;
    padding: 5px 0
}

.lottery-main .brick-play-area .brick-operate .shortcut_layout .short_cut a {
    width: 26px;
    height: 26px;
    line-height: 26px;
    text-align: center;
    font-size: 12px;
    color: #fff;
    border: 1px solid #fff;
    border-radius: 50%
}

.lottery-main .brick-play-area .brick-operate .shortcut_layout .short_cut a.close_btn {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    font-size: 18px
}

.lottery-main .brick-play-area .brick-operate .balls .num {
    position: relative;
    padding: 5px 5px 10px 5px
}

.lottery-main .brick-play-area .brick-operate .balls .num span {
    position: absolute;
    right: 10px;
    bottom: -8px;
    font-size: 13px;
    color: #1e1e1e;
    width: 34px;
    display: inline-block;
    text-align: center;
    font-family: DINAlternate;
    margin-bottom: 1px
}

.lottery-main .brick-play-area .brick-operate .balls .num span.max {
    color: #ffa414;
    font-weight: 600
}

.lottery-main .brick-play-area .brick-operate .balls .num span.min {
    color: #3c68ea;
    font-weight: 600
}

.lottery-main .brick-play-area .brick-operate .ball {
    cursor: pointer;
    display: inline-block;
    width: 34px;
    height: 34px;
    font-size: 17px;
    font-weight: 600;
    line-height: 36px;
    border-radius: 50%;
    color: #5b5b5b;
    -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .2);
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .2);
    background-color: #f7f7f7;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#f9f6fd), to(#fcf2ef));
    background-image: linear-gradient(to bottom, #f9f6fd, #fcf2ef);
    font-family: DINAlternate
}

.lottery-main .brick-play-area .brick-operate .ball.actived {
    color: #333;
    background: url(/images/mobile/lottery/img1@3x.png);
    background-size: 100%
}

.lottery-main .brick-play-area .brick-operate .ball.actived.lh-ball {
    color: #fff;
    background: -webkit-gradient(linear, left top, left bottom, from(#f90302), to(#c11412));
    background: linear-gradient(to bottom, #f90302, #c11412)
}

.lottery-main .brick-play-area .brick-operate.large .balls .num {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 33.333333%;
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.33333%;
    width: 33.3333333%
}

.lottery-main .brick-play-area .brick-operate.large .balls .num .ball {
    border-radius: 0;
    width: 100%
}

.lottery-main .brick-play-area .brick-operate.large .balls .num .ball.actived {
    background: -webkit-gradient(linear, left top, left bottom, from(#f90302), to(#c11412));
    background: linear-gradient(to bottom, #f90302, #c11412);
    color: #fff
}

.lottery-main .brick-play-area .brick-operate.medium .ball {
    width: auto;
    display: block;
    border-radius: 4px
}

.lottery-main .brick-play-area .brick-operate .checkbox-group {
    text-align: center
}

.lottery-main .brick-play-area .brick-operate .checkbox-group .chk-item {
    position: relative;
    cursor: pointer;
    padding: 7px 12px;
    background-color: #f7f7f7;
    -webkit-box-shadow: 0 0 2px 2px #efefef;
    box-shadow: 0 0 2px 2px #efefef;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#f7f7f7), to(#f5f5f5));
    background-image: linear-gradient(180deg, #f7f7f7 0, #f5f5f5 100%)
}

.lottery-main .brick-play-area .brick-operate .checkbox-group .chk-item.checked {
    color: #0e1f49;
    background: #fff
}

.lottery-main .brick-play-area .brick-operate .checkbox-group .chk-item.checked::after {
    position: absolute;
    content: " ";
    border: 1px solid #0d2e86;
    z-index: 100;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.lottery-main .brick-play-area .brick-operate .checkbox-group .chk-item.checked .checked-img {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 14px;
    height: 14px;
    background-image: url(../assets/images/icon_s.png);
    background-size: contain
}

.lottery-main .brick-play-area .brick-operate .hot-skin-btngroup {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0
}

.lottery-main .brick-play-area .brick-operate .hot-skin-btngroup>div {
    display: table;
    width: 90%;
    border-radius: 5px;
    margin: 0 auto;
    height: 82%;
    border-radius: 5px;
    overflow: hidden;
    border: 1px solid #eee;
    position: relative
}

.lottery-main .brick-play-area .brick-operate .hot-skin-btngroup>div::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    right: 50%;
    width: 1px;
    background: #eee
}

.lottery-main .brick-play-area .brick-operate .hot-skin-btngroup>div button {
    width: 50%;
    height: 100%;
    background: #fff;
    float: left;
    font-size: 10px !important;
    padding: 0
}

.lottery-main .brick-play-area .brick-operate .hot-skin-btngroup>div button.active {
    background: #dbb085;
    color: #fff
}

.lottery-main .footer .toolbar {
    contain: unset;
    padding: 0 !important;
    overflow: inherit
}

.lottery-main .footer .bonus-info {
    background: #fff;
    margin: 0;
    padding: 4px 0;
    border-top: 1px solid #ddd !important
}

.lottery-main .footer .bonus-info .pull-left,
.lottery-main .footer .bonus-info .pull-right {
    float: left;
    position: relative;
    width: 40px;
    margin: 0 -40px 0 0
}

.lottery-main .footer .bonus-info .pull-center {
    float: left;
    width: 100%
}

.lottery-main .footer .bonus-info .pull-center .pull-content {
    margin: 0 0 0 52px
}

.lottery-main .footer .bonus-info .pull-center .pull-content .reward-item-content .col {
    padding: 5px 3px
}

.lottery-main .footer .bonus-info .pull-center .pull-content .reward-item-content .btn {
    width: 100%;
    height: 26px;
    line-height: 25px;
    border-radius: 4px;
    background: #fff;
    border: 1px solid #ececec;
    border-radius: 4px;
    padding: 0
}

.lottery-main .footer .bonus-info .pull-center .pull-content .reward-item-content .btn.actived {
    color: #fff;
    background: #dbb085;
    border: none
}

.lottery-main .footer .bonus-info .pull-center .pull-content .reward-item-content .input-number {
    height: 26px;
    line-height: 24px;
    border: 1px solid #ececec;
    border-radius: 4px
}

.lottery-main .footer .bonus-info .pull-center .pull-content .reward-item-content .input-number .text-input-ios {
    margin: 0;
    width: 100%;
    text-align: center
}

.lottery-main .footer .bonus-info .pull-left .title {
    display: block;
    text-align: center;
    padding: 8px 0
}

.lottery-main .footer .bonus-info .pull-left .title.adjust {
    position: relative
}

.lottery-main .footer .bonus-info .pull-left .title.adjust.actived::after {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    -webkit-transition: all .5s;
    transition: all .5s
}

.lottery-main .footer .bonus-info .pull-left .title.multiple {
    margin-top: 5px
}

.lottery-main .footer .bonus-info .pull-right {
    float: right
}

.lottery-main .footer .multiple_shortcut {
    width: 100%;
    overflow: hidden;
    padding: 0 3px
}

.lottery-main .footer .multiple_shortcut .multiple_btn {
    width: 20%;
    float: left;
    padding: 6px 6px;
    height: 50px
}

.lottery-main .footer .multiple_shortcut .multiple_btn button {
    width: 100%;
    height: 100%;
    color: #fff;
    font-size: 12px;
    background: #f66161;
    -webkit-box-shadow: 0 0 3px #f66161;
    box-shadow: 0 0 3px #f66161
}

.lottery-main .footer .multiple_shortcut .multiple_btn.num button {
    background: #fff;
    color: #333;
    font-size: 14px;
    font-weight: 700
}

.lottery-main .footer .multiple_shortcut .multiple_btn.enter {
    height: 100px;
    float: right
}

.lottery-main .footer .bet-reward {
    background: #fff;
    padding: 8px 10px;
    text-align: center;
    border-top: 1px solid #eee
}

.lottery-main .footer .bet-reward .shortcut_box {
    border: 1px solid #ececec;
    border-radius: 4px;
    background: #fff;
    min-width: 200px;
    width: 72%
}

.lottery-main .footer .bet-reward .shortcut_box button {
    margin: 0;
    border: 0;
    border-right: 1px solid #ccc;
    color: #333;
    height: 30px;
    font-size: 14px;
    float: left;
    width: 20%;
    background: 0 0;
    border-radius: 0;
    padding: 0
}

.lottery-main .footer .bet-reward .shortcut_box button.active {
    color: #fff;
    background: #f58e51
}

.lottery-main .footer .bet-reward .shortcut_box button .ion-icon {
    font-size: 16px;
    margin-left: 2px;
    font-weight: 700
}

.lottery-main .footer .bet-reward .shortcut_box button:first-of-type {
    font-size: 12px
}

.lottery-main .footer .bet-reward .shortcut_box button:last-of-type {
    border-right: 0
}

.lottery-main .footer .bet-reward .credit_money {
    border: 1px solid #f69b51;
    height: 30px;
    height: 30px;
    border-radius: 4px;
    width: 50px
}

.lottery-main .footer .bet-reward .credit_money .ion-input {
    height: 100%;
    border: 0;
    background: 0 0;
    color: #f69b51;
    border-radius: 0
}

.lottery-main .footer .bet-reward .credit_money .ion-input input {
    line-height: 30px;
    padding: 0;
    margin: 0;
    width: 100%;
    text-align: center
}

.lottery-main .footer .bet-reward .reward_model {
    padding: 3px 0
}

.lottery-main .footer .bet-reward .reward_model .ion-select {
    padding: 0;
    width: 60px;
    border: 1px solid #ccc;
    border-radius: 4px
}

.lottery-main .footer .bet-reward .reward_model .ion-select .select-icon {
    width: 20px;
    border-left: 1px solid #ccc
}

.lottery-main .footer .bet-reward .reward_model .reward-item-content {
    width: 90px
}

.lottery-main .footer .bet-reward .reward_model .reward-item-content .col {
    padding: 1px 0
}

.lottery-main .footer .bet-reward .reward_model .reward-item-content .btn {
    width: 100%;
    height: 26px;
    line-height: 25px;
    background: #fff;
    border: 1px solid #ddd;
    padding: 0
}

.lottery-main .footer .bet-reward .reward_model .reward-item-content .btn .icon {
    color: #c2aaa0;
    font-weight: 700
}

.lottery-main .footer .bet-reward .reward_model .reward-item-content .btn.actived {
    color: #fff;
    background: #dbb085;
    border: none
}

.lottery-main .footer .bet-reward .reward_model .reward-item-content .plus {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px
}

.lottery-main .footer .bet-reward .reward_model .reward-item-content .reduce {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px
}

.lottery-main .footer .bet-reward .reward_model .reward-item-content .input-number {
    height: 26px;
    line-height: 24px;
    border: 1px solid #ddd;
    border-left: 0;
    border-right: 0
}

.lottery-main .footer .bet-reward .reward_model .reward-item-content .input-number.multiple {
    margin: 0;
    width: 100%;
    height: 100%;
    border-radius: 0;
    float: left;
    background: 0 0;
    color: #000;
    font-size: 10px
}

.lottery-main .footer .bet-reward .reward_model .reward-item-content .input-number .text-input-ios {
    margin: 0;
    width: 100%;
    text-align: center
}

.lottery-main .footer .bet-reward .light {
    width: 20px;
    height: 20px;
    padding: 0;
    background: 0 0;
    color: #666
}

.lottery-main .footer .bet-reward .select_mode {
    border: 1px solid #ececec;
    border-radius: 4px;
    position: relative
}

.lottery-main .footer .bet-reward .select_mode .select_item {
    position: fixed;
    text-align: center;
    bottom: 96px;
    left: 60px;
    width: 80px;
    z-index: 11;
    border: 1px solid #ddd;
    border-radius: 4px;
    background: #fff;
    -webkit-box-shadow: 0 4px 10px #cecece;
    box-shadow: 0 4px 10px #cecece;
    line-height: 25px;
    padding: 5px 0
}

.lottery-main .footer .bet-reward .select_mode .select_item span {
    display: block;
    font-size: 14px;
    padding: 5px 0;
    color: #535d76;
    font-weight: 500
}

.lottery-main .footer .bet-reward .select_mode .user-range {
    position: fixed;
    display: inline-block;
    height: 140px;
    width: 50px;
    background: #fff;
    border-radius: 4px;
    -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .2);
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .2);
    text-align: center;
    z-index: 999;
    top: calc(100% - 232px)
}

.lottery-main .footer .bet-reward .select_mode .user-range .ion-item {
    height: 40px;
    min-height: 40px;
    padding-right: 10px
}

.lottery-main .footer .bet-reward .select_mode .user-range .ion-item .item-inner {
    height: 100%
}

.lottery-main .footer .bet-reward .select_mode .user-range .ion-item .item-inner .ion-range {
    height: 40px
}

.lottery-main .footer .bet-reward .select_mode .user-range span {
    line-height: 30px;
    font-size: 12px
}

.lottery-main .footer .bet-reward .select_mode .user-range input[type=range] {
    cursor: pointer;
    width: 100px;
    height: 6px;
    -webkit-appearance: none;
    z-index: 200;
    background: -webkit-gradient(linear, right top, left top, from(#e6e6e6), to(#d2d2d2));
    background: linear-gradient(to left, #e6e6e6, #d2d2d2);
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    transform: rotate(270deg);
    -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    position: absolute;
    top: 73px;
    left: -25px
}

.lottery-main .footer .bet-reward .select_mode .user-range input[type=range]:focus {
    border: 0 !important;
    outline: 0 !important
}

.lottery-main .footer .bet-reward .select_mode .user-range input[type=range]::-webkit-slider-thumb {
    -webkit-appearance: none;
    background: #ce5d00;
    border: none;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    z-index: 999
}

.lottery-main .footer .bet-reward .select_mode .text {
    display: inline-block;
    width: 40px;
    font-size: 12px;
    color: #000
}

.lottery-main .footer .bet-reward .select_mode .down {
    border-left: 1px solid #ececec;
    font-size: 18px;
    display: inline-block;
    color: #c2aaa0;
    width: 20px;
    height: 26px;
    line-height: 26px
}

.lottery-main .footer .bet-reward .select_mode .down .ion-icon {
    -webkit-transition: .5s;
    transition: .5s
}

.lottery-main .footer .bet-reward .reward_text {
    font-size: 12px;
    margin-right: 2px
}

.lottery-main .footer .bet-reward p {
    display: inline-block;
    padding: 0
}

.lottery-main .footer .footer-menu {
    background: #fff;
    padding: 0 0 6px 0
}

.lottery-main .footer .footer-menu .bottom_col {
    padding: 2px;
    width: 50%
}

.lottery-main .footer .footer-menu .bottom_col .menu-item {
    border-radius: 4px;
    height: 42px;
    color: #b3b2b3;
    background: #e5e5e5;
    margin: 0;
    width: 100%;
    opacity: 1
}

.lottery-main .footer .footer-menu .bottom_col .menu-item.canclick {
    background: -webkit-gradient(linear, left top, left bottom, from(#f88d4d), to(#e0793b));
    background: linear-gradient(to bottom, #f88d4d, #e0793b);
    color: #fff !important;
    pointer-events: all;
    border: 1px solid #e0793b
}

.lottery-main .footer .footer-menu .bottom_col .menu-item.canclick div {
    color: #fff !important
}

.lottery-main .footer .footer-menu .bottom_col .menu-item.canclick div p {
    color: #fff !important
}

.lottery-main .footer .footer-menu .bottom_col .menu-item.not_lick {
    pointer-events: none
}

.lottery-main .footer .footer-menu .one_key {
    width: 50%;
    overflow: hidden
}

.lottery-main .footer .footer-menu .one_key span {
    display: inline-block;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.lottery-main .footer .footer-menu .one_key .button-inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.lottery-main .footer .footer-menu .one_key .button-inner span:first-of-type {
    margin-bottom: 4px
}

.lottery-main .footer .footer-menu .col,
.lottery-main .footer .footer-menu .row {
    padding: 0
}

.lottery-main .footer .footer-menu>.col[col-4] {
    padding: 3px;
    background: #dbb085
}

.lottery-main .footer .footer-menu .menu-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0;
    text-align: center;
    font-size: 12px;
    background: #e8e8e8;
    border-radius: 4px;
    color: #bbb;
    border: 1px solid #ebebeb;
    padding: 2px 0
}

.lottery-main .footer .footer-menu .menu-item.basket,
.lottery-main .footer .footer-menu .menu-item.recent {
    background: -webkit-gradient(linear, left top, left bottom, from(#fafafa), color-stop(#f1f0f1), to(#fafafa));
    background: linear-gradient(to bottom, #fafafa, #f1f0f1, #fafafa);
    text-align: center;
    color: #333
}

.lottery-main .footer .footer-menu .menu-item .user-range {
    position: fixed;
    bottom: 10px;
    width: 200px;
    right: 10px;
    border: 1px solid #eee;
    border-radius: 4px;
    padding: 0 10px
}

.lottery-main .footer .footer-menu .menu-item .user-range [range-left] {
    margin: 0
}

.lottery-main .footer .footer-menu .menu-item.basket {
    padding: 0 2px;
    position: relative
}

.lottery-main .footer .footer-menu .menu-item.basket .ion-icon {
    line-height: 14px
}

.lottery-main .footer .footer-menu .menu-item.basket .note span {
    position: absolute;
    top: -5px;
    right: -5px;
    background: #dd0808;
    border-radius: 10px;
    padding: 0 5px;
    color: #fff;
    font-size: 12px;
    font-weight: 500
}

.lottery-main .footer .footer-menu .menu-item.add {
    pointer-events: none
}

.lottery-main .footer .footer-menu .menu-item.add div {
    white-space: nowrap
}

.lottery-main .footer .footer-menu .menu-item.add .ion-icon {
    line-height: 13px
}

.lottery-main .footer .footer-menu .menu-item.add.active {
    pointer-events: all;
    background: -webkit-gradient(linear, left top, left bottom, from(#fafafa), color-stop(#ebebeb), to(#fafafa));
    background: linear-gradient(to bottom, #fafafa, #ebebeb, #fafafa);
    color: #333
}

.lottery-main .footer .footer-menu .menu-item.add.active .ion-icon {
    color: #ff9835
}

.lottery-main .footer .footer-menu .menu-item.add.active p {
    color: #bd7c46
}

.lottery-main .footer .footer-menu .menu-item.chase {
    line-height: 32px
}

.lottery-main .footer .footer-menu .menu-item.chase.active {
    background: -webkit-gradient(linear, left top, left bottom, from(#fafafa), color-stop(#ebebeb), to(#fafafa));
    background: linear-gradient(to bottom, #fafafa, #ebebeb, #fafafa);
    color: #333
}

.lottery-main .footer .footer-menu .menu-item p {
    white-space: nowrap
}

.lottery-main .footer .footer-menu .menu-item.actived {
    color: #fff;
    border-right: 0 solid #ddd !important
}

.lottery-main .footer .footer-menu .menu-item.actived h4,
.lottery-main .footer .footer-menu .menu-item.actived p {
    margin: 0;
    padding: 0
}

.lottery-main .footer .footer-menu .menu-item.actived p {
    font-size: 10px;
    height: 10px;
    line-height: 10px;
    color: #fff5b0
}

.lottery-main .footer .item-ios.item-block .item-inner {
    border-bottom: 0 !important
}

.lottery-main .footer .niu-footer {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 0;
    padding: 5px;
    background: #fff
}

.lottery-main .footer .niu-footer .niu-lottery {
    height: 45px;
    width: 30%;
    border: 1px solid #e7e7e7;
    background: -webkit-gradient(linear, left bottom, left top, from(#f9f9f9), color-stop(50%, #efefef), to(#f8f8f8));
    background: linear-gradient(0deg, #f9f9f9 0, #efefef 50%, #f8f8f8 100%);
    border-radius: 5px;
    text-align: center;
    color: #444;
    font-weight: 500;
    font-size: 15px
}

.lottery-main .footer .niu-footer .zhuang-btn {
    height: 45px;
    width: 30%;
    background: -webkit-gradient(linear, left bottom, left top, from(#7c65d7), to(#9b85df));
    background: linear-gradient(0deg, #7c65d7 0, #9b85df 100%);
    border-radius: 5px;
    text-align: center;
    color: #fff;
    font-weight: 500;
    font-size: 15px
}

.lottery-main .footer .niu-footer button.xia-zhuang {
    width: 30%;
    font-size: 15px;
    color: #fff;
    font-weight: 500;
    height: 45px;
    background: -webkit-gradient(linear, left bottom, left top, from(#2793d0), to(#54b9f1));
    background: linear-gradient(0deg, #2793d0 0, #54b9f1 100%);
    border-radius: 5px
}

.lottery-main .footer .niu-footer .menu-item-btn {
    height: 45px;
    width: 33%;
    background: -webkit-gradient(linear, left bottom, left top, from(#c23e42), to(#d2474c));
    background: linear-gradient(0deg, #c23e42 0, #d2474c 100%);
    border-radius: 5px;
    color: #fff;
    text-align: center;
    font-weight: 500;
    padding: 0
}

.lottery-main .footer .niu-footer .menu-item-btn span {
    display: block;
    font-size: 14px;
    font-weight: 500;
    padding-top: 3.6px
}

.lottery-main .footer .niu-footer .menu-item-btn span.money {
    font-size: 12px;
    -webkit-transform: scale(.9);
    transform: scale(.9)
}

.lottery-main .footer .niu-footer .bu-btn {
    background: -webkit-gradient(linear, left bottom, left top, from(#7c65d7), to(#9b85df));
    background: linear-gradient(0deg, #7c65d7 0, #9b85df 100%)
}

.lottery-main .pk10-01 {
    /* background: orange */
    background-image: linear-gradient(to bottom right, #44a5ff, #198cff) !important;
}

.lottery-main .pk10-02 {
    /* background: #4089f7 */
    background-image: linear-gradient(to bottom right, #fba64d, #fba64d) !important;
}

.lottery-main .pk10-03 {
    /* background: #4d4d4d */
    background-image: linear-gradient(to bottom right, #00d955, #01a702) !important;
}

.lottery-main .pk10-04 {
    /* background: #eb7b30 */
    background-image: linear-gradient(to bottom right, #ff44cb, #ff1bbb) !important;
}

.lottery-main .pk10-05 {
    /* background: #a5fcfe */
    background-image: linear-gradient(to bottom right, #fe7e45, #ff671b) !important;
}

.lottery-main .pk10-06 {
    /* background: #4b20f5 */
    background-image: linear-gradient(to bottom right, #ff4550, #fe1b25) !important;
}

.lottery-main .pk10-07 {
    /* background: #b8b8b8 */
    background-image: linear-gradient(to bottom right, #e3d900, #8b7204) !important;
}

.lottery-main .pk10-08 {
    /* background: #e73323 */
    background-image: linear-gradient(to bottom right, #01a289, #01a289) !important;
}

.lottery-main .pk10-09 {
    /* background: #6a110a */
    background-image: linear-gradient(to bottom right, #4f82ee, #4a1ad2) !important;
}

.lottery-main .pk10-10 {
    /* background: #61ba37 */
    background-image: linear-gradient(to bottom right, #df45ff, #8a02fd) !important;
}

.lottery-main .play_tips span {
    line-height: 26px
}

.lottery-main .brick-tran {
    position: fixed;
    z-index: 999;
    background: #fff;
    top: 20%;
    width: 90%;
    border-radius: 8px;
    left: 5%;
    border: 1px solid #ccc;
    overflow: hidden
}

.lottery-main .brick-tran .brick-tran-header {
    background: #dbb085;
    color: #fff;
    font-size: 16px;
    text-align: center;
    line-height: 30px;
    border-bottom: 1px solid #ccc
}

.lottery-main .brick-tran .brick-tran-footer {
    color: #333;
    font-size: 16px;
    text-align: center;
    padding: 5px
}

.lottery-main .brick-tran .brick-tran-footer button {
    height: 22px;
    float: right;
    margin: 5px 10px 10px 0
}

.lottery-main .brick-tran .brick-tran-footer button.nomore-tips {
    background: #2a3151;
    color: #fff
}

.lottery-main .brick-tran .brick-tran-content {
    border-bottom: 1px solid #ccc;
    padding: 10px
}

.lottery-main .brick-tran .brick-tran-content .tran-remarks {
    font-size: 12px;
    margin-bottom: 0
}

.lottery-main .brick-tran .brick-tran-content .tran-remarks:first-of-type {
    margin-bottom: 5px
}

.lottery-main .brick-tran .brick-tran-content .brick-tran-box {
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid #ccc;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: space-evenly;
    -webkit-justify-content: space-evenly;
    -ms-flex-pack: space-evenly;
    justify-content: space-evenly
}

.lottery-main .brick-tran .brick-tran-content .brick-tran-box>div {
    text-align: center;
    outline: 0;
    width: 30%
}

.lottery-main .brick-tran .brick-tran-content .brick-tran-box>div i {
    font-size: 40px;
    border: 1px solid #ccc;
    width: 60px;
    height: 60px;
    text-align: center;
    border-radius: 50%;
    display: inline-block;
    cursor: pointer;
    margin-bottom: 5px;
    outline: 0;
    line-height: 58px
}

.lottery-main .brick-tran .brick-tran-content .brick-tran-box>div p {
    font-size: 12px;
    cursor: pointer;
    color: #333;
    outline: 0;
    margin-bottom: 0
}

.lottery-main .notool {
    height: 22px !important;
    margin-right: 5px
}

.lottery-main .notool button {
    background: 0 0;
    height: 100%;
    color: #2a2a2a;
    font-size: 12px
}

.lottery-main .notool button span {
    display: inline-block;
    width: 14px;
    height: 14px;
    background: #f8f8f8;
    margin-right: 5px;
    border-radius: 50%;
    border: 1px solid #ddd;
    position: relative
}

.lottery-main .notool button.active span:after {
    content: "";
    position: absolute;
    top: 3px;
    bottom: 3px;
    left: 3px;
    right: 3px;
    background: #bd8d55;
    border-radius: 50%
}

.lottery-main .rotate180 {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.page-hotlottery .scroll-content {
    overflow: hidden;
    -webkit-overflow-scrolling: unset;
    will-change: unset
}

.page-hotlottery .lotterybox-l,
.page-hotlottery .lotterybox-r {
    height: 100%
}

.page-hotlottery .lotterybox-l {
    float: left;
    width: 100px;
    background: #f8f8ff
}

.page-hotlottery .lotterybox-l .lottery-type {
    text-align: center;
    background: #f8f8ff;
    position: relative
}

.page-hotlottery .lotterybox-l .lottery-type a {
    display: block;
    color: #333;
    text-decoration: none;
    font-size: 14px;
    padding: 20px 0
}

.page-hotlottery .lotterybox-l .select {
    background: #fff
}

.page-hotlottery .lotterybox-l .select a {
    color: #bd8d55
}

.page-hotlottery .lotterybox-l .select::after {
    content: "";
    position: absolute;
    border: 2px solid #bd8d55;
    height: 100%;
    left: 0;
    top: 0
}

.page-hotlottery .lotterybox-r {
    position: absolute;
    top: 0;
    left: 100px;
    right: 0;
    bottom: 0;
    background: #fff;
    overflow: auto
}

.page-hotlottery .lotterybox-r .scroll-box {
    min-height: 101%;
    display: none;
}

.page-hotlottery .lotterybox-r .scroll-box.select {
    display: block;
}

.page-hotlottery .lotterybox-r .lotterybox-item {
    border-bottom: 1px solid #f5f5f5;
    padding: 10px 5px;
    display: block;
    overflow: hidden
}

.page-hotlottery .lotterybox-r .lotterybox-item .brick-icon {
    background: #f5f5f5;
    border-radius: 50%;
    border: 1px solid #eee;
    display: inline-block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center
}

.page-hotlottery .lotterybox-r .lotterybox-item .brick-icon i {
    font-size: 40px;
    color: #dbb085
}

.page-hotlottery .lotterybox-r .lotterybox-item .brick-icon {
    float: left;
    width: 40px;
    height: 40px
}

.page-hotlottery .lotterybox-r .lotterybox-item .brick-name {
    margin-left: 10px
}

.page-hotlottery .lotterybox-r .lotterybox-item .brick-name>h5 {
    font-size: 14px;
    line-height: 16px;
    margin: 5px 0 0 0
}

.page-hotlottery .lotterybox-r .lotterybox-item .brick-name>h5 .hot-sign {
    background: -webkit-gradient(linear, left top, left bottom, from(#ffde63), color-stop(#ffa449), to(#ff823a));
    background: linear-gradient(to bottom, #ffde63, #ffa449, #ff823a)
}

.page-hotlottery .lotterybox-r .lotterybox-item .brick-name>h5 .new-sign {
    background: -webkit-gradient(linear, left top, left bottom, from(#7bebed), color-stop(#16b6af), to(#229e95));
    background: linear-gradient(to bottom, #7bebed, #16b6af, #229e95)
}

.page-hotlottery .lotterybox-r .lotterybox-item .brick-name>h5 .fire-sign {
    background: -webkit-gradient(linear, left top, left bottom, from(#eb8296), color-stop(#db1425), to(#d00f1d));
    background: linear-gradient(to bottom, #eb8296, #db1425, #d00f1d)
}

.page-hotlottery .lotterybox-r .lotterybox-item .brick-name>h5 .recommend-sign {
    background: -webkit-gradient(linear, left top, left bottom, from(#f1cb83), color-stop(#ecac35), to(#f7a204));
    background: linear-gradient(to bottom, #f1cb83, #ecac35, #f7a204)
}

.page-hotlottery .lotterybox-r .lotterybox-item .brick-name>h5 label {
    color: #fff;
    padding: 0;
    border-radius: 4px;
    width: 16px;
    line-height: 16px;
    display: inline-block;
    text-align: center;
    margin-left: 4px;
    font-size: 12px
}

.page-hotlottery .lotterybox-r .lotterybox-item .brick-name>span {
    display: block
}

.page-hotlottery .lotterybox-r .lotterybox-item .brick-name>span>p {
    font-size: 12px;
    line-height: 20px;
    color: #8e9093
}

.page-hotlottery .lotterybox-r .dark {
    color: #333
}

.history-page {
    font-size: 12px;
    color: #333
}

.history-page .table-box {
    max-height: 240px;
    overflow: auto
}

.history-page thead {
    color: #333;
    font-weight: 400
}

.history-page thead th {
    color: #333;
    border: 1px solid #eee;
    height: 24px;
    line-height: 24px;
    font-weight: 400;
    font-size: 12px;
}

.history-page thead th:last-of-type {
    border-right: 0
}

.history-page thead th.zutai-box {
    -webkit-transform: scale(.86, .86);
    transform: scale(.86, .86)
}

.history-page tbody tr:nth-child(2n) {
    background: #f5f5f5
}

.history-page tbody tr:first-of-type td.open span {
    border: 1px solid #f69b51;
    display: block;
    width: 20px;
    height: 20px;
    font-size: 14px;
    font-weight: 500;
    line-height: 18px;
    color: #f69b51;
    border-radius: 50%;
    margin: 0 auto
}

.history-page tbody tr:first-of-type td.open.x115-num span {
    width: 24px;
    height: 24px;
    line-height: 22px
}

.history-page td {
    text-align: center;
    height: 30px;
    line-height: 30px;
    font-size: 12px;
}

.history-page td.open span {
    color: #f69b51;
    font-size: 14px
}

.history-page td .color-text {
    -webkit-transform: scale(.86, .86);
    transform: scale(.86, .86)
}

.history-page .violet-color {
    color: #8400ff
}

.history-page .sky-blue-color {
    color: #02a7f0
}

.history-page .orange-color {
    color: #f59a23
}

.history-page .green-color {
    color: #49d174
}

.history-page .red-color {
    color: #d9001b
}

.history-page .blue-color {
    color: #00f
}

.history-page .earthy-color {
    color: #7b4d12
}

.history-page .pk-num {
    height: 20px;
    width: 20px;
    color: #fff;
    font-weight: 700;
    line-height: 20px;
    text-shadow: 1px 2px 2px #000
}

.history-page .k3-num {
    width: 24px;
    height: 24px;
    line-height: 24px;
    display: block;
    margin: 0 auto
}

.history-page .curr .bg-g {
    width: 35px;
    height: 18px;
    background: #9586dd;
    color: #fff;
    border-radius: 3px;
    text-align: center;
    font-style: normal;
    line-height: 18px;
    display: inline-block
}

.history-page .curr .bg-b {
    width: 35px;
    height: 18px;
    background: #ff940a;
    border-radius: 3px;
    color: #fff;
    text-align: center;
    font-style: normal;
    line-height: 18px;
    display: inline-block
}

.history-page .curr .bg-y {
    width: 35px;
    height: 18px;
    background: #e84141;
    color: #fff;
    border-radius: 3px;
    text-align: center;
    font-style: normal;
    line-height: 18px;
    display: inline-block
}

.history-page .curr .niuniu {
    background: #e84141;
    border: 1px solid #fff000;
    color: #fff;
    border-radius: 3px;
    text-align: center;
    font-style: normal;
    line-height: 18px;
    width: 35px;
    height: 18px;
    display: inline-block;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

.lottery-main .ion-header {
    border: 0
}

.lottery-main .ion-header .history_box {
    background: #d75f6b;
    padding: 8px 10px;
    width: 100%;
    height: 110px
}

.lottery-main .ion-header .history_box .history_content {
    width: 100%;
    height: 100%;
    background: url(../assets/images/brick/bg1@3x.png);
    background-size: 100% 100%
}

.lottery-main .ion-header .history_box .history_content .header_open .open-balls {
    position: relative;
    padding-right: 25px
}

.lottery-main .ion-header .history_box .history_content .header_open .open-balls .row.pkrow {
    margin-top: 6px;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.lottery-main .ion-header .history_box .history_content .header_open .open-balls .ion-icon.ion-md-arrow-dropdown {
    position: absolute;
    right: 10px;
    top: 20px
}

.lottery-main .ion-header .history_box .history_content .header_open .open-balls .niu-a,
.lottery-main .ion-header .history_box .history_content .header_open .open-balls .niu-b,
.lottery-main .ion-header .history_box .history_content .header_open .open-balls .niu-c {
    position: absolute;
    bottom: -6px;
    right: -9px;
    background: #8d78da;
    color: #fff;
    border-radius: 5px;
    height: 20px;
    line-height: 20px;
    font-size: 13px;
    font-weight: 700;
    width: 20px
}

.lottery-main .ion-header .history_box .history_content .header_open .open-balls .niu-c {
    font-size: 14px;
    background-color: #3ba1d8
}

.lottery-main .ion-header .history_box .history_content .header_open .open-balls .col {
    text-align: center
}

.lottery-main .ion-header .history_box .history_content .header_open .open-balls .symbol-niu {
    color: #fff;
    font-size: 20px;
    font-weight: 700
}

.lottery-main .ion-header .history_box .history_content p {
    padding: 10px 20px 0;
    color: #fff;
    font-size: 12px;
    font-weight: 700
}

.lottery-main .ion-header .history_box .history_content p.watting {
    font-size: 18px;
    text-align: center;
    display: inline
}

.lottery-main .ion-header .history_box .history_content .ion-icon {
    color: #fff;
    font-size: 24px
}

.lottery-main .ion-header .history_box .history_content .open-balls .ball.five,
.lottery-main .ion-header .history_box .history_content .open-balls .ball.ten {
    width: 22px;
    height: 22px;
    line-height: 22px;
    border-radius: 50%;
    -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .3);
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .3);
    border: none;
    margin: 10px 0
}

.lottery-main .ion-header .history_box .history_content .open-balls .ball.five.active,
.lottery-main .ion-header .history_box .history_content .open-balls .ball.ten.active {
    background-color: #5a93e8;
    color: #fff
}

.lottery-main .ion-header .history_box .history_content .open-balls .ball.five {
    background: url(../assets/images/brick/img1@3x.png);
    background-size: 100% 100%;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 16px;
    margin: 10px 6px
}

.lottery-main .ion-header .history_box .history_content .open-balls .ball.five.k3_num {
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none
}

.lottery-main .ion-header .history_box .history_content .open-balls .ball.ten {
    color: #fff;
    font-weight: 700;
    font-size: 13px;
    border-radius: 0;
    text-align: center;
    text-shadow: 1px 2px 2px #000;
    width: 24px;
    height: 24px;
    line-height: 24px
}

.lottery-main .ion-header .history_box .history_content .issue {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.lottery-main .ion-header .history_box .history_content .issue .menu-box {
    background: #c87839;
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    padding: 0 8px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    border-radius: 17px;
    border: 1px solid #c87839;
    margin-top: 9px;
    margin-right: 15px
}

.recent_page {
    position: relative;
    height: 100%;
    display: none;
    transition: all .4s;
}

.recent_page .popover-content {
    position: absolute;
    left: 0 !important;
    right: 0;
    width: 100%;
    bottom: 0;
    height: 70%;
    top: auto !important;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px
}

.recent_page .popover-content .popover-viewport {
    height: 100%
}

.recent_page .recent_content {
    height: 100%;
    position: relative
}

.recent_page .recent_content .recent_header {
    height: 50px;
    line-height: 50px;
    position: absolute;
    top: 0;
    width: 100%;
    padding: 0 10px
}

.recent_page .recent_content .recent_header .header_btn {
    background: 0 0;
    border: 0
}

.recent_page .recent_content .recent_header .header_tab {
    height: 36px
}

.recent_page .recent_content .recent_header .header_tab .header_btn {
    font-size: 14px;
    color: #666;
    border-radius: 0;
    font-weight: 500;
    border-bottom: 2px solid transparent
}

.recent_page .recent_content .recent_header .header_tab .header_btn.actived {
    border-bottom: 2px solid #bd8d55;
    color: #bd8d55
}

.recent_page .recent_content .recent_header .left {
    font-size: 14px;
    color: #666
}

.recent_page .recent_content .recent_header .right {
    font-size: 12px;
    color: #999
}

.recent_page .recent_content .recent_main {
    position: absolute;
    top: 50px;
    bottom: 0;
    width: 100%;
    overflow: auto;
    background: #fff
}

.recent_page .recent_content .recent_main .recent-spinner circle {
    fill: #dbb085
}

.recent_page .recent_content .recent_main .list {
    display: none;
}

.recent_page .recent_content .recent_main .list.actived {
    display: block;
}

.recent_page .recent_content .recent_main .list .null {
    text-align: center;
    padding: 20px;
    font-size: 14px;
    color: #333
}

.recent_page .recent_content .recent_main .list .null img {
    width: 50%;
    display: block;
    margin: 0 auto
}

.recent_page .recent_content .recent_main .list .order {
    background: #f8f8f8;
    border-radius: 4px;
    margin-bottom: 6px;
    border-bottom: 1px solid #dedede
}

.recent_page .recent_content .recent_main .list .order>div .col {
    width: 40%
}

.recent_page .recent_content .recent_main .list .order>div .col p {
    font-size: 12px;
    height: 24px;
    line-height: 24px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.recent_page .recent_content .recent_main .list .order>div .col p span {
    font-size: 12px
}

.recent_page .recent_content .recent_main .list .order>div .col .money {
    color: #f42a3d
}

.recent_page .recent_content .recent_main .list .order>div .forward {
    width: 20%;
    text-align: center
}

.recent_page .recent_content .recent_main .list .order>div .forward span {
    font-size: 12px;
    padding: 2px 4px
}

.recent_page .recent_content .recent_main .list .order>div .forward .ion-icon {
    color: #dac9b7;
    font-size: 24px
}

.recent_page .recent_content .recent_main .list .order .left {
    width: 80%;
    position: relative
}

.recent_page .recent_content .recent_main .list .order .left:after {
    content: "";
    background: #fff;
    position: absolute;
    top: 10px;
    right: 0;
    width: 2px;
    bottom: 10px
}

.recent_page .recent_content .recent_main .list .order .right {
    width: 20%
}

.recent_page .recent_content .recent_main .list .order .right button {
    background: 0 0;
    color: #4c8ef9;
    font-size: 14px
}

.recent_page .recent_content .recent_main .list .order .right .ion-icon {
    color: #dac9b7;
    font-size: 24px
}

.fd-flex {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

.fd-flex .method-item {
    padding: 0 !important;
}

.fd-flex .method-item .method {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

.fd-center {
    width: 100%;
    display: flex;
}

.fd-center-ct .method {
    background: #ffe693 !important;
}

.fd-center-cb .method {
    background: #e3e3e3 !important;
}

.fd-center-l {
    display: flex;
    flex-direction: column;
    width: 20%;
}

.fd-center-l .method-item {
    flex: 1;
}

.fd-center-l .method-item .method {
    height: 100% !important;
}

.fd-center-c {
    width: 60%;
}

.fd-center-cc {
    display: flex;
}

.fd-center-ccl {
    width: 25%;
}

.fd-center-ccl .method-item {
    height: 100% !important;
    position: relative;
}

.fd-center-ccl .method-item .method {
    height: 100% !important;
}

.fd-center-ccl .method-item .method::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    transform: skewY(45deg);
    background: #fbb1a7;
    bottom: 30px;
    right: 0;
    z-index: 9;
}

.fd-center-ccl .method-item .method::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    transform: skewY(-45deg);
    background: #fbb1a7;
    bottom: -30px;
    right: 0;
    z-index: 9;
}

.fd-center-ccr .method-item .method::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    transform: skewY(-45deg);
    background: #00aa7f;
    bottom: 30px;
    right: 0;
    z-index: 9;
}

.fd-center-ccr .method-item .method::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    transform: skewY(45deg);
    background: #00aa7f;
    bottom: -30px;
    right: 0;
    z-index: 9;
}

.fd-center-ccl .method-item .method.method-checked::before,
.fd-center-ccl .method-item .method.method-checked::after,
.fd-center-ccr .method-item .method.method-checked::before,
.fd-center-ccr .method-item .method.method-checked::after {
    background-color: #f58e51;
}

.fd-center-ccc {
    display: flex;
    flex-wrap: wrap;
    width: 50%;
}

.fd-center-ccc .method-item {
    width: 50%;
}

.fd-center-ccl .method span.sign {
    position: relative;
    z-index: 10;
}

.fd-center-ccl .method span {
    position: relative;
    z-index: 10;
}

.fd-center-ccl .method.method-checked span.sign {
    display: flex !important;
    flex-direction: column;
    align-items: center;
}

.fd-center-ccl .method.method-checked span.sign i {
    margin-top: 2px;
}

.pk10-01 {
    background: orange
}

.pk10-02 {
    background: #4089f7
}

.pk10-03 {
    background: #4d4d4d
}

.pk10-04 {
    background: #eb7b30
}

.pk10-05 {
    background: #a5fcfe
}

.pk10-06 {
    background: #4b20f5
}

.pk10-07 {
    background: #b8b8b8
}

.pk10-08 {
    background: #e73323
}

.pk10-09 {
    background: #6a110a
}

.pk10-10 {
    background: #61ba37
}

.toolbar-ios .ion-title {
    background-color: #f13131 !important;

}

.toolbar-ios .ion-title .toolbar-title-ios,
.ion-header .back-button-icon-ios {
    color: #fff !important;
}