.theme1 .vux-header {
  background: #a50d00;
}

.theme1 .head {
    background: #a50d00 !important;
}

.theme1 .button {
    background: #a50d00 !important;
}

.theme1 .screen .dataBtn .btn.act {
    background: #a50d00;
}

.theme1 .screen .btns span.act {
    background: #a50d00;
}

.theme1 .screen .btnGroud > div span.search {
    background: #a50d00 !important;
}

.theme1 .lotteryMain .header {
    background: #a50d00;
}

.theme1 .lotteryMain .lotteryMainTab {
    background: #a50d00;
}

.theme1 .chancePlay .title {
    color: #a50d00;
}

.theme1 .chancePlay .typeBox .vux-button-group > a.vux-button-group-current {
    background: #a50d00;
}

.theme1 .chancePlay .typeBox .vux-button-group > a.vux-button-group-current::after {
    border-color: #a50d00;
    color: #a50d00;
}

.theme1 .chancePlay .typeBox .vux-button-group > a.vux-button-tab-item-first:after,
.theme1 .chancePlay .typeBox .vux-button-group > a.vux-button-tab-item-last:after {
    border-color: #a50d00;
    color: #a50d00;
}

.theme1 .chancePlay .playGroud .vux-flexbox-item .active,
.theme1 .chancePlay .playList .vux-flexbox-item .active {
    border: 0.0625rem solid #a50d00;
    color: #a50d00;
}

.theme1 .tipLayer .tip_title {
    background-color: #a50d00;
}

.theme1 .rankList {
    background: #a50d00;
}

.theme1 .rankList .rankbtn span.act {
    color: #a50d00;
}

.theme1 .chartIndex .list .title span {
    border-left: 0.25rem solid #a50d00;
}

.theme1 .chartView .mune_btns .muneBtns .act {
    background: #a50d00;
}

.theme1 .modify .passItem .active {
    color: #a50d00;
    border-bottom: 0.125rem solid #a50d00;
}

.theme1 .recharge .userinfo span {
    color: #a50d00;
}

.theme1 .teamManage .header .vux-button-group .vux-button-tab-item,
.theme1 .userReport .header .vux-button-group .vux-button-tab-item {
    background: #a50d00;
}

.theme1 .teamManage .header .vux-button-group .vux-button-tab-item::after,
.theme1 .userReport .header .vux-button-group .vux-button-tab-item::after {
    color: #a50d00;
}

.theme1 .teamManage .header .vux-button-group > a.vux-button-group-current,
.theme1 .userReport .header .vux-button-group > a.vux-button-group-current {
    color: #a50d00;
}

.theme1 .teamManage .header .vux-button-group > a.vux-button-group-current::after,
.theme1 .userReport .header .vux-button-group > a.vux-button-group-current::after {
    color: #a50d00;
}

.theme1 .teamManage .overview .weui-grids .color,
.theme1 .userReport .overview .weui-grids .color {
    color: #a50d00;
}

.theme1 .userReport .header .overview .grid .color {
    color: #a50d00;
}

.theme1 .userReport .overView .profitBox {
    background: #a50d00 !important;
}

.theme1 .userReport .overView .profitBox .rebateBtn {
    background: -webkit-linear-gradient(45deg, #FF4646 0%, #FFAF5C 100%) !important;
    background: linear-gradient(45deg, #FF4646 0%, #FFAF5C 100%) !important;
}

.theme1 .userReport .overView .profitTip {
    background: -webkit-linear-gradient(bottom left, #FF4646, #FFAF5C) !important;
    background: linear-gradient(to top right, #FF4646, #FFAF5C) !important;
}

.theme1 .weui-btn_primary {
    background: #a50d00;
}

.theme1 .weui-cells_checkbox .weui-check:checked + .vux-checklist-icon-checked:before {
    color: #a50d00;
}

.theme1 .weui-btn_primary:not(.weui-btn_disabled):active {
    background: #a50d00;
    color: #fff;
}

.theme1 button.weui-btn,
.theme1 input.weui-btn {
    background: #a50d00;
}

.theme1 .userCenter .userhead {
    background-color: #a50d00;
}

.theme1 .userCenter .userhead .grades {
    background: -webkit-linear-gradient(45deg, #FFAF5C 0%, #FF4646 100%);
    background: linear-gradient(45deg, #FFAF5C 0%, #FF4646 100%);
}

.theme1 .userCenter .userBalance {
    background-color: #a50d00;
}

.theme1 .agencyCenter .agencyMsg {
    background: #a50d00 !important;
}

.theme1 .agencyCenter .agencyMsg .rebateBtn .btn {
    background: -webkit-linear-gradient(45deg, #FFAF5C 10%, #FF4646) !important;
    background: linear-gradient(45deg, #FFAF5C 10%, #FF4646) !important;
}

.theme1 .shareData .header .headerTab .tabInfo {
    background: #a50d00 !important;
}

.theme1 .openCenter .formBox .formItem .createBtn {
    background: #a50d00 !important;
}

.theme1 .openCenter .header .headerTab .tabInfo {
    background: #a50d00 !important;
}

.theme1 .gameindex .header .vux-header-right .arrangeSelect {
    border: #FF4646;
}

.theme1 .gameindex .header .vux-header-right .arrangeSelect > div.active {
    background: #a50d00;
}

.theme1 .gameindex .header .vux-header-right .arrangeSelect > div {
    background: #FF4646;
}

.theme1 .teamReport .overview .btnBox a {
    background: #a50d00 !important;
}

.theme1 .teamReport .overview .gridWrap .gridLi.gridHead {
    background: #a50d00 !important;
}

.theme1 .rebateReport .overview {
    background: #a50d00 !important;
}

.theme1 .login .content .btnGroup div {
    background: #a50d00 !important;
}

.theme1 .activity .activityGroup .gain span:nth-child(2) {
    background: #a50d00 !important;
}

.theme1 .weui-dialog .group .dialogHead {
    background: #a50d00 !important;
}

.theme1 .officialFooter .btnGroup .bettingBtn {
    background: #a50d00;
}

.theme1 .tabHeads .tabGroup span {
    border: 0.0625rem solid #a50d00 !important;
}

.theme1 .tabHeads .tabGroup span.active {
    background: #a50d00 !important;
}

.theme1 .success .btnBox .download-app {
    background: #a50d00 !important;
}

.theme2 .vux-header {
    background: #d6bfed;
}

.theme2 .head {
    background: #d6bfed !important;
}

.theme2 .button {
    background: #b887e8 !important;
}

.theme2 .screen .dataBtn .btn.act {
    background: #b887e8;
}

.theme2 .screen .btns span.act {
    background: #b887e8;
}

.theme2 .screen .btnGroud > div span.search {
    background: #b887e8 !important;
}

.theme2 .lotteryMain .header {
    background: #d6bfed;
}

.theme2 .lotteryMain .lotteryMainTab {
    background: #d6bfed;
}

.theme2 .chancePlay .title {
    color: #d6bfed;
}

.theme2 .chancePlay .typeBox .vux-button-group > a.vux-button-group-current {
    background: #d6bfed;
}

.theme2 .chancePlay .typeBox .vux-button-group > a.vux-button-group-current::after {
    border-color: #d6bfed;
    color: #d6bfed;
}

.theme2 .chancePlay .typeBox .vux-button-group > a.vux-button-tab-item-first:after,
.theme2 .chancePlay .typeBox .vux-button-group > a.vux-button-tab-item-last:after {
    border-color: #d6bfed;
    color: #d6bfed;
}

.theme2 .chancePlay .playGroud .vux-flexbox-item .active,
.theme2 .chancePlay .playList .vux-flexbox-item .active {
    border: 0.0625rem solid #d6bfed;
    color: #d6bfed;
}

.theme2 .tipLayer .tip_title {
    background-color: #b887e8;
}

.theme2 .rankList {
    background: #b887e8;
}

.theme2 .rankList .rankbtn span.act {
    color: #b887e8;
}

.theme2 .chartIndex .list .title span {
    border-left: 0.25rem solid #b887e8;
}

.theme2 .chartView .mune_btns .muneBtns .act {
    background: #b887e8;
}

.theme2 .modify .passItem .active {
    color: #b887e8;
    border-bottom: 0.125rem solid #b887e8;
}

.theme2 .recharge .userinfo span {
    color: #b887e8;
}

.theme2 .teamManage .header .vux-button-group .vux-button-tab-item,
.theme2 .userReport .header .vux-button-group .vux-button-tab-item {
    background: #b887e8;
}

.theme2 .teamManage .header .vux-button-group .vux-button-tab-item::after,
.theme2 .userReport .header .vux-button-group .vux-button-tab-item::after {
    color: #b887e8;
}

.theme2 .teamManage .header .vux-button-group > a.vux-button-group-current,
.theme2 .userReport .header .vux-button-group > a.vux-button-group-current {
    color: #b887e8;
}

.theme2 .teamManage .header .vux-button-group > a.vux-button-group-current::after,
.theme2 .userReport .header .vux-button-group > a.vux-button-group-current::after {
    color: #b887e8;
}

.theme2 .teamManage .overview .weui-grids .color,
.theme2 .userReport .overview .weui-grids .color {
    color: #b887e8;
}

.theme2 .userReport .header .overview .grid .color {
    color: #b887e8;
}

.theme2 .userReport .overView .profitBox {
    background: #b887e8 !important;
}

.theme2 .userReport .overView .profitBox .rebateBtn {
    background: -webkit-linear-gradient(45deg, #5c82ff 0%, #8554b7 100%) !important;
    background: linear-gradient(45deg, #5c82ff 0%, #8554b7 100%) !important;
}

.theme2 .userReport .overView .profitTip {
    background: -webkit-linear-gradient(bottom left, #5c82ff, #8554b7) !important;
    background: linear-gradient(to top right, #5c82ff, #8554b7) !important;
}

.theme2 .weui-btn_primary {
    background: #b887e8;
}

.theme2 .weui-cells_checkbox .weui-check:checked + .vux-checklist-icon-checked:before {
    color: #b887e8;
}

.theme2 .weui-btn_primary:not(.weui-btn_disabled):active {
    background: #b887e8;
    color: #fff;
}

.theme2 button.weui-btn,
.theme2 input.weui-btn {
    background: #b887e8;
}

.theme2 .userCenter .userhead {
    background-color: #b887e8;
}

.theme2 .userCenter .userhead .grades {
    background: -webkit-linear-gradient(45deg, #8554b7 0%, #5c82ff 100%);
    background: linear-gradient(45deg, #8554b7 0%, #5c82ff 100%);
}

.theme2 .userCenter .userBalance {
    background-color: #a877d8;
}

.theme2 .agencyCenter .agencyMsg {
    background: #b887e8 !important;
}

.theme2 .agencyCenter .agencyMsg .rebateBtn .btn {
    background: -webkit-linear-gradient(45deg, #8554b7 10%, #5c82ff) !important;
    background: linear-gradient(45deg, #8554b7 10%, #5c82ff) !important;
}

.theme2 .shareData .header .headerTab .tabInfo {
    background: #b887e8 !important;
}

.theme2 .openCenter .formBox .formItem .createBtn {
    background: #b887e8 !important;
}

.theme2 .openCenter .header .headerTab .tabInfo {
    background: #b887e8 !important;
}

.theme2 .gameindex .header .vux-header-right .arrangeSelect {
    border: #5c82ff;
}

.theme2 .gameindex .header .vux-header-right .arrangeSelect > div.active {
    background: #d6bfed;
}

.theme2 .gameindex .header .vux-header-right .arrangeSelect > div {
    background: #5c82ff;
}

.theme2 .teamReport .overview .btnBox a {
    background: #b887e8 !important;
}

.theme2 .teamReport .overview .gridWrap .gridLi.gridHead {
    background: #b887e8 !important;
}

.theme2 .rebateReport .overview {
    background: #b887e8 !important;
}

.theme2 .login .content .btnGroup div {
    background: #b887e8 !important;
}

.theme2 .activity .activityGroup .gain span:nth-child(2) {
    background: #b887e8 !important;
}

.theme2 .weui-dialog .group .dialogHead {
    background: #b887e8 !important;
}

.theme2 .officialFooter .btnGroup .bettingBtn {
    background: #b887e8;
}

.theme2 .tabHeads .tabGroup span {
    border: 0.0625rem solid #b887e8 !important;
}

.theme2 .tabHeads .tabGroup span.active {
    background: #b887e8 !important;
}

.theme2 .success .btnBox .download-app {
    background: #b887e8 !important;
}

.theme2 .vux-header {
    background: var(--themeBgLight);
}

.theme2 .head {
    background: var(--themeBgLight) !important;
}

.theme2 .button {
    background: var(--themeBgLight) !important;
}

.theme2 .screen .dataBtn .btn.act {
    background: var(--themeBgLight);
}

.theme2 .screen .btns span.act {
    background: var(--themeBgLight);
}

.theme2 .screen .btnGroud > div span.search {
    background: var(--themeBgLight) !important;
}

.theme2 .lotteryMain .header {
    background: var(--themeBgLight);
}

.theme2 .lotteryMain .lotteryMainTab {
    background: var(--themeBgLight);
}

.theme2 .chancePlay .title {
    color: var(--themeBgLight);
}

.theme2 .chancePlay .typeBox .vux-button-group > a.vux-button-group-current {
    background: var(--themeBgLight);
}

.theme2 .chancePlay .typeBox .vux-button-group > a.vux-button-group-current::after {
    border-color: var(--themeBgLight);
    color: var(--themeBgLight);
}

.theme2 .chancePlay .typeBox .vux-button-group > a.vux-button-tab-item-first:after,
.theme2 .chancePlay .typeBox .vux-button-group > a.vux-button-tab-item-last:after {
    border-color: var(--themeBgLight);
    color: var(--themeBgLight);
}

.theme2 .chancePlay .playGroud .vux-flexbox-item .active,
.theme2 .chancePlay .playList .vux-flexbox-item .active {
    border: 0.0625rem solid var(--themeBgLight);
    color: var(--themeBgLight);
}

.theme2 .tipLayer .tip_title {
    background-color: var(--themeBgLight);
}

.theme2 .rankList {
    background: var(--themeBgLight);
}

.theme2 .rankList .rankbtn span.act {
    color: var(--themeBgLight);
}

.theme2 .chartIndex .list .title span {
    border-left: 0.25rem solid var(--themeBgLight);
}

.theme2 .chartView .mune_btns .muneBtns .act {
    background: var(--themeBgLight);
}

.theme2 .modify .passItem .active {
    color: var(--themeBgLight);
    border-bottom: 0.125rem solid var(--themeBgLight);
}

.theme2 .recharge .userinfo span {
    color: var(--themeBgLight);
}

.theme2 .teamManage .header .vux-button-group .vux-button-tab-item,
.theme2 .userReport .header .vux-button-group .vux-button-tab-item {
    background: var(--themeBgLight);
}

.theme2 .teamManage .header .vux-button-group .vux-button-tab-item::after,
.theme2 .userReport .header .vux-button-group .vux-button-tab-item::after {
    color: var(--themeBgLight);
}

.theme2 .teamManage .header .vux-button-group > a.vux-button-group-current,
.theme2 .userReport .header .vux-button-group > a.vux-button-group-current {
    color: var(--themeBgLight);
}

.theme2 .teamManage .header .vux-button-group > a.vux-button-group-current::after,
.theme2 .userReport .header .vux-button-group > a.vux-button-group-current::after {
    color: var(--themeBgLight);
}

.theme2 .teamManage .overview .weui-grids .color,
.theme2 .userReport .overview .weui-grids .color {
    color: var(--themeBgLight);
}

.theme2 .userReport .header .overview .grid .color {
    color: var(--themeBgLight);
}

.theme2 .userReport .overView .profitBox {
    background: var(--themeBgLight) !important;
}

.theme2 .userReport .overView .profitBox .rebateBtn {
    background: -webkit-linear-gradient(45deg, var(--themeText) 0%, var(--themeDark) 100%) !important;
    background: linear-gradient(45deg, var(--themeText) 0%, var(--themeDark) 100%) !important;
}

.theme2 .userReport .overView .profitTip {
    background: -webkit-linear-gradient(bottom left, var(--themeText), var(--themeDark)) !important;
    background: linear-gradient(to top right, var(--themeText), var(--themeDark)) !important;
}

.theme2 .weui-btn_primary {
    background: var(--themeBgLight);
}

.theme2 .weui-cells_checkbox .weui-check:checked + .vux-checklist-icon-checked:before {
    color: var(--themeBgLight);
}

.theme2 .weui-btn_primary:not(.weui-btn_disabled):active {
    background: var(--themeBgLight);
    color: #fff;
}

.theme2 button.weui-btn,
.theme2 input.weui-btn {
    background: var(--themeBgLight);
}

.theme2 .userCenter .userhead {
    background-color: var(--themeBgLight);
}

.theme2 .userCenter .userhead .grades {
    background: -webkit-linear-gradient(45deg, var(--themeDark) 0%, var(--themeText) 100%);
    background: linear-gradient(45deg, var(--themeDark) 0%, var(--themeText) 100%);
}

.theme2 .userCenter .userBalance {
    background-color: var(--themeAccent);
}

.theme2 .agencyCenter .agencyMsg {
    background: var(--themeBgLight) !important;
}

.theme2 .agencyCenter .agencyMsg .rebateBtn .btn {
    background: -webkit-linear-gradient(45deg, var(--themeDark) 10%, var(--themeText)) !important;
    background: linear-gradient(45deg, var(--themeDark) 10%, var(--themeText)) !important;
}

.theme2 .shareData .header .headerTab .tabInfo {
    background: var(--themeBgLight) !important;
}

.theme2 .openCenter .formBox .formItem .createBtn {
    background: var(--themeBgLight) !important;
}

.theme2 .openCenter .header .headerTab .tabInfo {
    background: var(--themeBgLight) !important;
}

.theme2 .gameindex .header .vux-header-right .arrangeSelect {
    border: var(--themeText);
}

.theme2 .gameindex .header .vux-header-right .arrangeSelect > div.active {
    background: var(--themeBgLight);
}

.theme2 .gameindex .header .vux-header-right .arrangeSelect > div {
    background: var(--themeText);
}

.theme2 .teamReport .overview .btnBox a {
    background: var(--themeBgLight) !important;
}

.theme2 .teamReport .overview .gridWrap .gridLi.gridHead {
    background: var(--themeBgLight) !important;
}

.theme2 .rebateReport .overview {
    background: var(--themeBgLight) !important;
}

.theme2 .login .content .btnGroup div {
    background: var(--themeBgLight) !important;
}

.theme2 .activity .activityGroup .gain span:nth-child(2) {
    background: var(--themeBgLight) !important;
}

.theme2 .weui-dialog .group .dialogHead {
    background: var(--themeBgLight) !important;
}

.theme2 .officialFooter .btnGroup .bettingBtn {
    background: var(--themeBgLight);
}

.theme2 .tabHeads .tabGroup span {
    border: 0.0625rem solid var(--themeBgLight) !important;
}

.theme2 .tabHeads .tabGroup span.active {
    background: var(--themeBgLight) !important;
}

.theme2 .success .btnBox .download-app {
    background: var(--themeBgLight) !important;
}

.theme3 .vux-header {
    background: #5733a7;
}

.theme3 .head {
    background: #5733a7 !important;
}

.theme3 .button {
    background: #623fae !important;
}

.theme3 .screen .dataBtn .btn.act {
    background: #623fae;
}

.theme3 .screen .btns span.act {
    background: #623fae;
}

.theme3 .screen .btnGroud > div span.search {
    background: #623fae !important;
}

.theme3 .lotteryMain .header {
    background: #5733a7;
}

.theme3 .lotteryMain .lotteryMainTab {
    background: #5733a7;
}

.theme3 .chancePlay .title {
    color: #5733a7;
}

.theme3 .chancePlay .typeBox .vux-button-group > a.vux-button-group-current {
    background: #5733a7;
}

.theme3 .chancePlay .typeBox .vux-button-group > a.vux-button-group-current::after {
    border-color: #5733a7;
    color: #5733a7;
}

.theme3 .chancePlay .typeBox .vux-button-group > a.vux-button-tab-item-first:after,
.theme3 .chancePlay .typeBox .vux-button-group > a.vux-button-tab-item-last:after {
    border-color: #5733a7;
    color: #5733a7;
}

.theme3 .chancePlay .playGroud .vux-flexbox-item .active,
.theme3 .chancePlay .playList .vux-flexbox-item .active {
    border: 0.0625rem solid #5733a7;
    color: #5733a7;
}

.theme3 .tipLayer .tip_title {
    background-color: #623fae;
}

.theme3 .rankList {
    background: #623fae;
}

.theme3 .rankList .rankbtn span.act {
    color: #623fae;
}

.theme3 .chartIndex .list .title span {
    border-left: 0.25rem solid #623fae;
}

.theme3 .chartView .mune_btns .muneBtns .act {
    background: #623fae;
}

.theme3 .modify .passItem .active {
    color: #623fae;
    border-bottom: 0.125rem solid #623fae;
}

.theme3 .recharge .userinfo span {
    color: #623fae;
}

.theme3 .teamManage .header .vux-button-group .vux-button-tab-item,
.theme3 .userReport .header .vux-button-group .vux-button-tab-item {
    background: #623fae;
}

.theme3 .teamManage .header .vux-button-group .vux-button-tab-item::after,
.theme3 .userReport .header .vux-button-group .vux-button-tab-item::after {
    color: #623fae;
}

.theme3 .teamManage .header .vux-button-group > a.vux-button-group-current,
.theme3 .userReport .header .vux-button-group > a.vux-button-group-current {
    color: #623fae;
}

.theme3 .teamManage .header .vux-button-group > a.vux-button-group-current::after,
.theme3 .userReport .header .vux-button-group > a.vux-button-group-current::after {
    color: #623fae;
}

.theme3 .teamManage .overview .weui-grids .color,
.theme3 .userReport .overview .weui-grids .color {
    color: #623fae;
}

.theme3 .userReport .header .overview .grid .color {
    color: #623fae;
}

.theme3 .userReport .overView .profitBox {
    background: #623fae !important;
}

.theme3 .userReport .overView .profitBox .rebateBtn {
    background: -webkit-linear-gradient(45deg, #3a0a6f 0%, #7d43cd 100%) !important;
    background: linear-gradient(45deg, #3a0a6f 0%, #7d43cd 100%) !important;
}

.theme3 .userReport .overView .profitTip {
    background: -webkit-linear-gradient(bottom left, #3a0a6f, #7d43cd) !important;
    background: linear-gradient(to top right, #3a0a6f, #7d43cd) !important;
}

.theme3 .weui-btn_primary {
    background: #623fae;
}

.theme3 .weui-cells_checkbox .weui-check:checked + .vux-checklist-icon-checked:before {
    color: #623fae;
}

.theme3 .weui-btn_primary:not(.weui-btn_disabled):active {
    background: #623fae;
    color: #fff;
}

.theme3 button.weui-btn,
.theme3 input.weui-btn {
    background: #623fae;
}

.theme3 .userCenter .userhead {
    background-color: #623fae;
}

.theme3 .userCenter .userhead .grades {
    background: -webkit-linear-gradient(45deg, #7d43cd 0%, #3a0a6f 100%);
    background: linear-gradient(45deg, #7d43cd 0%, #3a0a6f 100%);
}

.theme3 .userCenter .userBalance {
    background-color: #754fc6;
}

.theme3 .agencyCenter .agencyMsg {
    background: #623fae !important;
}

.theme3 .agencyCenter .agencyMsg .rebateBtn .btn {
    background: -webkit-linear-gradient(45deg, #7d43cd 10%, #3a0a6f) !important;
    background: linear-gradient(45deg, #7d43cd 10%, #3a0a6f) !important;
}

.theme3 .shareData .header .headerTab .tabInfo {
    background: #623fae !important;
}

.theme3 .openCenter .formBox .formItem .createBtn {
    background: #623fae !important;
}

.theme3 .openCenter .header .headerTab .tabInfo {
    background: #623fae !important;
}

.theme3 .gameindex .header .vux-header-right .arrangeSelect {
    border: #3a0a6f;
}

.theme3 .gameindex .header .vux-header-right .arrangeSelect > div.active {
    background: #5733a7;
}

.theme3 .gameindex .header .vux-header-right .arrangeSelect > div {
    background: #3a0a6f;
}

.theme3 .teamReport .overview .btnBox a {
    background: #623fae !important;
}

.theme3 .teamReport .overview .gridWrap .gridLi.gridHead {
    background: #623fae !important;
}

.theme3 .rebateReport .overview {
    background: #623fae !important;
}

.theme3 .login .content .btnGroup div {
    background: #623fae !important;
}

.theme3 .activity .activityGroup .gain span:nth-child(2) {
    background: #623fae !important;
}

.theme3 .weui-dialog .group .dialogHead {
    background: #623fae !important;
}

.theme3 .officialFooter .btnGroup .bettingBtn {
    background: #623fae;
}

.theme3 .tabHeads .tabGroup span {
    border: 0.0625rem solid #623fae !important;
}

.theme3 .tabHeads .tabGroup span.active {
    background: #623fae !important;
}

.theme3 .success .btnBox .download-app {
    background: #623fae !important;
}

.theme4 .vux-header {
    background: #141414;
}

.theme4 .head {
    background: #141414 !important;
}

.theme4 .button {
    background: #251518 !important;
}

.theme4 .screen .dataBtn .btn.act {
    background: #251518;
}

.theme4 .screen .btns span.act {
    background: #251518;
}

.theme4 .screen .btnGroud > div span.search {
    background: #251518 !important;
}

.theme4 .lotteryMain .header {
    background: #141414;
}

.theme4 .lotteryMain .lotteryMainTab {
    background: #141414;
}

.theme4 .chancePlay .title {
    color: #141414;
}

.theme4 .chancePlay .typeBox .vux-button-group > a.vux-button-group-current {
    background: #141414;
}

.theme4 .chancePlay .typeBox .vux-button-group > a.vux-button-group-current::after {
    border-color: #141414;
    color: #141414;
}

.theme4 .chancePlay .typeBox .vux-button-group > a.vux-button-tab-item-first:after,
.theme4 .chancePlay .typeBox .vux-button-group > a.vux-button-tab-item-last:after {
    border-color: #141414;
    color: #141414;
}

.theme4 .chancePlay .playGroud .vux-flexbox-item .active,
.theme4 .chancePlay .playList .vux-flexbox-item .active {
    border: 0.0625rem solid #141414;
    color: #141414;
}

.theme4 .tipLayer .tip_title {
    background-color: #251518;
}

.theme4 .rankList {
    background: #251518;
}

.theme4 .rankList .rankbtn span.act {
    color: #251518;
}

.theme4 .chartIndex .list .title span {
    border-left: 0.25rem solid #251518;
}

.theme4 .chartView .mune_btns .muneBtns .act {
    background: #251518;
}

.theme4 .modify .passItem .active {
    color: #251518;
    border-bottom: 0.125rem solid #251518;
}

.theme4 .recharge .userinfo span {
    color: #251518;
}

.theme4 .teamManage .header .vux-button-group .vux-button-tab-item,
.theme4 .userReport .header .vux-button-group .vux-button-tab-item {
    background: #251518;
}

.theme4 .teamManage .header .vux-button-group .vux-button-tab-item::after,
.theme4 .userReport .header .vux-button-group .vux-button-tab-item::after {
    color: #251518;
}

.theme4 .teamManage .header .vux-button-group > a.vux-button-group-current,
.theme4 .userReport .header .vux-button-group > a.vux-button-group-current {
    color: #251518;
}

.theme4 .teamManage .header .vux-button-group > a.vux-button-group-current::after,
.theme4 .userReport .header .vux-button-group > a.vux-button-group-current::after {
    color: #251518;
}

.theme4 .teamManage .overview .weui-grids .color,
.theme4 .userReport .overview .weui-grids .color {
    color: #251518;
}

.theme4 .userReport .header .overview .grid .color {
    color: #251518;
}

.theme4 .userReport .overView .profitBox {
    background: #251518 !important;
}

.theme4 .userReport .overView .profitBox .rebateBtn {
    background: -webkit-linear-gradient(45deg, #1b0307 0%, #7d1428 100%) !important;
    background: linear-gradient(45deg, #1b0307 0%, #7d1428 100%) !important;
}

.theme4 .userReport .overView .profitTip {
    background: -webkit-linear-gradient(bottom left, #1b0307, #7d1428) !important;
    background: linear-gradient(to top right, #1b0307, #7d1428) !important;
}

.theme4 .weui-btn_primary {
    background: #251518;
}

.theme4 .weui-cells_checkbox .weui-check:checked + .vux-checklist-icon-checked:before {
    color: #251518;
}

.theme4 .weui-btn_primary:not(.weui-btn_disabled):active {
    background: #251518;
    color: #fff;
}

.theme4 button.weui-btn,
.theme4 input.weui-btn {
    background: #251518;
}

.theme4 .userCenter .userhead {
    background-color: #251518;
}

.theme4 .userCenter .userhead .grades {
    background: -webkit-linear-gradient(45deg, #7d1428 0%, #1b0307 100%);
    background: linear-gradient(45deg, #7d1428 0%, #1b0307 100%);
}

.theme4 .userCenter .userBalance {
    background-color: #3a1e23;
}

.theme4 .agencyCenter .agencyMsg {
    background: #251518 !important;
}

.theme4 .agencyCenter .agencyMsg .rebateBtn .btn {
    background: -webkit-linear-gradient(45deg, #7d1428 10%, #1b0307) !important;
    background: linear-gradient(45deg, #7d1428 10%, #1b0307) !important;
}

.theme4 .shareData .header .headerTab .tabInfo {
    background: #251518 !important;
}

.theme4 .openCenter .formBox .formItem .createBtn {
    background: #251518 !important;
}

.theme4 .openCenter .header .headerTab .tabInfo {
    background: #251518 !important;
}

.theme4 .gameindex .header .vux-header-right .arrangeSelect {
    border: #1b0307;
}

.theme4 .gameindex .header .vux-header-right .arrangeSelect > div.active {
    background: #141414;
}

.theme4 .gameindex .header .vux-header-right .arrangeSelect > div {
    background: #1b0307;
}

.theme4 .teamReport .overview .btnBox a {
    background: #251518 !important;
}

.theme4 .teamReport .overview .gridWrap .gridLi.gridHead {
    background: #251518 !important;
}

.theme4 .rebateReport .overview {
    background: #251518 !important;
}

.theme4 .login .content .btnGroup div {
    background: #251518 !important;
}

.theme4 .activity .activityGroup .gain span:nth-child(2) {
    background: #251518 !important;
}

.theme4 .weui-dialog .group .dialogHead {
    background: #251518 !important;
}

.theme4 .officialFooter .btnGroup .bettingBtn {
    background: #251518;
}

.theme4 .tabHeads .tabGroup span {
    border: 0.0625rem solid #251518 !important;
}

.theme4 .tabHeads .tabGroup span.active {
    background: #251518 !important;
}

.theme4 .success .btnBox .download-app {
    background: #251518 !important;
}

.login .content .rememberpw {
    margin-left: 0.8125rem;
    margin-top: 0.625rem;
}

.login .content .rememberpw input {
    -webkit-appearance: checkbox;
}

.login .content .vcodeImg {
    display: block;
    height: 2.75rem !important;
    width: 8.8rem !important;
    background: url("data:image/gif;base64,R0lGODlhLQAUAIAAAOz12+PjTiH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS4zLWMwMTEgNjYuMTQ1NjYxLCAyMDEyLzAyLzA2LTE0OjU2OjI3ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDowMjU1OTAxODFEMkQxMUU0QUI5MjkxMzQ5RTZBQjVEMSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDowMjU1OTAxOTFEMkQxMUU0QUI5MjkxMzQ5RTZBQjVEMSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjAyNTU5MDE2MUQyRDExRTRBQjkyOTEzNDlFNkFCNUQxIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjAyNTU5MDE3MUQyRDExRTRBQjkyOTEzNDlFNkFCNUQxIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+Af/+/fz7+vn49/b19PPy8fDv7u3s6+rp6Ofm5eTj4uHg397d3Nva2djX1tXU09LR0M/OzczLysnIx8bFxMPCwcC/vr28u7q5uLe2tbSzsrGwr66trKuqqainpqWko6KhoJ+enZybmpmYl5aVlJOSkZCPjo2Mi4qJiIeGhYSDgoGAf359fHt6eXh3dnV0c3JxcG9ubWxramloZ2ZlZGNiYWBfXl1cW1pZWFdWVVRTUlFQT05NTEtKSUhHRkVEQ0JBQD8+PTw7Ojk4NzY1NDMyMTAvLi0sKyopKCcmJSQjIiEgHx4dHBsaGRgXFhUUExIREA8ODQwLCgkIBwYFBAMCAQAAIfkEAAAAAAAsAAAAAC0AFABAAniEj6nLffEiVDDMdW+qbHqLcF4EaBhYlhXaoJlhwtoo184dYiSV5tvN6YVmwVeMtFKZRD8dLDd7+qY4XvQZYw21qqr367WId9VM0pztLHfH6ZXWka5YbanbLqRwZaBxMC9EpHeSV0fmsBbX9cIDpVjkUwd5CFZZVQAAOw==") no-repeat;
    background-size: cover;
}

.login .content .formItem {
    margin: 0.625rem 0.75rem 0;
    border-radius: 0.5rem;
    border: 0.0625rem solid #d6bfed;
    background: #fbfafc;
    padding: 2vw;
}

.login .content .formItem .weui-cell {
    padding: 5px 0;
}

.login .content .formItem i.fa {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    color: var(--themeLink);
}

.login .content .formItem i.fa.fa-warning {
    left: 80%;
}

.login .content .formItem.code {
    padding: 1vw 0;
}

.login .content .formItem.code .weui-cell {
    padding: 0;
}

.login .content .formItem .weui-input {
    padding: 0 2vw 0 3vw;
    box-sizing: border-box;
}

.login .content .weui-label {
    width: 26px;
    margin-right: 8px;
    padding: 0 4px;
    margin-top: 0;
    position: relative;
}

.login .content .weui-label i {
    font-size: 24px;
    margin: auto;
    text-align: center;
    width: 30px;
    color: #999;
}

.login .content .logo {
    padding: 0.625rem 0;
    text-align: center;
}

.login .content .logo img {
    max-width: 50%;
}

.login .content .btnGroup {
    padding: 0 0.75rem;
}

.login .content .btnGroup div {
    margin-top: 0.625rem;
    height: 2.75rem;
    line-height: 2.75rem;
    width: 100%;
    border-radius: 0.3125rem;
    text-align: center;
    color: #fff;
    background: #d91d37;
}

.login .content .deep-rooted {
    margin-top: 0.9375rem;
    text-align: center;
    font-size: 1rem;
}

.login .content .deep-rooted p {
    color: #000000;
}

.login .content .deep-rooted a {
    color: #E43333;
    border-bottom: solid 0.0625rem #E43333;
}


                      .login {
                          background: #efeef4;
                      }

.login .content .formItem {
    line-height: 2.4rem;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    /*i {*/
    /*font-size: 20px;*/
    /*}*/
}

.login .content .formItem .input {
    line-height: 1.8rem;
    border: none;
    background: #FBFAFC;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    font-size: 1rem;
    padding: 0 2vw;
    box-sizing: border-box;
}

.login .content .formItem .icon-container {
    width: 2.3rem !important;
    display: inline-block !important;
    text-align: center !important;
    vertical-align: middle;
    position: relative;
}

.login .content .formItem .fa {
    color: #999999;
    font-size: 1.4rem;
}

/**
* actionsheet
*/
                          /**
* en: primary type text color of menu item
* zh-CN: 菜单项primary类型的文本颜色
*/
                          /**
* en: warn type text color of menu item
* zh-CN: 菜单项warn类型的文本颜色
*/
                          /**
* en: default type text color of menu item
* zh-CN: 菜单项default类型的文本颜色
*/
                          /**
* en: disabled type text color of menu item
* zh-CN: 菜单项disabled类型的文本颜色
*/
                          /**
* datetime
*/
                          /**
* tabbar
*/
                          /**
* tab
*/
                          /**
* dialog
*/
                          /**
* en: title and content's padding-left and padding-right
* zh-CN: 标题及内容区域的 padding-left 和 padding-right
*/
                          /**
* x-number
*/
                          /**
* checkbox
*/
                          /**
* check-icon
*/
                          /**
* Cell
*/
                          /**
* Mask
*/
                          /**
* Range
*/
                          /**
* Tabbar
*/
                          /**
* Header
*/
                          /**
* Timeline
*/
                          /**
* Switch
*/
                          /**
* Button
*/
                          /**
* en: border radius
* zh-CN: 圆角边框
*/
                          /**
* en: font color
* zh-CN: 字体颜色
*/
                          /**
* en: margin-top value between previous button, not works when there is only one button
* zh-CN: 与相邻按钮的 margin-top 间隙，只有一个按钮时不生效
*/
                          /**
* en: button height
* zh-CN: 按钮高度
*/
                          /**
* en: the font color in disabled
* zh-CN: disabled状态下的字体颜色
*/
                          /**
* en: the font color in disabled
* zh-CN: disabled状态下的字体颜色
*/
                          /**
* en: font size
* zh-CN: 字体大小
*/
                          /**
* en: the font size of the mini type
* zh-CN: mini类型的字体大小
*/
                          /**
* en: the line height of the mini type
* zh-CN: mini类型的行高
*/
                          /**
* en: the background color of the warn type
* zh-CN: warn类型的背景颜色
*/
                          /**
* en: the background color of the warn type in active
* zh-CN: active状态下，warn类型的背景颜色
*/
                          /**
* en: the background color of the warn type in disabled
* zh-CN: disabled状态下，warn类型的背景颜色
*/
                          /**
* en: the background color of the default type
* zh-CN: default类型的背景颜色
*/
                          /**
* en: the font color of the default type
* zh-CN: default类型的字体颜色
*/
                          /**
* en: the background color of the default type in active
* zh-CN: active状态下，default类型的背景颜色
*/
                          /**
* en: the font color of the default type in disabled
* zh-CN: disabled状态下，default类型的字体颜色
*/
                          /**
* en: the background color of the default type in disabled
* zh-CN: disabled状态下，default类型的背景颜色
*/
                          /**
* en: the font color of the default type in active
* zh-CN: active状态下，default类型的字体颜色
*/
                          /**
* en: the background color of the primary type
* zh-CN: primary类型的背景颜色
*/
                          /**
* en: the background color of the primary type in active
* zh-CN: active状态下，primary类型的背景颜色
*/
                          /**
* en: the background color of the primary type in disabled
* zh-CN: disabled状态下，primary类型的背景颜色
*/
                          /**
* en: the font color of the plain primary type
* zh-CN: plain的primary类型的字体颜色
*/
                          /**
* en: the border color of the plain primary type
* zh-CN: plain的primary类型的边框颜色
*/
                          /**
* en: the font color of the plain primary type in active
* zh-CN: active状态下，plain的primary类型的字体颜色
*/
                          /**
* en: the border color of the plain primary type in active
* zh-CN: active状态下，plain的primary类型的边框颜色
*/
                          /**
* en: the font color of the plain default type
* zh-CN: plain的default类型的字体颜色
*/
                          /**
* en: the border color of the plain default type
* zh-CN: plain的default类型的边框颜色
*/
                          /**
* en: the font color of the plain default type in active
* zh-CN: active状态下，plain的default类型的字体颜色
*/
                          /**
* en: the border color of the plain default type in active
* zh-CN: active状态下，plain的default类型的边框颜色
*/
                          /**
* en: the font color of the plain warn type
* zh-CN: plain的warn类型的字体颜色
*/
                          /**
* en: the border color of the plain warn type
* zh-CN: plain的warn类型的边框颜色
*/
                          /**
* en: the font color of the plain warn type in active
* zh-CN: active状态下，plain的warn类型的字体颜色
*/
                          /**
* en: the border color of the plain warn type in active
* zh-CN: active状态下，plain的warn类型的边框颜色
*/
                          /**
* swipeout
*/
                          /**
* Cell
*/
                          /**
* Badge
*/
                          /**
* en: badge background color
* zh-CN: badge的背景颜色
*/
                          /**
* Popover
*/
                          /**
* Button tab
*/
                          /**
* en: not used
* zh-CN: 未被使用
*/
                          /**
* en: border radius color
* zh-CN: 圆角边框的半径
*/
                          /**
* en: border color
* zh-CN: 边框的颜色
*/
                          /**
* en: not used
* zh-CN: 默认状态下圆角边框的颜色
*/
                          /**
* en: not used
* zh-CN: 未被使用
*/
                          /**
* en: default background color
* zh-CN: 默认状态下的背景颜色
*/
                          /**
* en: selected background color
* zh-CN: 选中状态下的背景颜色
*/
                          /**
* en: not used
* zh-CN: 未被使用
*/
                          /* alias */
                          /**
* en: not used
* zh-CN: 未被使用
*/
                          /**
* en: default text color
* zh-CN: 默认状态下的文本颜色
*/
                          /**
* en: height
* zh-CN: 元素高度
*/
                          /**
* en: line height
* zh-CN: 元素行高
*/
                          /**
* Swiper
*/
                          /**
* checklist
*/
                          /**
* popup-picker
*/
                          /**
* popup
*/
                          /**
* popup-header
*/
                          /**
* form-preview
*/
                          /**
* sticky
*/
                          /**
* group
*/
                          /**
* en: margin-top of title
* zh-CN: 标题的margin-top
*/
                          /**
* en: margin-bottom of title
* zh-CN: 标题的margin-bottom
*/
                          /**
* en: margin-top of footer title
* zh-CN: 底部标题的margin-top
*/
                          /**
* en: margin-bottom of footer title
* zh-CN: 底部标题的margin-bottom
*/
                          /**
* toast
*/
                          /**
* en: text size of content
* zh-CN: 内容文本大小
*/
                          /**
* en: default top
* zh-CN: 默认状态下距离顶部的高度
*/
                          /**
* en: position top
* zh-CN: 顶部显示的高度
*/
                          /**
* en: position bottom
* zh-CN: 底部显示的高度
*/
                          /**
* en: z-index
* zh-CN: z-index
*/
                          /**
* icon
*/
                          /**
* calendar
*/
                          /**
* en: forward and backward arrows color
* zh-CN: 前进后退的箭头颜色
*/
                          /**
* en: text color of week highlight
* zh-CN: 周末高亮的文本颜色
*/
                          /**
* en: background color when selected
* zh-CN: 选中时的背景颜色
*/
                          /**
* en: text color when disabled
* zh-CN: 禁用时的文本颜色
*/
                          /**
* en: text color of today
* zh-CN: 今天的文本颜色
*/
                          /**
* en: font size of cell
* zh-CN: 单元格的字号
*/
                          /**
* en: background color
* zh-CN: 背景颜色
*/
                          /**
* en: size of date cell
* zh-CN: 日期单元格尺寸大小
*/
                          /**
* en: line height of date cell
* zh-CN: 日期单元格的行高
*/
                          /**
* en: text color of header
* zh-CN: 头部的文本颜色
*/
                          /**
* week-calendar
*/
                          /**
* search
*/
                          /**
* en: text color of cancel button
* zh-CN: 取消按钮文本颜色
*/
                          /**
* en: background color
* zh-CN: 背景颜色
*/
                          /**
* en: text color of placeholder
* zh-CN: placeholder文本颜色
*/
                          /**
* radio
*/
                          /**
* en: checked icon color
* zh-CN: 选中状态的图标颜色
*/
                          /**
* loadmore
*/
                          /**
* en: not used
* zh-CN: 未被使用
*/
                          /**
* loading
*/
                          /**
* en: z-index
* zh-CN: z-index
*/
                      .weui-cell_access {
                          -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
                          color: inherit;
                      }

.weui-cell_access:active {
    background-color: #ECECEC;
}

.weui-cell_access .weui-cell__ft {
    padding-right: 13px;
    position: relative;
}

.weui-cell_access .weui-cell__ft:after {
    content: " ";
    display: inline-block;
    height: 6px;
    width: 6px;
    border-width: 2px 2px 0 0;
    border-color: #C8C8CD;
    border-style: solid;
    -webkit-transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0);
    transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0);
    position: relative;
    top: -2px;
    position: absolute;
    top: 50%;
    margin-top: -4px;
    right: 2px;
}

.weui-cell_link {
    color: #586C94;
    font-size: 14px;
}

.weui-cell_link.weui-cell:first-child:before {
    display: block;
}

.weui-cell_access.vux-cell-box {
    padding-right: 13px;
    position: relative;
}

.weui-cell_access.vux-cell-box:after {
    content: " ";
    display: inline-block;
    height: 6px;
    width: 6px;
    border-width: 2px 2px 0 0;
    border-color: #C8C8CD;
    border-style: solid;
    -webkit-transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0);
    transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0);
    position: relative;
    top: -2px;
    position: absolute;
    top: 50%;
    margin-top: -4px;
    right: 17px;
}

.weui-cells {
    margin-top: 1.17647059em;
    background-color: #FFFFFF;
    line-height: 1.41176471;
    font-size: 17px;
    overflow: hidden;
    position: relative;
}

.weui-cells:before {
    content: " ";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    height: 1px;
    border-top: 1px solid #D9D9D9;
    color: #D9D9D9;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: scaleY(0.5);
    transform: scaleY(0.5);
}

.weui-cells:after {
    content: " ";
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    height: 1px;
    border-bottom: 1px solid #D9D9D9;
    color: #D9D9D9;
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%;
    -webkit-transform: scaleY(0.5);
    transform: scaleY(0.5);
}

.weui-cells__title {
    margin-top: 0.77em;
    margin-bottom: 0.3em;
    padding-left: 15px;
    padding-right: 15px;
    color: #999999;
    font-size: 14px;
}

.weui-cells__title + .weui-cells {
    margin-top: 0;
}

.weui-cells__tips {
    margin-top: .3em;
    color: #999999;
    padding-left: 15px;
    padding-right: 15px;
    font-size: 14px;
}

.weui-cell {
    padding: 10px 15px;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.weui-cell:before {
    content: " ";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    height: 1px;
    border-top: 1px solid #D9D9D9;
    color: #D9D9D9;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: scaleY(0.5);
    transform: scaleY(0.5);
    left: 15px;
}

.weui-cell:first-child:before {
    display: none;
}

.weui-cell_primary {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
}

.weui-cell__bd {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
}

.weui-cell__ft {
    text-align: right;
    color: #999999;
}

.vux-cell-justify {
    height: 1.41176471em;
}

.vux-cell-justify.vux-cell-justify:after {
    content: ".";
    display: inline-block;
    width: 100%;
    overflow: hidden;
    height: 0;
}

.weui-label {
    display: block;
    width: 105px;
    word-wrap: break-word;
    word-break: break-all;
}

.weui-input {
    width: 100%;
    border: 0;
    outline: 0;
    -webkit-appearance: none;
    background-color: transparent;
    font-size: inherit;
    color: inherit;
    height: 1.41176471em;
    line-height: 1.41176471;
}

.weui-input::-webkit-outer-spin-button,
.weui-input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.weui-textarea {
    display: block;
    border: 0;
    resize: none;
    width: 100%;
    color: inherit;
    font-size: 1em;
    line-height: inherit;
    outline: 0;
}

.weui-textarea-counter {
    color: #B2B2B2;
    text-align: right;
}

.weui-cell_warn .weui-textarea-counter {
    color: #E64340;
}

.weui-toptips {
    display: none;
    position: fixed;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    top: 0;
    left: 0;
    right: 0;
    padding: 5px;
    font-size: 14px;
    text-align: center;
    color: #FFF;
    z-index: 5000;
    word-wrap: break-word;
    word-break: break-all;
}

.weui-toptips_warn {
    background-color: #E64340;
}

.weui-cells_form .weui-cell__ft {
    font-size: 0;
}

.weui-cells_form .weui-icon-warn {
    display: none;
}

.weui-cells_form input,
.weui-cells_form textarea,
.weui-cells_form label[for] {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.weui-cell_warn {
    color: #E64340;
}

.weui-cell_warn .weui-icon-warn {
    display: inline-block;
}

.weui-cell_vcode {
    padding-top: 0;
    padding-right: 0;
    padding-bottom: 0;
}

.weui-vcode-img {
    margin-left: 5px;
    height: 44px;
    vertical-align: middle;
}

.weui-vcode-btn {
    display: inline-block;
    height: 44px;
    margin-left: 5px;
    padding: 0 0.6em 0 0.7em;
    border-left: 1px solid #E5E5E5;
    line-height: 44px;
    vertical-align: middle;
    font-size: 17px;
    color: #3CC51F;
}

button.weui-vcode-btn {
    background-color: transparent;
    border-top: 0;
    border-right: 0;
    border-bottom: 0;
    outline: 0;
}

.weui-vcode-btn:active {
    color: #52a341;
}

.vux-x-input .vux-x-input-placeholder-right input::-webkit-input-placeholder {
    text-align: right;
}

.vux-x-input .vux-x-input-placeholder-center input::-webkit-input-placeholder {
    text-align: center;
}

.vux-x-input .vux-input-icon {
    font-size: 1.3125rem;
}

.vux-input-icon.weui-icon-warn:before,
.vux-input-icon.weui-icon-success:before {
    font-size: 21px;
}

.vux-x-input .weui-icon {
    padding-left: 5px;
}

.vux-x-input.weui-cell_vcode {
    padding-top: 0;
    padding-right: 0;
    padding-bottom: 0;
}

.vux-x-input.disabled .weui-input {
    text-fill-color: #888;
    -webkit-text-fill-color: #888;
    /* Override iOS / Android font color change */
    opacity: 1;
    /* Override iOS opacity change affecting text & background color */
}

.vux-x-input-right-full {
    margin-left: 0.3125rem;
    height: 2.75rem;
    vertical-align: middle;
}

.vux-x-input-right-full img {
    height: 2.75rem;
}

.vux-x-input-has-right-full {
    padding-top: 0;
    padding-right: 0;
    padding-bottom: 0;
}


                      .vux-fade-enter-active,
                      .vux-fade-leave-active {
                          opacity: 1;
                          -webkit-transition: opacity linear 0.2s;
                          transition: opacity linear 0.2s;
                      }

.vux-fade-enter,
.vux-fade-leave-to {
    opacity: 0;
}

.vux-dialog-enter-active {
    -webkit-animation: vux-dialog-in 0.5s;
    animation: vux-dialog-in 0.5s;
}

.vux-dialog-leave-active {
    -webkit-animation: vux-dialog-out 0.3s;
    animation: vux-dialog-out 0.3s;
}

@-webkit-keyframes vux-dialog-in {
    0% {
        -webkit-transform: scale(1.185);
        transform: scale(1.185);
        opacity: 0;
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }
}

@keyframes vux-dialog-in {
    0% {
        -webkit-transform: scale(1.185);
        transform: scale(1.185);
        opacity: 0;
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }
}

@-webkit-keyframes vux-dialog-out {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }
    100% {
        -webkit-transform: scale(0.85);
        transform: scale(0.85);
        opacity: 0;
    }
}

@keyframes vux-dialog-out {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }
    100% {
        -webkit-transform: scale(0.85);
        transform: scale(0.85);
        opacity: 0;
    }
}

.vux-mask-enter,
.vux-mask-leave-active {
    opacity: 0;
}

.vux-mask-leave-active,
.vux-mask-enter-active {
    -webkit-transition: opacity 300ms;
    transition: opacity 300ms;
}

/**
* actionsheet
*/
/**
* en: primary type text color of menu item
* zh-CN: 菜单项primary类型的文本颜色
*/
/**
* en: warn type text color of menu item
* zh-CN: 菜单项warn类型的文本颜色
*/
/**
* en: default type text color of menu item
* zh-CN: 菜单项default类型的文本颜色
*/
/**
* en: disabled type text color of menu item
* zh-CN: 菜单项disabled类型的文本颜色
*/
/**
* datetime
*/
/**
* tabbar
*/
/**
* tab
*/
/**
* dialog
*/
/**
* en: title and content's padding-left and padding-right
* zh-CN: 标题及内容区域的 padding-left 和 padding-right
*/
/**
* x-number
*/
/**
* checkbox
*/
/**
* check-icon
*/
/**
* Cell
*/
/**
* Mask
*/
/**
* Range
*/
/**
* Tabbar
*/
/**
* Header
*/
/**
* Timeline
*/
/**
* Switch
*/
/**
* Button
*/
/**
* en: border radius
* zh-CN: 圆角边框
*/
/**
* en: font color
* zh-CN: 字体颜色
*/
/**
* en: margin-top value between previous button, not works when there is only one button
* zh-CN: 与相邻按钮的 margin-top 间隙，只有一个按钮时不生效
*/
/**
* en: button height
* zh-CN: 按钮高度
*/
/**
* en: the font color in disabled
* zh-CN: disabled状态下的字体颜色
*/
/**
* en: the font color in disabled
* zh-CN: disabled状态下的字体颜色
*/
/**
* en: font size
* zh-CN: 字体大小
*/
/**
* en: the font size of the mini type
* zh-CN: mini类型的字体大小
*/
/**
* en: the line height of the mini type
* zh-CN: mini类型的行高
*/
/**
* en: the background color of the warn type
* zh-CN: warn类型的背景颜色
*/
/**
* en: the background color of the warn type in active
* zh-CN: active状态下，warn类型的背景颜色
*/
/**
* en: the background color of the warn type in disabled
* zh-CN: disabled状态下，warn类型的背景颜色
*/
/**
* en: the background color of the default type
* zh-CN: default类型的背景颜色
*/
/**
* en: the font color of the default type
* zh-CN: default类型的字体颜色
*/
/**
* en: the background color of the default type in active
* zh-CN: active状态下，default类型的背景颜色
*/
/**
* en: the font color of the default type in disabled
* zh-CN: disabled状态下，default类型的字体颜色
*/
/**
* en: the background color of the default type in disabled
* zh-CN: disabled状态下，default类型的背景颜色
*/
/**
* en: the font color of the default type in active
* zh-CN: active状态下，default类型的字体颜色
*/
/**
* en: the background color of the primary type
* zh-CN: primary类型的背景颜色
*/
/**
* en: the background color of the primary type in active
* zh-CN: active状态下，primary类型的背景颜色
*/
/**
* en: the background color of the primary type in disabled
* zh-CN: disabled状态下，primary类型的背景颜色
*/
/**
* en: the font color of the plain primary type
* zh-CN: plain的primary类型的字体颜色
*/
/**
* en: the border color of the plain primary type
* zh-CN: plain的primary类型的边框颜色
*/
/**
* en: the font color of the plain primary type in active
* zh-CN: active状态下，plain的primary类型的字体颜色
*/
/**
* en: the border color of the plain primary type in active
* zh-CN: active状态下，plain的primary类型的边框颜色
*/
/**
* en: the font color of the plain default type
* zh-CN: plain的default类型的字体颜色
*/
/**
* en: the border color of the plain default type
* zh-CN: plain的default类型的边框颜色
*/
/**
* en: the font color of the plain default type in active
* zh-CN: active状态下，plain的default类型的字体颜色
*/
/**
* en: the border color of the plain default type in active
* zh-CN: active状态下，plain的default类型的边框颜色
*/
/**
* en: the font color of the plain warn type
* zh-CN: plain的warn类型的字体颜色
*/
/**
* en: the border color of the plain warn type
* zh-CN: plain的warn类型的边框颜色
*/
/**
* en: the font color of the plain warn type in active
* zh-CN: active状态下，plain的warn类型的字体颜色
*/
/**
* en: the border color of the plain warn type in active
* zh-CN: active状态下，plain的warn类型的边框颜色
*/
/**
* swipeout
*/
/**
* Cell
*/
/**
* Badge
*/
/**
* en: badge background color
* zh-CN: badge的背景颜色
*/
/**
* Popover
*/
/**
* Button tab
*/
/**
* en: not used
* zh-CN: 未被使用
*/
/**
* en: border radius color
* zh-CN: 圆角边框的半径
*/
/**
* en: border color
* zh-CN: 边框的颜色
*/
/**
* en: not used
* zh-CN: 默认状态下圆角边框的颜色
*/
/**
* en: not used
* zh-CN: 未被使用
*/
/**
* en: default background color
* zh-CN: 默认状态下的背景颜色
*/
/**
* en: selected background color
* zh-CN: 选中状态下的背景颜色
*/
/**
* en: not used
* zh-CN: 未被使用
*/
/* alias */
/**
* en: not used
* zh-CN: 未被使用
*/
/**
* en: default text color
* zh-CN: 默认状态下的文本颜色
*/
/**
* en: height
* zh-CN: 元素高度
*/
/**
* en: line height
* zh-CN: 元素行高
*/
/**
* Swiper
*/
/**
* checklist
*/
/**
* popup-picker
*/
/**
* popup
*/
/**
* popup-header
*/
/**
* form-preview
*/
/**
* sticky
*/
/**
* group
*/
/**
* en: margin-top of title
* zh-CN: 标题的margin-top
*/
/**
* en: margin-bottom of title
* zh-CN: 标题的margin-bottom
*/
/**
* en: margin-top of footer title
* zh-CN: 底部标题的margin-top
*/
/**
* en: margin-bottom of footer title
* zh-CN: 底部标题的margin-bottom
*/
/**
* toast
*/
/**
* en: text size of content
* zh-CN: 内容文本大小
*/
/**
* en: default top
* zh-CN: 默认状态下距离顶部的高度
*/
/**
* en: position top
* zh-CN: 顶部显示的高度
*/
/**
* en: position bottom
* zh-CN: 底部显示的高度
*/
/**
* en: z-index
* zh-CN: z-index
*/
/**
* icon
*/
/**
* calendar
*/
/**
* en: forward and backward arrows color
* zh-CN: 前进后退的箭头颜色
*/
/**
* en: text color of week highlight
* zh-CN: 周末高亮的文本颜色
*/
/**
* en: background color when selected
* zh-CN: 选中时的背景颜色
*/
/**
* en: text color when disabled
* zh-CN: 禁用时的文本颜色
*/
/**
* en: text color of today
* zh-CN: 今天的文本颜色
*/
/**
* en: font size of cell
* zh-CN: 单元格的字号
*/
/**
* en: background color
* zh-CN: 背景颜色
*/
/**
* en: size of date cell
* zh-CN: 日期单元格尺寸大小
*/
/**
* en: line height of date cell
* zh-CN: 日期单元格的行高
*/
/**
* en: text color of header
* zh-CN: 头部的文本颜色
*/
/**
* week-calendar
*/
/**
* search
*/
/**
* en: text color of cancel button
* zh-CN: 取消按钮文本颜色
*/
/**
* en: background color
* zh-CN: 背景颜色
*/
/**
* en: text color of placeholder
* zh-CN: placeholder文本颜色
*/
/**
* radio
*/
/**
* en: checked icon color
* zh-CN: 选中状态的图标颜色
*/
/**
* loadmore
*/
/**
* en: not used
* zh-CN: 未被使用
*/
/**
* loading
*/
/**
* en: z-index
* zh-CN: z-index
*/
.weui-mask {
    position: fixed;
    z-index: 1000;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.6);
}

.weui-mask_transparent {
    position: fixed;
    z-index: 1000;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
}

@font-face {
    font-weight: normal;
    font-style: normal;
    font-family: "weui";
    src: url('data:application/octet-stream;base64,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') format('truetype');
}

[class^="weui-icon-"],
[class*=" weui-icon-"] {
    display: inline-block;
    vertical-align: middle;
    font: normal normal normal 14px/1 "weui";
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
}

[class^="weui-icon-"]:before,
[class*=" weui-icon-"]:before {
    display: inline-block;
    margin-left: .2em;
    margin-right: .2em;
}

.weui-icon-circle:before {
    content: "\EA01";
}

/* '' */
.weui-icon-download:before {
    content: "\EA02";
}

/* '' */
.weui-icon-info:before {
    content: "\EA03";
}

/* '' */
.weui-icon-safe-success:before {
    content: "\EA04";
}

/* '' */
.weui-icon-safe-warn:before {
    content: "\EA05";
}

/* '' */
.weui-icon-success:before {
    content: "\EA06";
}

/* '' */
.weui-icon-success-circle:before {
    content: "\EA07";
}

/* '' */
.weui-icon-success-no-circle:before {
    content: "\EA08";
}

/* '' */
.weui-icon-waiting:before {
    content: "\EA09";
}

/* '' */
.weui-icon-waiting-circle:before {
    content: "\EA0A";
}

/* '' */
.weui-icon-warn:before {
    content: "\EA0B";
}

/* '' */
.weui-icon-info-circle:before {
    content: "\EA0C";
}

/* '' */
.weui-icon-cancel:before {
    content: "\EA0D";
}

/* '' */
.weui-icon-search:before {
    content: "\EA0E";
}

/* '' */
.weui-icon-clear:before {
    content: "\EA0F";
}

/* '' */
.weui-icon-back:before {
    content: "\EA10";
}

/* '' */
.weui-icon-delete:before {
    content: "\EA11";
}

/* '' */
[class^="weui-icon_"]:before,
[class*=" weui-icon_"]:before {
    margin: 0;
}

.weui-icon-success {
    font-size: 23px;
    color: #09BB07;
}

.weui-icon-waiting {
    font-size: 23px;
    color: #10AEFF;
}

.weui-icon-warn {
    font-size: 23px;
    color: #F43530;
}

.weui-icon-info {
    font-size: 23px;
    color: #10AEFF;
}

.weui-icon-success-circle {
    font-size: 23px;
    color: #09BB07;
}

.weui-icon-success-no-circle {
    font-size: 23px;
    color: #09BB07;
}

.weui-icon-waiting-circle {
    font-size: 23px;
    color: #10AEFF;
}

.weui-icon-circle {
    font-size: 23px;
    color: #C9C9C9;
}

.weui-icon-download {
    font-size: 23px;
    color: #09BB07;
}

.weui-icon-info-circle {
    font-size: 23px;
    color: #09BB07;
}

.weui-icon-safe-success {
    color: #09BB07;
}

.weui-icon-safe-warn {
    color: #FFBE00;
}

.weui-icon-cancel {
    color: #F43530;
    font-size: 22px;
}

.weui-icon-search {
    color: #B2B2B2;
    font-size: 14px;
}

.weui-icon-clear {
    color: #B2B2B2;
    font-size: 14px;
}

.weui-icon-delete.weui-icon_gallery-delete {
    color: #FFFFFF;
    font-size: 22px;
}

.weui-icon_msg {
    font-size: 93px;
}

.weui-icon_msg.weui-icon-warn {
    color: #F76260;
}

.weui-icon_msg-primary {
    font-size: 93px;
}

.weui-icon_msg-primary.weui-icon-warn {
    color: #FFBE00;
}

.weui-toast {
    position: fixed;
    z-index: 5001;
    width: 7.6em;
    min-height: 7.6em;
    top: 180px;
    left: 50%;
    margin-left: -3.8em;
    background: rgba(17, 17, 17, 0.7);
    text-align: center;
    border-radius: 5px;
    color: #FFFFFF;
}

.weui-icon_toast {
    margin: 22px 0 0;
    display: block;
}

.weui-icon_toast.weui-icon-success-no-circle:before {
    color: #FFFFFF;
    font-size: 55px;
}

.weui-icon_toast.weui-loading {
    margin: 30px 0 0;
    width: 38px;
    height: 38px;
    vertical-align: baseline;
}

.weui-toast__content {
    margin: 0 0 15px;
}

.weui-toast.vux-toast-top {
    top: 10px;
}

.weui-toast.vux-toast-bottom {
    top: auto;
    bottom: 10px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

.weui-toast.vux-toast-middle {
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}

.vux-slide-from-top-enter,
.vux-slide-from-top-leave-active {
    opacity: 0;
    -webkit-transform: translateX(-50%) translateY(-100%) !important;
    transform: translateX(-50%) translateY(-100%) !important;
}

.vux-slide-from-bottom-enter,
.vux-slide-from-bottom-leave-active {
    opacity: 0;
    -webkit-transform: translateX(-50%) translateY(100%) !important;
    transform: translateX(-50%) translateY(100%) !important;
}

.vux-slide-from-top-enter-active,
.vux-slide-from-top-leave-active,
.vux-slide-from-bottom-enter-active,
.vux-slide-from-bottom-leave-active {
    -webkit-transition: all 400ms cubic-bezier(0.36, 0.66, 0.04, 1);
    transition: all 400ms cubic-bezier(0.36, 0.66, 0.04, 1);
}

.weui-toast {
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    margin-left: 0 !important;
}

.weui-toast.weui-toast_forbidden {
    color: #F76260;
}

.weui-toast.weui-toast_forbidden .weui-toast__content {
    margin-top: 10px;
}

.weui-toast.weui-toast_text {
    min-height: 0;
}

.weui-toast_text .weui-toast__content {
    margin: 0;
    padding-top: 10px;
    padding-bottom: 10px;
    border-radius: 15px;
}

.weui-toast__content {
    font-size: 16px;
}

.weui-loading_toast .weui-toast__content {
    margin-top: 0;
}

.weui-toast_success .weui-icon_toast:before {
    content: "\EA08";
}

.weui-toast_cancel .weui-icon_toast:before {
    content: "\EA0D";
}

.weui-toast_forbidden .weui-icon_toast.weui-icon-success-no-circle:before {
    content: "\EA0B";
    color: #F76260;
}


                      .theme1 .vux-header {
                          background: #a50d00;
                      }

.theme1 .head {
    background: #a50d00 !important;
}

.theme1 .button {
    background: #a50d00 !important;
}

.theme1 .screen .dataBtn .btn.act {
    background: #a50d00;
}

.theme1 .screen .btns span.act {
    background: #a50d00;
}

.theme1 .screen .btnGroud > div span.search {
    background: #a50d00 !important;
}

.theme1 .lotteryMain .header {
    background: #a50d00;
}

.theme1 .lotteryMain .lotteryMainTab {
    background: #a50d00;
}

.theme1 .chancePlay .title {
    color: #a50d00;
}

.theme1 .chancePlay .typeBox .vux-button-group > a.vux-button-group-current {
    background: #a50d00;
}

.theme1 .chancePlay .typeBox .vux-button-group > a.vux-button-group-current::after {
    border-color: #a50d00;
    color: #a50d00;
}

.theme1 .chancePlay .typeBox .vux-button-group > a.vux-button-tab-item-first:after,
.theme1 .chancePlay .typeBox .vux-button-group > a.vux-button-tab-item-last:after {
    border-color: #a50d00;
    color: #a50d00;
}

.theme1 .chancePlay .playGroud .vux-flexbox-item .active,
.theme1 .chancePlay .playList .vux-flexbox-item .active {
    border: 0.0625rem solid #a50d00;
    color: #a50d00;
}

.theme1 .tipLayer .tip_title {
    background-color: #a50d00;
}

.theme1 .rankList {
    background: #a50d00;
}

.theme1 .rankList .rankbtn span.act {
    color: #a50d00;
}

.theme1 .chartIndex .list .title span {
    border-left: 0.25rem solid #a50d00;
}

.theme1 .chartView .mune_btns .muneBtns .act {
    background: #a50d00;
}

.theme1 .modify .passItem .active {
    color: #a50d00;
    border-bottom: 0.125rem solid #a50d00;
}

.theme1 .recharge .userinfo span {
    color: #a50d00;
}

.theme1 .teamManage .header .vux-button-group .vux-button-tab-item,
.theme1 .userReport .header .vux-button-group .vux-button-tab-item {
    background: #a50d00;
}

.theme1 .teamManage .header .vux-button-group .vux-button-tab-item::after,
.theme1 .userReport .header .vux-button-group .vux-button-tab-item::after {
    color: #a50d00;
}

.theme1 .teamManage .header .vux-button-group > a.vux-button-group-current,
.theme1 .userReport .header .vux-button-group > a.vux-button-group-current {
    color: #a50d00;
}

.theme1 .teamManage .header .vux-button-group > a.vux-button-group-current::after,
.theme1 .userReport .header .vux-button-group > a.vux-button-group-current::after {
    color: #a50d00;
}

.theme1 .teamManage .overview .weui-grids .color,
.theme1 .userReport .overview .weui-grids .color {
    color: #a50d00;
}

.theme1 .userReport .header .overview .grid .color {
    color: #a50d00;
}

.theme1 .userReport .overView .profitBox {
    background: #a50d00 !important;
}

.theme1 .userReport .overView .profitBox .rebateBtn {
    background: -webkit-linear-gradient(45deg, #FF4646 0%, #FFAF5C 100%) !important;
    background: linear-gradient(45deg, #FF4646 0%, #FFAF5C 100%) !important;
}

.theme1 .userReport .overView .profitTip {
    background: -webkit-linear-gradient(bottom left, #FF4646, #FFAF5C) !important;
    background: linear-gradient(to top right, #FF4646, #FFAF5C) !important;
}

.theme1 .weui-btn_primary {
    background: #a50d00;
}

.theme1 .weui-cells_checkbox .weui-check:checked + .vux-checklist-icon-checked:before {
    color: #a50d00;
}

.theme1 .weui-btn_primary:not(.weui-btn_disabled):active {
    background: #a50d00;
    color: #fff;
}

.theme1 button.weui-btn,
.theme1 input.weui-btn {
    background: #a50d00;
}

.theme1 .userCenter .userhead {
    background-color: #a50d00;
}

.theme1 .userCenter .userhead .grades {
    background: -webkit-linear-gradient(45deg, #FFAF5C 0%, #FF4646 100%);
    background: linear-gradient(45deg, #FFAF5C 0%, #FF4646 100%);
}

.theme1 .userCenter .userBalance {
    background-color: #a50d00;
}

.theme1 .agencyCenter .agencyMsg {
    background: #a50d00 !important;
}

.theme1 .agencyCenter .agencyMsg .rebateBtn .btn {
    background: -webkit-linear-gradient(45deg, #FFAF5C 10%, #FF4646) !important;
    background: linear-gradient(45deg, #FFAF5C 10%, #FF4646) !important;
}

.theme1 .shareData .header .headerTab .tabInfo {
    background: #a50d00 !important;
}

.theme1 .openCenter .formBox .formItem .createBtn {
    background: #a50d00 !important;
}

.theme1 .openCenter .header .headerTab .tabInfo {
    background: #a50d00 !important;
}

.theme1 .gameindex .header .vux-header-right .arrangeSelect {
    border: #FF4646;
}

.theme1 .gameindex .header .vux-header-right .arrangeSelect > div.active {
    background: #a50d00;
}

.theme1 .gameindex .header .vux-header-right .arrangeSelect > div {
    background: #FF4646;
}

.theme1 .teamReport .overview .btnBox a {
    background: #a50d00 !important;
}

.theme1 .teamReport .overview .gridWrap .gridLi.gridHead {
    background: #a50d00 !important;
}

.theme1 .rebateReport .overview {
    background: #a50d00 !important;
}

.theme1 .login .content .btnGroup div {
    background: #a50d00 !important;
}

.theme1 .activity .activityGroup .gain span:nth-child(2) {
    background: #a50d00 !important;
}

.theme1 .weui-dialog .group .dialogHead {
    background: #a50d00 !important;
}

.theme1 .officialFooter .btnGroup .bettingBtn {
    background: #a50d00;
}

.theme1 .tabHeads .tabGroup span {
    border: 0.0625rem solid #a50d00 !important;
}

.theme1 .tabHeads .tabGroup span.active {
    background: #a50d00 !important;
}

.theme1 .success .btnBox .download-app {
    background: #a50d00 !important;
}

.theme2 .vux-header {
    background: #d6bfed;
}

.theme2 .head {
    background: #d6bfed !important;
}

.theme2 .button {
    background: #b887e8 !important;
}

.theme2 .screen .dataBtn .btn.act {
    background: #b887e8;
}

.theme2 .screen .btns span.act {
    background: #b887e8;
}

.theme2 .screen .btnGroud > div span.search {
    background: #b887e8 !important;
}

.theme2 .lotteryMain .header {
    background: #d6bfed;
}

.theme2 .lotteryMain .lotteryMainTab {
    background: #d6bfed;
}

.theme2 .chancePlay .title {
    color: #d6bfed;
}

.theme2 .chancePlay .typeBox .vux-button-group > a.vux-button-group-current {
    background: #d6bfed;
}

.theme2 .chancePlay .typeBox .vux-button-group > a.vux-button-group-current::after {
    border-color: #d6bfed;
    color: #d6bfed;
}

.theme2 .chancePlay .typeBox .vux-button-group > a.vux-button-tab-item-first:after,
.theme2 .chancePlay .typeBox .vux-button-group > a.vux-button-tab-item-last:after {
    border-color: #d6bfed;
    color: #d6bfed;
}

.theme2 .chancePlay .playGroud .vux-flexbox-item .active,
.theme2 .chancePlay .playList .vux-flexbox-item .active {
    border: 0.0625rem solid #d6bfed;
    color: #d6bfed;
}

.theme2 .tipLayer .tip_title {
    background-color: #b887e8;
}

.theme2 .rankList {
    background: #b887e8;
}

.theme2 .rankList .rankbtn span.act {
    color: #b887e8;
}

.theme2 .chartIndex .list .title span {
    border-left: 0.25rem solid #b887e8;
}

.theme2 .chartView .mune_btns .muneBtns .act {
    background: #b887e8;
}

.theme2 .modify .passItem .active {
    color: #b887e8;
    border-bottom: 0.125rem solid #b887e8;
}

.theme2 .recharge .userinfo span {
    color: #b887e8;
}

.theme2 .teamManage .header .vux-button-group .vux-button-tab-item,
.theme2 .userReport .header .vux-button-group .vux-button-tab-item {
    background: #b887e8;
}

.theme2 .teamManage .header .vux-button-group .vux-button-tab-item::after,
.theme2 .userReport .header .vux-button-group .vux-button-tab-item::after {
    color: #b887e8;
}

.theme2 .teamManage .header .vux-button-group > a.vux-button-group-current,
.theme2 .userReport .header .vux-button-group > a.vux-button-group-current {
    color: #b887e8;
}

.theme2 .teamManage .header .vux-button-group > a.vux-button-group-current::after,
.theme2 .userReport .header .vux-button-group > a.vux-button-group-current::after {
    color: #b887e8;
}

.theme2 .teamManage .overview .weui-grids .color,
.theme2 .userReport .overview .weui-grids .color {
    color: #b887e8;
}

.theme2 .userReport .header .overview .grid .color {
    color: #b887e8;
}

.theme2 .userReport .overView .profitBox {
    background: #b887e8 !important;
}

.theme2 .userReport .overView .profitBox .rebateBtn {
    background: -webkit-linear-gradient(45deg, #5c82ff 0%, #8554b7 100%) !important;
    background: linear-gradient(45deg, #5c82ff 0%, #8554b7 100%) !important;
}

.theme2 .userReport .overView .profitTip {
    background: -webkit-linear-gradient(bottom left, #5c82ff, #8554b7) !important;
    background: linear-gradient(to top right, #5c82ff, #8554b7) !important;
}

.theme2 .weui-btn_primary {
    background: #b887e8;
}

.theme2 .weui-cells_checkbox .weui-check:checked + .vux-checklist-icon-checked:before {
    color: #b887e8;
}

.theme2 .weui-btn_primary:not(.weui-btn_disabled):active {
    background: #b887e8;
    color: #fff;
}

.theme2 button.weui-btn,
.theme2 input.weui-btn {
    background: #b887e8;
}

.theme2 .userCenter .userhead {
    background-color: #b887e8;
}

.theme2 .userCenter .userhead .grades {
    background: -webkit-linear-gradient(45deg, #8554b7 0%, #5c82ff 100%);
    background: linear-gradient(45deg, #8554b7 0%, #5c82ff 100%);
}

.theme2 .userCenter .userBalance {
    background-color: #a877d8;
}

.theme2 .agencyCenter .agencyMsg {
    background: #b887e8 !important;
}

.theme2 .agencyCenter .agencyMsg .rebateBtn .btn {
    background: -webkit-linear-gradient(45deg, #8554b7 10%, #5c82ff) !important;
    background: linear-gradient(45deg, #8554b7 10%, #5c82ff) !important;
}

.theme2 .shareData .header .headerTab .tabInfo {
    background: #b887e8 !important;
}

.theme2 .openCenter .formBox .formItem .createBtn {
    background: #b887e8 !important;
}

.theme2 .openCenter .header .headerTab .tabInfo {
    background: #b887e8 !important;
}

.theme2 .gameindex .header .vux-header-right .arrangeSelect {
    border: #5c82ff;
}

.theme2 .gameindex .header .vux-header-right .arrangeSelect > div.active {
    background: #d6bfed;
}

.theme2 .gameindex .header .vux-header-right .arrangeSelect > div {
    background: #5c82ff;
}

.theme2 .teamReport .overview .btnBox a {
    background: #b887e8 !important;
}

.theme2 .teamReport .overview .gridWrap .gridLi.gridHead {
    background: #b887e8 !important;
}

.theme2 .rebateReport .overview {
    background: #b887e8 !important;
}

.theme2 .login .content .btnGroup div {
    background: #b887e8 !important;
}

.theme2 .activity .activityGroup .gain span:nth-child(2) {
    background: #b887e8 !important;
}

.theme2 .weui-dialog .group .dialogHead {
    background: #b887e8 !important;
}

.theme2 .officialFooter .btnGroup .bettingBtn {
    background: #b887e8;
}

.theme2 .tabHeads .tabGroup span {
    border: 0.0625rem solid #b887e8 !important;
}

.theme2 .tabHeads .tabGroup span.active {
    background: #b887e8 !important;
}

.theme2 .success .btnBox .download-app {
    background: #b887e8 !important;
}

.theme2 .vux-header {
    background: var(--themeBgLight);
}

.theme2 .head {
    background: var(--themeBgLight) !important;
}

.theme2 .button {
    background: var(--themeBgLight) !important;
}

.theme2 .screen .dataBtn .btn.act {
    background: var(--themeBgLight);
}

.theme2 .screen .btns span.act {
    background: var(--themeBgLight);
}

.theme2 .screen .btnGroud > div span.search {
    background: var(--themeBgLight) !important;
}

.theme2 .lotteryMain .header {
    background: var(--themeBgLight);
}

.theme2 .lotteryMain .lotteryMainTab {
    background: var(--themeBgLight);
}

.theme2 .chancePlay .title {
    color: var(--themeBgLight);
}

.theme2 .chancePlay .typeBox .vux-button-group > a.vux-button-group-current {
    background: var(--themeBgLight);
}

.theme2 .chancePlay .typeBox .vux-button-group > a.vux-button-group-current::after {
    border-color: var(--themeBgLight);
    color: var(--themeBgLight);
}

.theme2 .chancePlay .typeBox .vux-button-group > a.vux-button-tab-item-first:after,
.theme2 .chancePlay .typeBox .vux-button-group > a.vux-button-tab-item-last:after {
    border-color: var(--themeBgLight);
    color: var(--themeBgLight);
}

.theme2 .chancePlay .playGroud .vux-flexbox-item .active,
.theme2 .chancePlay .playList .vux-flexbox-item .active {
    border: 0.0625rem solid var(--themeBgLight);
    color: var(--themeBgLight);
}

.theme2 .tipLayer .tip_title {
    background-color: var(--themeBgLight);
}

.theme2 .rankList {
    background: var(--themeBgLight);
}

.theme2 .rankList .rankbtn span.act {
    color: var(--themeBgLight);
}

.theme2 .chartIndex .list .title span {
    border-left: 0.25rem solid var(--themeBgLight);
}

.theme2 .chartView .mune_btns .muneBtns .act {
    background: var(--themeBgLight);
}

.theme2 .modify .passItem .active {
    color: var(--themeBgLight);
    border-bottom: 0.125rem solid var(--themeBgLight);
}

.theme2 .recharge .userinfo span {
    color: var(--themeBgLight);
}

.theme2 .teamManage .header .vux-button-group .vux-button-tab-item,
.theme2 .userReport .header .vux-button-group .vux-button-tab-item {
    background: var(--themeBgLight);
}

.theme2 .teamManage .header .vux-button-group .vux-button-tab-item::after,
.theme2 .userReport .header .vux-button-group .vux-button-tab-item::after {
    color: var(--themeBgLight);
}

.theme2 .teamManage .header .vux-button-group > a.vux-button-group-current,
.theme2 .userReport .header .vux-button-group > a.vux-button-group-current {
    color: var(--themeBgLight);
}

.theme2 .teamManage .header .vux-button-group > a.vux-button-group-current::after,
.theme2 .userReport .header .vux-button-group > a.vux-button-group-current::after {
    color: var(--themeBgLight);
}

.theme2 .teamManage .overview .weui-grids .color,
.theme2 .userReport .overview .weui-grids .color {
    color: var(--themeBgLight);
}

.theme2 .userReport .header .overview .grid .color {
    color: var(--themeBgLight);
}

.theme2 .userReport .overView .profitBox {
    background: var(--themeBgLight) !important;
}

.theme2 .userReport .overView .profitBox .rebateBtn {
    background: -webkit-linear-gradient(45deg, var(--themeText) 0%, var(--themeDark) 100%) !important;
    background: linear-gradient(45deg, var(--themeText) 0%, var(--themeDark) 100%) !important;
}

.theme2 .userReport .overView .profitTip {
    background: -webkit-linear-gradient(bottom left, var(--themeText), var(--themeDark)) !important;
    background: linear-gradient(to top right, var(--themeText), var(--themeDark)) !important;
}

.theme2 .weui-btn_primary {
    background: var(--themeBgLight);
}

.theme2 .weui-cells_checkbox .weui-check:checked + .vux-checklist-icon-checked:before {
    color: var(--themeBgLight);
}

.theme2 .weui-btn_primary:not(.weui-btn_disabled):active {
    background: var(--themeBgLight);
    color: #fff;
}

.theme2 button.weui-btn,
.theme2 input.weui-btn {
    background: var(--themeBgLight);
}

.theme2 .userCenter .userhead {
    background-color: var(--themeBgLight);
}

.theme2 .userCenter .userhead .grades {
    background: -webkit-linear-gradient(45deg, var(--themeDark) 0%, var(--themeText) 100%);
    background: linear-gradient(45deg, var(--themeDark) 0%, var(--themeText) 100%);
}

.theme2 .userCenter .userBalance {
    background-color: var(--themeAccent);
}

.theme2 .agencyCenter .agencyMsg {
    background: var(--themeBgLight) !important;
}

.theme2 .agencyCenter .agencyMsg .rebateBtn .btn {
    background: -webkit-linear-gradient(45deg, var(--themeDark) 10%, var(--themeText)) !important;
    background: linear-gradient(45deg, var(--themeDark) 10%, var(--themeText)) !important;
}

.theme2 .shareData .header .headerTab .tabInfo {
    background: var(--themeBgLight) !important;
}

.theme2 .openCenter .formBox .formItem .createBtn {
    background: var(--themeBgLight) !important;
}

.theme2 .openCenter .header .headerTab .tabInfo {
    background: var(--themeBgLight) !important;
}

.theme2 .gameindex .header .vux-header-right .arrangeSelect {
    border: var(--themeText);
}

.theme2 .gameindex .header .vux-header-right .arrangeSelect > div.active {
    background: var(--themeBgLight);
}

.theme2 .gameindex .header .vux-header-right .arrangeSelect > div {
    background: var(--themeText);
}

.theme2 .teamReport .overview .btnBox a {
    background: var(--themeBgLight) !important;
}

.theme2 .teamReport .overview .gridWrap .gridLi.gridHead {
    background: var(--themeBgLight) !important;
}

.theme2 .rebateReport .overview {
    background: var(--themeBgLight) !important;
}

.theme2 .login .content .btnGroup div {
    background: var(--themeBgLight) !important;
}

.theme2 .activity .activityGroup .gain span:nth-child(2) {
    background: var(--themeBgLight) !important;
}

.theme2 .weui-dialog .group .dialogHead {
    background: var(--themeBgLight) !important;
}

.theme2 .officialFooter .btnGroup .bettingBtn {
    background: var(--themeBgLight);
}

.theme2 .tabHeads .tabGroup span {
    border: 0.0625rem solid var(--themeBgLight) !important;
}

.theme2 .tabHeads .tabGroup span.active {
    background: var(--themeBgLight) !important;
}

.theme2 .success .btnBox .download-app {
    background: var(--themeBgLight) !important;
}

.theme3 .vux-header {
    background: #5733a7;
}

.theme3 .head {
    background: #5733a7 !important;
}

.theme3 .button {
    background: #623fae !important;
}

.theme3 .screen .dataBtn .btn.act {
    background: #623fae;
}

.theme3 .screen .btns span.act {
    background: #623fae;
}

.theme3 .screen .btnGroud > div span.search {
    background: #623fae !important;
}

.theme3 .lotteryMain .header {
    background: #5733a7;
}

.theme3 .lotteryMain .lotteryMainTab {
    background: #5733a7;
}

.theme3 .chancePlay .title {
    color: #5733a7;
}

.theme3 .chancePlay .typeBox .vux-button-group > a.vux-button-group-current {
    background: #5733a7;
}

.theme3 .chancePlay .typeBox .vux-button-group > a.vux-button-group-current::after {
    border-color: #5733a7;
    color: #5733a7;
}

.theme3 .chancePlay .typeBox .vux-button-group > a.vux-button-tab-item-first:after,
.theme3 .chancePlay .typeBox .vux-button-group > a.vux-button-tab-item-last:after {
    border-color: #5733a7;
    color: #5733a7;
}

.theme3 .chancePlay .playGroud .vux-flexbox-item .active,
.theme3 .chancePlay .playList .vux-flexbox-item .active {
    border: 0.0625rem solid #5733a7;
    color: #5733a7;
}

.theme3 .tipLayer .tip_title {
    background-color: #623fae;
}

.theme3 .rankList {
    background: #623fae;
}

.theme3 .rankList .rankbtn span.act {
    color: #623fae;
}

.theme3 .chartIndex .list .title span {
    border-left: 0.25rem solid #623fae;
}

.theme3 .chartView .mune_btns .muneBtns .act {
    background: #623fae;
}

.theme3 .modify .passItem .active {
    color: #623fae;
    border-bottom: 0.125rem solid #623fae;
}

.theme3 .recharge .userinfo span {
    color: #623fae;
}

.theme3 .teamManage .header .vux-button-group .vux-button-tab-item,
.theme3 .userReport .header .vux-button-group .vux-button-tab-item {
    background: #623fae;
}

.theme3 .teamManage .header .vux-button-group .vux-button-tab-item::after,
.theme3 .userReport .header .vux-button-group .vux-button-tab-item::after {
    color: #623fae;
}

.theme3 .teamManage .header .vux-button-group > a.vux-button-group-current,
.theme3 .userReport .header .vux-button-group > a.vux-button-group-current {
    color: #623fae;
}

.theme3 .teamManage .header .vux-button-group > a.vux-button-group-current::after,
.theme3 .userReport .header .vux-button-group > a.vux-button-group-current::after {
    color: #623fae;
}

.theme3 .teamManage .overview .weui-grids .color,
.theme3 .userReport .overview .weui-grids .color {
    color: #623fae;
}

.theme3 .userReport .header .overview .grid .color {
    color: #623fae;
}

.theme3 .userReport .overView .profitBox {
    background: #623fae !important;
}

.theme3 .userReport .overView .profitBox .rebateBtn {
    background: -webkit-linear-gradient(45deg, #3a0a6f 0%, #7d43cd 100%) !important;
    background: linear-gradient(45deg, #3a0a6f 0%, #7d43cd 100%) !important;
}

.theme3 .userReport .overView .profitTip {
    background: -webkit-linear-gradient(bottom left, #3a0a6f, #7d43cd) !important;
    background: linear-gradient(to top right, #3a0a6f, #7d43cd) !important;
}

.theme3 .weui-btn_primary {
    background: #623fae;
}

.theme3 .weui-cells_checkbox .weui-check:checked + .vux-checklist-icon-checked:before {
    color: #623fae;
}

.theme3 .weui-btn_primary:not(.weui-btn_disabled):active {
    background: #623fae;
    color: #fff;
}

.theme3 button.weui-btn,
.theme3 input.weui-btn {
    background: #623fae;
}

.theme3 .userCenter .userhead {
    background-color: #623fae;
}

.theme3 .userCenter .userhead .grades {
    background: -webkit-linear-gradient(45deg, #7d43cd 0%, #3a0a6f 100%);
    background: linear-gradient(45deg, #7d43cd 0%, #3a0a6f 100%);
}

.theme3 .userCenter .userBalance {
    background-color: #754fc6;
}

.theme3 .agencyCenter .agencyMsg {
    background: #623fae !important;
}

.theme3 .agencyCenter .agencyMsg .rebateBtn .btn {
    background: -webkit-linear-gradient(45deg, #7d43cd 10%, #3a0a6f) !important;
    background: linear-gradient(45deg, #7d43cd 10%, #3a0a6f) !important;
}

.theme3 .shareData .header .headerTab .tabInfo {
    background: #623fae !important;
}

.theme3 .openCenter .formBox .formItem .createBtn {
    background: #623fae !important;
}

.theme3 .openCenter .header .headerTab .tabInfo {
    background: #623fae !important;
}

.theme3 .gameindex .header .vux-header-right .arrangeSelect {
    border: #3a0a6f;
}

.theme3 .gameindex .header .vux-header-right .arrangeSelect > div.active {
    background: #5733a7;
}

.theme3 .gameindex .header .vux-header-right .arrangeSelect > div {
    background: #3a0a6f;
}

.theme3 .teamReport .overview .btnBox a {
    background: #623fae !important;
}

.theme3 .teamReport .overview .gridWrap .gridLi.gridHead {
    background: #623fae !important;
}

.theme3 .rebateReport .overview {
    background: #623fae !important;
}

.theme3 .login .content .btnGroup div {
    background: #623fae !important;
}

.theme3 .activity .activityGroup .gain span:nth-child(2) {
    background: #623fae !important;
}

.theme3 .weui-dialog .group .dialogHead {
    background: #623fae !important;
}

.theme3 .officialFooter .btnGroup .bettingBtn {
    background: #623fae;
}

.theme3 .tabHeads .tabGroup span {
    border: 0.0625rem solid #623fae !important;
}

.theme3 .tabHeads .tabGroup span.active {
    background: #623fae !important;
}

.theme3 .success .btnBox .download-app {
    background: #623fae !important;
}

.theme4 .vux-header {
    background: #141414;
}

.theme4 .head {
    background: #141414 !important;
}

.theme4 .button {
    background: #251518 !important;
}

.theme4 .screen .dataBtn .btn.act {
    background: #251518;
}

.theme4 .screen .btns span.act {
    background: #251518;
}

.theme4 .screen .btnGroud > div span.search {
    background: #251518 !important;
}

.theme4 .lotteryMain .header {
    background: #141414;
}

.theme4 .lotteryMain .lotteryMainTab {
    background: #141414;
}

.theme4 .chancePlay .title {
    color: #141414;
}

.theme4 .chancePlay .typeBox .vux-button-group > a.vux-button-group-current {
    background: #141414;
}

.theme4 .chancePlay .typeBox .vux-button-group > a.vux-button-group-current::after {
    border-color: #141414;
    color: #141414;
}

.theme4 .chancePlay .typeBox .vux-button-group > a.vux-button-tab-item-first:after,
.theme4 .chancePlay .typeBox .vux-button-group > a.vux-button-tab-item-last:after {
    border-color: #141414;
    color: #141414;
}

.theme4 .chancePlay .playGroud .vux-flexbox-item .active,
.theme4 .chancePlay .playList .vux-flexbox-item .active {
    border: 0.0625rem solid #141414;
    color: #141414;
}

.theme4 .tipLayer .tip_title {
    background-color: #251518;
}

.theme4 .rankList {
    background: #251518;
}

.theme4 .rankList .rankbtn span.act {
    color: #251518;
}

.theme4 .chartIndex .list .title span {
    border-left: 0.25rem solid #251518;
}

.theme4 .chartView .mune_btns .muneBtns .act {
    background: #251518;
}

.theme4 .modify .passItem .active {
    color: #251518;
    border-bottom: 0.125rem solid #251518;
}

.theme4 .recharge .userinfo span {
    color: #251518;
}

.theme4 .teamManage .header .vux-button-group .vux-button-tab-item,
.theme4 .userReport .header .vux-button-group .vux-button-tab-item {
    background: #251518;
}

.theme4 .teamManage .header .vux-button-group .vux-button-tab-item::after,
.theme4 .userReport .header .vux-button-group .vux-button-tab-item::after {
    color: #251518;
}

.theme4 .teamManage .header .vux-button-group > a.vux-button-group-current,
.theme4 .userReport .header .vux-button-group > a.vux-button-group-current {
    color: #251518;
}

.theme4 .teamManage .header .vux-button-group > a.vux-button-group-current::after,
.theme4 .userReport .header .vux-button-group > a.vux-button-group-current::after {
    color: #251518;
}

.theme4 .teamManage .overview .weui-grids .color,
.theme4 .userReport .overview .weui-grids .color {
    color: #251518;
}

.theme4 .userReport .header .overview .grid .color {
    color: #251518;
}

.theme4 .userReport .overView .profitBox {
    background: #251518 !important;
}

.theme4 .userReport .overView .profitBox .rebateBtn {
    background: -webkit-linear-gradient(45deg, #1b0307 0%, #7d1428 100%) !important;
    background: linear-gradient(45deg, #1b0307 0%, #7d1428 100%) !important;
}

.theme4 .userReport .overView .profitTip {
    background: -webkit-linear-gradient(bottom left, #1b0307, #7d1428) !important;
    background: linear-gradient(to top right, #1b0307, #7d1428) !important;
}

.theme4 .weui-btn_primary {
    background: #251518;
}

.theme4 .weui-cells_checkbox .weui-check:checked + .vux-checklist-icon-checked:before {
    color: #251518;
}

.theme4 .weui-btn_primary:not(.weui-btn_disabled):active {
    background: #251518;
    color: #fff;
}

.theme4 button.weui-btn,
.theme4 input.weui-btn {
    background: #251518;
}

.theme4 .userCenter .userhead {
    background-color: #251518;
}

.theme4 .userCenter .userhead .grades {
    background: -webkit-linear-gradient(45deg, #7d1428 0%, #1b0307 100%);
    background: linear-gradient(45deg, #7d1428 0%, #1b0307 100%);
}

.theme4 .userCenter .userBalance {
    background-color: #3a1e23;
}

.theme4 .agencyCenter .agencyMsg {
    background: #251518 !important;
}

.theme4 .agencyCenter .agencyMsg .rebateBtn .btn {
    background: -webkit-linear-gradient(45deg, #7d1428 10%, #1b0307) !important;
    background: linear-gradient(45deg, #7d1428 10%, #1b0307) !important;
}

.theme4 .shareData .header .headerTab .tabInfo {
    background: #251518 !important;
}

.theme4 .openCenter .formBox .formItem .createBtn {
    background: #251518 !important;
}

.theme4 .openCenter .header .headerTab .tabInfo {
    background: #251518 !important;
}

.theme4 .gameindex .header .vux-header-right .arrangeSelect {
    border: #1b0307;
}

.theme4 .gameindex .header .vux-header-right .arrangeSelect > div.active {
    background: #141414;
}

.theme4 .gameindex .header .vux-header-right .arrangeSelect > div {
    background: #1b0307;
}

.theme4 .teamReport .overview .btnBox a {
    background: #251518 !important;
}

.theme4 .teamReport .overview .gridWrap .gridLi.gridHead {
    background: #251518 !important;
}

.theme4 .rebateReport .overview {
    background: #251518 !important;
}

.theme4 .login .content .btnGroup div {
    background: #251518 !important;
}

.theme4 .activity .activityGroup .gain span:nth-child(2) {
    background: #251518 !important;
}

.theme4 .weui-dialog .group .dialogHead {
    background: #251518 !important;
}

.theme4 .officialFooter .btnGroup .bettingBtn {
    background: #251518;
}

.theme4 .tabHeads .tabGroup span {
    border: 0.0625rem solid #251518 !important;
}

.theme4 .tabHeads .tabGroup span.active {
    background: #251518 !important;
}

.theme4 .success .btnBox .download-app {
    background: #251518 !important;
}

.indexTwo {
    overflow: hidden;
    scroll-behavior: smooth;
    /*background: #f5f5f9;*/
}

.indexTwo .qq_service {
    position: fixed;
    top: 25rem;
    right: 0;
}

.indexTwo .qq_service > img {
    height: 3.4rem;
}

.indexTwo .header {
    z-index: 500;
}

.indexTwo .header .ml {
    margin-left: 8.75rem;
}

.indexTwo .header .ml2.blackTitle {
    color: #000000;
}

.indexTwo .header .vux-header-left {
    left: 1.25rem;
}

.indexTwo .header .vux-header-left .vux-x-icon {
    fill: #fff;
    position: relative;
    top: -0.5rem;
    left: -0.9375rem;
}

.indexTwo .header .topBtn {
    margin-top: -0.375rem;
}

.indexTwo .header .topBtn a {
    font-size: 0.875rem;
    color: var(--themeText);
    border: 0.0625rem solid var(--themeText);
    border-radius: .7rem;
    padding: 0.3125rem;
    box-shadow: inset 0.0625rem 0.0625rem 0 rgba(250, 250, 250, 0.22);
}

.indexTwo .header .overwrite-left {
    height: 0.875rem;
    width: 1.03125rem;
    position: absolute;
    left: 0.75rem;
    top: 50%;
    margin-top: -0.4375rem;
}

.indexTwo .header .vux-header-title {
    margin: 0;
    padding: 0 5.5rem 0 1rem;
    text-align: left;
}

.indexTwo .header .vux-header-right {
    /*top: 10px;*/
    right: 0.3125rem !important;
}

.indexTwo .header .homeShare > img {
    width: 1.1rem;
    height: 1.1rem;
    vertical-align: middle;
    margin-bottom: 0.3125rem;
    margin-right: -0.125rem;
}

.indexTwo .header .homeShare .refreshIcon img {
    width: 0.9rem !important;
    height: 0.9rem !important;
}

.indexTwo .header .homeShare .refreshIcon .refresh {
    -webkit-animation: refresh 0.8s infinite linear;
    animation: refresh 0.8s infinite linear;
}

.indexTwo .header .homeShare span {
    font-size: 0.9375rem;
    color: #fefefe;
}

.indexTwo .hot_lottery {
    /*background-color: #efeef4;*/
    box-sizing: border-box;
    padding-bottom: 3.8125rem;
}

.indexTwo .hot_lottery .head {
    padding: 3vw 0 0 0;
    background-color: #fff !important;
    box-sizing: border-box;
    color: #666666;
    position: relative;
    text-decoration: none;
    font-size: 1rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.indexTwo .hot_lottery .head .sub_head {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    padding: 0;
    border: 0;
}

.indexTwo .hot_lottery .head .sub_head::before {
    content: none;
}

.indexTwo .hot_lottery .head .sub_head .headimg {
    width: 12vw;
    height: 12vw;
    border-radius: 6.1875rem;
    margin: auto;
    position: relative;
}

.indexTwo .hot_lottery .head .sub_head .headimg.icon1 {
    background: #adaaf3;
    font-size: 8vw;
}

.indexTwo .hot_lottery .head .sub_head .headimg.icon2 {
    background: #b9e9f5;
    font-size: 7vw;
}

.indexTwo .hot_lottery .head .sub_head .headimg.icon3 {
    background: #a7f2e1;
    font-size: 7.2vw;
}

.indexTwo .hot_lottery .head .sub_head .headimg.icon4 {
    background: #fec6c6;
    font-size: 9vw;
}

.indexTwo .hot_lottery .head .sub_head .headimg.icon5 {
    background: #fec6c6;
    font-size: 9vw;
}

.indexTwo .hot_lottery .head .sub_head .headimg div {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
}

.indexTwo .hot_lottery .head .sub_head .headimg div img {
    width: 1.5rem;
    height: 1.5rem;
}

.indexTwo .hot_lottery .head .sub_head .headimg span {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    color: #fff;
}

.indexTwo .hot_lottery .head .sub_head .headimgname {
    display: block;
    margin: auto;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    text-align: center;
    font-size: 3.5vw;
    color: #9b9c9a;
}

.indexTwo .hot_lottery .headbody {
    background: #fff;
}

.indexTwo .hot_lottery .headbody .homeimg {
    width: 95vw;
    margin: auto;
    padding: 3vw 0;
}

.indexTwo .hot_lottery .headbody .homeimg img {
    display: block;
    width: 100%;
}

.indexTwo .hot_lottery .headbody .homebtnbody {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    width: 95%;
    margin: 0 auto;
    gap: 0 2vw;
}

.indexTwo .hot_lottery .headbody .homebtnbody .homebtn {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    width: 22.25vw;
    height: calc(14.66184971vw);
    text-align: center;
    color: #fff;
    font-size: 4.2vw;
    line-height: 1;
    padding: 5vw 0 0 0;
    box-sizing: border-box;
    position: relative;
}

.indexTwo .hot_lottery .headbody .homebtnbody .homebtn.hbtn1 {
    background: url(./static/img/n_2.01a4273.png);
    background-size: cover;
}

.indexTwo .hot_lottery .headbody .homebtnbody .homebtn.hbtn2 {
    background: url(./static/img/n_3.6f132cd.png);
    background-size: cover;
}

.indexTwo .hot_lottery .headbody .homebtnbody .homebtn.hbtn3 {
    background: url(./static/img/n_4.be895e2.png);
    background-size: cover;
}

.indexTwo .hot_lottery .headbody .homebtnbody .homebtn.hbtn4 {
    background: url(./static/img/n_5.129b93a.png);
    background-size: cover;
}

.indexTwo .hot_lottery .headbody .homebtnbody .homebtn.hbtn5 {
    background: url(./static/img/970_3.f1b1f36.png);
    background-size: cover;
}

.indexTwo .hot_lottery .headbody .homebtnbody .homebtn.hbtn6 {
    background: url(./static/img/970_4.8ccfb9b.png);
    background-size: cover;
}

.indexTwo .hot_lottery .headbody .homebtnbody .homebtn.hbtn7 {
    background: url(./static/img/970_5.64a9c14.png);
    background-size: cover;
}

.indexTwo .hot_lottery .headbody .homebtnbody .homebtn.hbtn8 {
    background: url(./static/img/970_6.4dc62b0.png);
    background-size: cover;
}

.indexTwo .hot_lottery .headbody .homebtnbody .homebtn.hbtn9 {
    background: url(./static/img/261_1.f367e70.png);
    background-size: cover;
}

.indexTwo .hot_lottery .headbody .homebtnbody .homebtn.hbtn10 {
    background: url(./static/img/261_3.1c18a77.png);
    background-size: cover;
}

.indexTwo .hot_lottery .headbody .homebtnbody .homebtn.hbtn11 {
    background: url(./static/img/261_2.02379b0.png);
    background-size: cover;
}

.indexTwo .hot_lottery .headbody .homebtnbody .homebtn.hbtn12 {
    background: url(./static/img/970_6.4dc62b0.png);
    background-size: cover;
}

.indexTwo .hot_lottery .headbody .homebtnbody .homebtn img {
    width: 100%;
    height: 100%;
}

.indexTwo .hot_lottery .headbody .homebtnbody .homebtn div {
    position: absolute;
    top: 54%;
    left: 12%;
}

.indexTwo .hot_lottery .headbody .homebtnbody .homebtn .homebtntxt {
    position: absolute;
    top: 40%;
    left: 40%;
}

.indexTwo .hot_lottery .shop-item {
    background: #f6faf9;
    padding: 0 2.5vw 2vw 2.5vw;
}

.indexTwo .hot_lottery .shop-item .itemArea {
    padding: 0 0 8vw 0;
    border-bottom: 0.0625rem dashed rgba(214, 191, 237, 0.5);
}

.indexTwo .hot_lottery .shop-item .itemArea:last-child {
    border-bottom: 0;
}

.indexTwo .hot_lottery .shop-item .shopimg {
    padding: 4vw 0 2vw 0;
}

.indexTwo .hot_lottery .weui-grids {
    border-radius: 10px;
    overflow: hidden;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 3vw;
}

.indexTwo .hot_lottery .weui-grids::before {
    content: none;
}

.indexTwo .hot_lottery .weui-grids::after {
    content: none;
}

.indexTwo .hot_lottery .weui-grids .weui-grid {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    width: 46vw !important;
    padding: 0;
    text-align: center;
    background-color: white;
    color: #000;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    border-radius: 10px;
}

.indexTwo .hot_lottery .weui-grids .weui-grid::before {
    content: none;
}

.indexTwo .hot_lottery .weui-grids .weui-grid::after {
    content: none;
}

.indexTwo .hot_lottery .weui-grids a {
    display: block;
    width: 100%;
    padding: 20px 0;
}

.indexTwo .hot_lottery .weui-grids a span {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    /*height: 3.9rem;*/
}

.indexTwo .hot_lottery .weui-grids a span img {
    width: 55px;
    height: 55px;
    border-radius: 50%;
}

.indexTwo .hot_lottery .weui-grids a span .lottery_name {
    font-size: 14px;
    margin: 3px 0;
    color: #666;
}

.indexTwo .hot_lottery .weui-grids a span .Remark {
    font-size: 12px;
    color: #989898;
    line-height: 1;
}

.indexTwo .hot_lottery .weui-grids a span .lottery_instructions {
    height: 13px;
    line-height: 13px;
    font-size: 12px;
    color: #a9a9a9;
}

.indexTwo .hot_lottery .weui-grids a .tag {
    position: absolute;
    top: 6px;
    right: 6px;
    width: 24px;
    height: 15px;
    line-height: 15px;
    text-align: center;
    background: #f12c20;
    border-radius: 5px;
}

.indexTwo .hot_lottery .weui-grids a .tag span {
    font-size: 12px;
    color: #fff;
    -webkit-transform: scale(0.75);
    transform: scale(0.75);
}

.indexTwo .hot_lottery .weui-grids a .tag::after,
.indexTwo .hot_lottery .weui-grids a .tag::before {
    border: solid transparent;
    content: ' ';
    height: 0;
    top: 100%;
    position: absolute;
    width: 0;
}

.indexTwo .hot_lottery .weui-grids a .tag::after {
    border-width: 0;
    border-top-color: #fff;
    left: 5px;
}

.indexTwo .hot_lottery .weui-grids a .tag::before {
    border-width: 3px;
    /*border-top-color: #f12c20;*/
    left: 4px;
}

.indexTwo .hot_lottery .weui-grids a .maint {
    position: absolute;
    top: 6px;
    right: 6px;
    width: 24px;
    height: 15px;
    line-height: 15px;
    text-align: center;
    background: #aaa8a8;
    border-radius: 5px;
}

.indexTwo .hot_lottery .weui-grids a .maint span {
    font-size: 12px;
    color: #fff;
    -webkit-transform: scale(0.75);
    transform: scale(0.75);
    height: 100%;
}

.indexTwo .hot_lottery .weui-grids a .hotTag {
    background: none !important;
}

.indexTwo .hot_lottery .weui-grids a .hotTag img {
    width: 16px;
    height: 17px;
    border-radius: 0;
}

.indexTwo .hot_lottery .weui-grids a::after {
    border-color: #efeef4;
}

.indexTwo .hot_lottery .noList {
    padding: 0.9375rem 0;
    text-align: center;
}

.indexTwo .hot_lottery_oddLast .weui-grids .weui-grid:nth-child(odd):nth-last-child(1) {
    width: 95vw !important;
}

@-webkit-keyframes refresh {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes refresh {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.homebtnimg {
    position: absolute;
    left: 0;
    top: 0;
}

.k_line_chart {
    font-size: 0.875rem;
    text-align: center;
}

.k_line_chart a {
    text-decoration: none;
    color: #666;
}

/**
* actionsheet
*/
                          /**
* en: primary type text color of menu item
* zh-CN: 菜单项primary类型的文本颜色
*/
                          /**
* en: warn type text color of menu item
* zh-CN: 菜单项warn类型的文本颜色
*/
                          /**
* en: default type text color of menu item
* zh-CN: 菜单项default类型的文本颜色
*/
                          /**
* en: disabled type text color of menu item
* zh-CN: 菜单项disabled类型的文本颜色
*/
                          /**
* datetime
*/
                          /**
* tabbar
*/
                          /**
* tab
*/
                          /**
* dialog
*/
                          /**
* en: title and content's padding-left and padding-right
* zh-CN: 标题及内容区域的 padding-left 和 padding-right
*/
                          /**
* x-number
*/
                          /**
* checkbox
*/
                          /**
* check-icon
*/
                          /**
* Cell
*/
                          /**
* Mask
*/
                          /**
* Range
*/
                          /**
* Tabbar
*/
                          /**
* Header
*/
                          /**
* Timeline
*/
                          /**
* Switch
*/
                          /**
* Button
*/
                          /**
* en: border radius
* zh-CN: 圆角边框
*/
                          /**
* en: font color
* zh-CN: 字体颜色
*/
                          /**
* en: margin-top value between previous button, not works when there is only one button
* zh-CN: 与相邻按钮的 margin-top 间隙，只有一个按钮时不生效
*/
                          /**
* en: button height
* zh-CN: 按钮高度
*/
                          /**
* en: the font color in disabled
* zh-CN: disabled状态下的字体颜色
*/
                          /**
* en: the font color in disabled
* zh-CN: disabled状态下的字体颜色
*/
                          /**
* en: font size
* zh-CN: 字体大小
*/
                          /**
* en: the font size of the mini type
* zh-CN: mini类型的字体大小
*/
                          /**
* en: the line height of the mini type
* zh-CN: mini类型的行高
*/
                          /**
* en: the background color of the warn type
* zh-CN: warn类型的背景颜色
*/
                          /**
* en: the background color of the warn type in active
* zh-CN: active状态下，warn类型的背景颜色
*/
                          /**
* en: the background color of the warn type in disabled
* zh-CN: disabled状态下，warn类型的背景颜色
*/
                          /**
* en: the background color of the default type
* zh-CN: default类型的背景颜色
*/
                          /**
* en: the font color of the default type
* zh-CN: default类型的字体颜色
*/
                          /**
* en: the background color of the default type in active
* zh-CN: active状态下，default类型的背景颜色
*/
                          /**
* en: the font color of the default type in disabled
* zh-CN: disabled状态下，default类型的字体颜色
*/
                          /**
* en: the background color of the default type in disabled
* zh-CN: disabled状态下，default类型的背景颜色
*/
                          /**
* en: the font color of the default type in active
* zh-CN: active状态下，default类型的字体颜色
*/
                          /**
* en: the background color of the primary type
* zh-CN: primary类型的背景颜色
*/
                          /**
* en: the background color of the primary type in active
* zh-CN: active状态下，primary类型的背景颜色
*/
                          /**
* en: the background color of the primary type in disabled
* zh-CN: disabled状态下，primary类型的背景颜色
*/
                          /**
* en: the font color of the plain primary type
* zh-CN: plain的primary类型的字体颜色
*/
                          /**
* en: the border color of the plain primary type
* zh-CN: plain的primary类型的边框颜色
*/
                          /**
* en: the font color of the plain primary type in active
* zh-CN: active状态下，plain的primary类型的字体颜色
*/
                          /**
* en: the border color of the plain primary type in active
* zh-CN: active状态下，plain的primary类型的边框颜色
*/
                          /**
* en: the font color of the plain default type
* zh-CN: plain的default类型的字体颜色
*/
                          /**
* en: the border color of the plain default type
* zh-CN: plain的default类型的边框颜色
*/
                          /**
* en: the font color of the plain default type in active
* zh-CN: active状态下，plain的default类型的字体颜色
*/
                          /**
* en: the border color of the plain default type in active
* zh-CN: active状态下，plain的default类型的边框颜色
*/
                          /**
* en: the font color of the plain warn type
* zh-CN: plain的warn类型的字体颜色
*/
                          /**
* en: the border color of the plain warn type
* zh-CN: plain的warn类型的边框颜色
*/
                          /**
* en: the font color of the plain warn type in active
* zh-CN: active状态下，plain的warn类型的字体颜色
*/
                          /**
* en: the border color of the plain warn type in active
* zh-CN: active状态下，plain的warn类型的边框颜色
*/
                          /**
* swipeout
*/
                          /**
* Cell
*/
                          /**
* Badge
*/
                          /**
* en: badge background color
* zh-CN: badge的背景颜色
*/
                          /**
* Popover
*/
                          /**
* Button tab
*/
                          /**
* en: not used
* zh-CN: 未被使用
*/
                          /**
* en: border radius color
* zh-CN: 圆角边框的半径
*/
                          /**
* en: border color
* zh-CN: 边框的颜色
*/
                          /**
* en: not used
* zh-CN: 默认状态下圆角边框的颜色
*/
                          /**
* en: not used
* zh-CN: 未被使用
*/
                          /**
* en: default background color
* zh-CN: 默认状态下的背景颜色
*/
                          /**
* en: selected background color
* zh-CN: 选中状态下的背景颜色
*/
                          /**
* en: not used
* zh-CN: 未被使用
*/
                          /* alias */
                          /**
* en: not used
* zh-CN: 未被使用
*/
                          /**
* en: default text color
* zh-CN: 默认状态下的文本颜色
*/
                          /**
* en: height
* zh-CN: 元素高度
*/
                          /**
* en: line height
* zh-CN: 元素行高
*/
                          /**
* Swiper
*/
                          /**
* checklist
*/
                          /**
* popup-picker
*/
                          /**
* popup
*/
                          /**
* popup-header
*/
                          /**
* form-preview
*/
                          /**
* sticky
*/
                          /**
* group
*/
                          /**
* en: margin-top of title
* zh-CN: 标题的margin-top
*/
                          /**
* en: margin-bottom of title
* zh-CN: 标题的margin-bottom
*/
                          /**
* en: margin-top of footer title
* zh-CN: 底部标题的margin-top
*/
                          /**
* en: margin-bottom of footer title
* zh-CN: 底部标题的margin-bottom
*/
                          /**
* toast
*/
                          /**
* en: text size of content
* zh-CN: 内容文本大小
*/
                          /**
* en: default top
* zh-CN: 默认状态下距离顶部的高度
*/
                          /**
* en: position top
* zh-CN: 顶部显示的高度
*/
                          /**
* en: position bottom
* zh-CN: 底部显示的高度
*/
                          /**
* en: z-index
* zh-CN: z-index
*/
                          /**
* icon
*/
                          /**
* calendar
*/
                          /**
* en: forward and backward arrows color
* zh-CN: 前进后退的箭头颜色
*/
                          /**
* en: text color of week highlight
* zh-CN: 周末高亮的文本颜色
*/
                          /**
* en: background color when selected
* zh-CN: 选中时的背景颜色
*/
                          /**
* en: text color when disabled
* zh-CN: 禁用时的文本颜色
*/
                          /**
* en: text color of today
* zh-CN: 今天的文本颜色
*/
                          /**
* en: font size of cell
* zh-CN: 单元格的字号
*/
                          /**
* en: background color
* zh-CN: 背景颜色
*/
                          /**
* en: size of date cell
* zh-CN: 日期单元格尺寸大小
*/
                          /**
* en: line height of date cell
* zh-CN: 日期单元格的行高
*/
                          /**
* en: text color of header
* zh-CN: 头部的文本颜色
*/
                          /**
* week-calendar
*/
                          /**
* search
*/
                          /**
* en: text color of cancel button
* zh-CN: 取消按钮文本颜色
*/
                          /**
* en: background color
* zh-CN: 背景颜色
*/
                          /**
* en: text color of placeholder
* zh-CN: placeholder文本颜色
*/
                          /**
* radio
*/
                          /**
* en: checked icon color
* zh-CN: 选中状态的图标颜色
*/
                          /**
* loadmore
*/
                          /**
* en: not used
* zh-CN: 未被使用
*/
                          /**
* loading
*/
                          /**
* en: z-index
* zh-CN: z-index
*/
                      .weui-grids {
                          position: relative;
                          overflow: hidden;
                      }

.weui-grids:before {
    content: " ";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    height: 1px;
    border-top: 1px solid #D9D9D9;
    color: #D9D9D9;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: scaleY(0.5);
    transform: scaleY(0.5);
}

.weui-grids:after {
    content: " ";
    position: absolute;
    left: 0;
    top: 0;
    width: 1px;
    bottom: 0;
    border-left: 1px solid #D9D9D9;
    color: #D9D9D9;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: scaleX(0.5);
    transform: scaleX(0.5);
}

.weui-grid {
    position: relative;
    float: left;
    padding: 20px 10px;
    width: 33.33333333%;
    box-sizing: border-box;
}

.weui-grid:before {
    content: " ";
    position: absolute;
    right: 0;
    top: 0;
    width: 1px;
    bottom: 0;
    border-right: 1px solid #D9D9D9;
    color: #D9D9D9;
    -webkit-transform-origin: 100% 0;
    transform-origin: 100% 0;
    -webkit-transform: scaleX(0.5);
    transform: scaleX(0.5);
}

.weui-grid:after {
    content: " ";
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    height: 1px;
    border-bottom: 1px solid #D9D9D9;
    color: #D9D9D9;
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%;
    -webkit-transform: scaleY(0.5);
    transform: scaleY(0.5);
}

.weui-grid:active {
    background-color: #ECECEC;
}

.weui-grid__icon {
    width: 28px;
    height: 28px;
    margin: 0 auto;
}

.weui-grid__icon img {
    display: block;
    width: 100%;
    height: 100%;
}

.weui-grid__icon + .weui-grid__label {
    margin-top: 5px;
}

.weui-grid__label {
    display: block;
    text-align: center;
    color: #000000;
    font-size: 14px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.weui-grids.vux-grid-no-lr-borders:after {
    display: none;
}


                      .sideslipMenu .vux-popup-dialog[data-v-7cb35a63] {
                          background: #282828;
                      }

.sideslipMenu .vux-popup-dialog .info .head a[data-v-7cb35a63] {
    height: 2.75rem;
    line-height: 2.75rem;
    font-size: 1.25rem;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    /*font-size: #fff;*/
}

.sideslipMenu .vux-popup-dialog .info .head a img[data-v-7cb35a63] {
    max-height: 1.0625rem;
    width: 1.0625rem;
    margin-right: 0.4375rem;
}

.sideslipMenu .vux-popup-dialog .info a[data-v-7cb35a63],
.sideslipMenu .vux-popup-dialog .info .link-box[data-v-7cb35a63] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    color: #f1f1f1;
    font-size: 0.9375rem;
    text-decoration: none;
}

.sideslipMenu .vux-popup-dialog .info a img[data-v-7cb35a63],
.sideslipMenu .vux-popup-dialog .info .link-box img[data-v-7cb35a63] {
    max-height: 0.8125rem;
    width: 0.8125rem;
    margin-right: 0.4375rem;
}

.sideslipMenu .vux-popup-dialog .info .link-group[data-v-7cb35a63] {
    margin-bottom: 0.25rem;
}

.sideslipMenu .vux-popup-dialog .info .link-group a[data-v-7cb35a63],
.sideslipMenu .vux-popup-dialog .info .link-group .link-box[data-v-7cb35a63] {
    width: 95%;
    height: 2.3125rem;
    box-sizing: border-box;
    padding-left: 1.5625rem;
    background: #2c2b31;
    margin: 0 auto 0.0625rem;
    border-radius: 0.25rem;
}

.sideslipMenu .vux-popup-dialog .weui-switch[data-v-7cb35a63] {
    margin-left: 7px;
    width: 35px;
    height: 18px;
}

.sideslipMenu .vux-popup-dialog .weui-switch[data-v-7cb35a63]::before {
    width: 33px;
    height: 16px;
}

.sideslipMenu .vux-popup-dialog .weui-switch[data-v-7cb35a63]::after {
    width: 16px;
    height: 16px;
}

.sideslipMenu .vux-popup-dialog .weui-switch[data-v-7cb35a63]:checked:after {
    -webkit-transform: translateX(17px);
    transform: translateX(17px);
}

.vux-popup-mask[data-v-7cb35a63] {
    z-index: 1000;
}


                      .weui-grid.vux-grid-item-no-border:before {
                          display: none;
                      }


                      .swiper img[data-v-37030636] {
                          width: 100%;
                          height: 100%;
                      }

/**
* actionsheet
*/
                          /**
* en: primary type text color of menu item
* zh-CN: 菜单项primary类型的文本颜色
*/
                          /**
* en: warn type text color of menu item
* zh-CN: 菜单项warn类型的文本颜色
*/
                          /**
* en: default type text color of menu item
* zh-CN: 菜单项default类型的文本颜色
*/
                          /**
* en: disabled type text color of menu item
* zh-CN: 菜单项disabled类型的文本颜色
*/
                          /**
* datetime
*/
                          /**
* tabbar
*/
                          /**
* tab
*/
                          /**
* dialog
*/
                          /**
* en: title and content's padding-left and padding-right
* zh-CN: 标题及内容区域的 padding-left 和 padding-right
*/
                          /**
* x-number
*/
                          /**
* checkbox
*/
                          /**
* check-icon
*/
                          /**
* Cell
*/
                          /**
* Mask
*/
                          /**
* Range
*/
                          /**
* Tabbar
*/
                          /**
* Header
*/
                          /**
* Timeline
*/
                          /**
* Switch
*/
                          /**
* Button
*/
                          /**
* en: border radius
* zh-CN: 圆角边框
*/
                          /**
* en: font color
* zh-CN: 字体颜色
*/
                          /**
* en: margin-top value between previous button, not works when there is only one button
* zh-CN: 与相邻按钮的 margin-top 间隙，只有一个按钮时不生效
*/
                          /**
* en: button height
* zh-CN: 按钮高度
*/
                          /**
* en: the font color in disabled
* zh-CN: disabled状态下的字体颜色
*/
                          /**
* en: the font color in disabled
* zh-CN: disabled状态下的字体颜色
*/
                          /**
* en: font size
* zh-CN: 字体大小
*/
                          /**
* en: the font size of the mini type
* zh-CN: mini类型的字体大小
*/
                          /**
* en: the line height of the mini type
* zh-CN: mini类型的行高
*/
                          /**
* en: the background color of the warn type
* zh-CN: warn类型的背景颜色
*/
                          /**
* en: the background color of the warn type in active
* zh-CN: active状态下，warn类型的背景颜色
*/
                          /**
* en: the background color of the warn type in disabled
* zh-CN: disabled状态下，warn类型的背景颜色
*/
                          /**
* en: the background color of the default type
* zh-CN: default类型的背景颜色
*/
                          /**
* en: the font color of the default type
* zh-CN: default类型的字体颜色
*/
                          /**
* en: the background color of the default type in active
* zh-CN: active状态下，default类型的背景颜色
*/
                          /**
* en: the font color of the default type in disabled
* zh-CN: disabled状态下，default类型的字体颜色
*/
                          /**
* en: the background color of the default type in disabled
* zh-CN: disabled状态下，default类型的背景颜色
*/
                          /**
* en: the font color of the default type in active
* zh-CN: active状态下，default类型的字体颜色
*/
                          /**
* en: the background color of the primary type
* zh-CN: primary类型的背景颜色
*/
                          /**
* en: the background color of the primary type in active
* zh-CN: active状态下，primary类型的背景颜色
*/
                          /**
* en: the background color of the primary type in disabled
* zh-CN: disabled状态下，primary类型的背景颜色
*/
                          /**
* en: the font color of the plain primary type
* zh-CN: plain的primary类型的字体颜色
*/
                          /**
* en: the border color of the plain primary type
* zh-CN: plain的primary类型的边框颜色
*/
                          /**
* en: the font color of the plain primary type in active
* zh-CN: active状态下，plain的primary类型的字体颜色
*/
                          /**
* en: the border color of the plain primary type in active
* zh-CN: active状态下，plain的primary类型的边框颜色
*/
                          /**
* en: the font color of the plain default type
* zh-CN: plain的default类型的字体颜色
*/
                          /**
* en: the border color of the plain default type
* zh-CN: plain的default类型的边框颜色
*/
                          /**
* en: the font color of the plain default type in active
* zh-CN: active状态下，plain的default类型的字体颜色
*/
                          /**
* en: the border color of the plain default type in active
* zh-CN: active状态下，plain的default类型的边框颜色
*/
                          /**
* en: the font color of the plain warn type
* zh-CN: plain的warn类型的字体颜色
*/
                          /**
* en: the border color of the plain warn type
* zh-CN: plain的warn类型的边框颜色
*/
                          /**
* en: the font color of the plain warn type in active
* zh-CN: active状态下，plain的warn类型的字体颜色
*/
                          /**
* en: the border color of the plain warn type in active
* zh-CN: active状态下，plain的warn类型的边框颜色
*/
                          /**
* swipeout
*/
                          /**
* Cell
*/
                          /**
* Badge
*/
                          /**
* en: badge background color
* zh-CN: badge的背景颜色
*/
                          /**
* Popover
*/
                          /**
* Button tab
*/
                          /**
* en: not used
* zh-CN: 未被使用
*/
                          /**
* en: border radius color
* zh-CN: 圆角边框的半径
*/
                          /**
* en: border color
* zh-CN: 边框的颜色
*/
                          /**
* en: not used
* zh-CN: 默认状态下圆角边框的颜色
*/
                          /**
* en: not used
* zh-CN: 未被使用
*/
                          /**
* en: default background color
* zh-CN: 默认状态下的背景颜色
*/
                          /**
* en: selected background color
* zh-CN: 选中状态下的背景颜色
*/
                          /**
* en: not used
* zh-CN: 未被使用
*/
                          /* alias */
                          /**
* en: not used
* zh-CN: 未被使用
*/
                          /**
* en: default text color
* zh-CN: 默认状态下的文本颜色
*/
                          /**
* en: height
* zh-CN: 元素高度
*/
                          /**
* en: line height
* zh-CN: 元素行高
*/
                          /**
* Swiper
*/
                          /**
* checklist
*/
                          /**
* popup-picker
*/
                          /**
* popup
*/
                          /**
* popup-header
*/
                          /**
* form-preview
*/
                          /**
* sticky
*/
                          /**
* group
*/
                          /**
* en: margin-top of title
* zh-CN: 标题的margin-top
*/
                          /**
* en: margin-bottom of title
* zh-CN: 标题的margin-bottom
*/
                          /**
* en: margin-top of footer title
* zh-CN: 底部标题的margin-top
*/
                          /**
* en: margin-bottom of footer title
* zh-CN: 底部标题的margin-bottom
*/
                          /**
* toast
*/
                          /**
* en: text size of content
* zh-CN: 内容文本大小
*/
                          /**
* en: default top
* zh-CN: 默认状态下距离顶部的高度
*/
                          /**
* en: position top
* zh-CN: 顶部显示的高度
*/
                          /**
* en: position bottom
* zh-CN: 底部显示的高度
*/
                          /**
* en: z-index
* zh-CN: z-index
*/
                          /**
* icon
*/
                          /**
* calendar
*/
                          /**
* en: forward and backward arrows color
* zh-CN: 前进后退的箭头颜色
*/
                          /**
* en: text color of week highlight
* zh-CN: 周末高亮的文本颜色
*/
                          /**
* en: background color when selected
* zh-CN: 选中时的背景颜色
*/
                          /**
* en: text color when disabled
* zh-CN: 禁用时的文本颜色
*/
                          /**
* en: text color of today
* zh-CN: 今天的文本颜色
*/
                          /**
* en: font size of cell
* zh-CN: 单元格的字号
*/
                          /**
* en: background color
* zh-CN: 背景颜色
*/
                          /**
* en: size of date cell
* zh-CN: 日期单元格尺寸大小
*/
                          /**
* en: line height of date cell
* zh-CN: 日期单元格的行高
*/
                          /**
* en: text color of header
* zh-CN: 头部的文本颜色
*/
                          /**
* week-calendar
*/
                          /**
* search
*/
                          /**
* en: text color of cancel button
* zh-CN: 取消按钮文本颜色
*/
                          /**
* en: background color
* zh-CN: 背景颜色
*/
                          /**
* en: text color of placeholder
* zh-CN: placeholder文本颜色
*/
                          /**
* radio
*/
                          /**
* en: checked icon color
* zh-CN: 选中状态的图标颜色
*/
                          /**
* loadmore
*/
                          /**
* en: not used
* zh-CN: 未被使用
*/
                          /**
* loading
*/
                          /**
* en: z-index
* zh-CN: z-index
*/
                      .vux-slider {
                          overflow: hidden;
                          position: relative;
                      }

.vux-slider > .vux-indicator,
.vux-slider .vux-indicator-right {
    position: absolute;
    right: 0.9375rem;
    bottom: 0.625rem;
}

.vux-slider > .vux-indicator > a,
.vux-slider .vux-indicator-right > a {
    float: left;
    margin-left: 0.375rem;
}

.vux-slider > .vux-indicator > a > .vux-icon-dot,
.vux-slider .vux-indicator-right > a > .vux-icon-dot {
    display: inline-block;
    vertical-align: middle;
    width: 0.375rem;
    height: 0.375rem;
    border-radius: 0.1875rem;
    background-color: #d0cdd1;
}

.vux-slider > .vux-indicator > a > .vux-icon-dot.active,
.vux-slider .vux-indicator-right > a > .vux-icon-dot.active {
    background-color: #04BE02;
}

.vux-slider > .vux-indicator-center {
    right: 50%;
    -webkit-transform: translateX(50%);
    transform: translateX(50%);
}

.vux-slider > .vux-indicator-left {
    left: 0.9375rem;
    right: auto;
}

.vux-slider > .vux-swiper {
    overflow: hidden;
    position: relative;
}

.vux-slider > .vux-swiper > .vux-swiper-item {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.vux-slider > .vux-swiper > .vux-swiper-item > a {
    display: block;
    width: 100%;
    height: 100%;
}

.vux-slider > .vux-swiper > .vux-swiper-item > a > .vux-img {
    display: block;
    width: 100%;
    height: 100%;
    background: center center no-repeat;
    background-size: cover;
}

.vux-slider > .vux-swiper > .vux-swiper-item > a > .vux-swiper-desc {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 1.4em;
    font-size: 1rem;
    padding: 1.25rem 3.125rem 0.75rem 0.8125rem;
    margin: 0;
    background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.7) 100%);
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.7) 100%);
    color: #fff;
    text-shadow: 0 0.0625rem 0 rgba(0, 0, 0, 0.5);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
}


                      .theme4 .notice[data-v-cd6c5862] {
                          background: #141414;
                          border-radius: 1.875rem;
                          border-width: 0;
                          margin-top: 0.125rem;
                          color: #d73124;
                      }

.notice[data-v-cd6c5862] {
    height: 2.5rem;
    background: #fff;
    padding: 0 0.625rem;
    overflow: hidden;
    /*line-height: 27px;*/
    border-bottom: 0.0625rem solid #ddd;
    font-size: 0.8125rem;
    color: #333;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
}

.notice .noticeul[data-v-cd6c5862] {
    line-height: 2.5rem;
}

.notice .label[data-v-cd6c5862] {
    /*width: 35px;*/
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.notice .label img[data-v-cd6c5862] {
    height: 1.125rem;
}

.notice marquee[data-v-cd6c5862] {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
}

.notice ul[data-v-cd6c5862] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
}

.notice ul li[data-v-cd6c5862] {
    margin-right: 1.25rem;
}

.notice ul li span[data-v-cd6c5862] {
    display: inline-block;
    margin-right: 0.625rem;
}

.notice .notice_title[data-v-cd6c5862] {
    text-align: center;
}

.weui-dialog .group[data-v-cd6c5862] {
    position: relative;
}

.weui-dialog .group .dialogHead[data-v-cd6c5862] {
    padding: 10px;
    background: #d91d37;
    color: #fff;
}

.weui-dialog .group .dialogHead i.fa[data-v-cd6c5862] {
    font-size: 22px;
    background: none;
    position: absolute;
}

.weui-dialog .group .dialogHead i.fa.closed[data-v-cd6c5862] {
    top: 10px;
    right: 10px;
}

.weui-dialog .group .dialogHead i.fa.times-close[data-v-cd6c5862] {
    right: 0;
    left: 0;
    margin: auto;
    bottom: 2px;
}

.weui-dialog .group .showMsg[data-v-cd6c5862] {
    height: 430px;
    overflow: auto;
}

.weui-dialog .group .showMsg .title[data-v-cd6c5862] {
    padding: 10px 0px;
}

.weui-dialog .group .showMsg .desc[data-v-cd6c5862] {
    text-align: left;
    padding-left: 10px;
    font-size: 14px;
    color: #666;
}

.weui-dialog .group .showMsg .contents[data-v-cd6c5862] {
    text-align: left;
    /*text-indent: 16px;*/
    padding: 10px;
    -webkit-user-select: text;
    user-select: text;
}

.weui-dialog .group .showMsg .openList[data-v-cd6c5862] {
    overflow: auto;
}

.weui-dialog .group .showMsg .openList .openTitle[data-v-cd6c5862] {
    width: 92%;
    height: 50px;
    font-size: 16px;
    line-height: 50px;
    overflow: hidden;
    border-bottom: 1px solid #dddddd;
    color: #333333;
    text-align: left;
    margin-left: 10px;
}

.weui-dialog .group .showMsg .openList .openTitle .spot[data-v-cd6c5862] {
    color: #d91d37;
    font-size: 20px;
}

.weui-dialog .group .pagelimit[data-v-cd6c5862] {
    position: absolute;
    bottom: 30px;
    right: 16px;
}

.weui-dialog .group .pagelimit span[data-v-cd6c5862] {
    display: inline-block;
    padding: 0px 4px;
}

.weui-dialog .group .pagelimit span.active[data-v-cd6c5862] {
    color: blue;
}

.weui-dialog .group .noHint[data-v-cd6c5862] {
    overflow: hidden;
}

.weui-dialog .group .noHint button[data-v-cd6c5862] {
    border-radius: 30px;
    border-width: 0px;
    width: 40%;
    float: left;
    margin: 10px 5%;
}



                      .theme4 .footerTplTwo a .weui-tabbar__label {
                          color: #e9b144 !important;
                      }

.theme4 .fenxian {
    background-color: #181818;
    border: 0.0625rem solid #0a0a0a;
}

.fenxian {
    height: 4.6875rem;
    background-color: white;
    border-radius: 50%;
    margin-top: -0.5rem;
    z-index: 999;
}

.fenxian img {
    width: 1.875rem !important;
    height: 1.5625rem !important;
    margin-top: 0.5rem;
}

.fenxian p {
    margin-top: 0.5rem;
}

.yuanxing {
    display: none;
    height: 4.64375rem;
    width: 4.84375rem;
    position: absolute;
    left: 50%;
    margin-left: -2.5rem;
    background-color: white;
    border-radius: 50%;
    bottom: -1.3125rem;
}

.yuanxing .weui-tabbar__icon {
    margin-top: 10px;
}

.yuanxing .weui-tabbar__label {
    margin-top: 2px;
}

.yuanxing img {
    background-color: white;
    /*margin-bottom: 8px;*/
    height: 1.65625rem !important;
    width: 1.9375rem !important;
}

.yuanxing .img-yuanxing {
    width: 2.1875rem;
    height: 1.9375rem;
    margin-bottom: 0.3125rem;
}

.theme4 .footerTplTwo .weui-tabbar {
    background-color: #141414;
}

.theme4 .weui-tabbar::before {
    border-color: #0a0a0a;
}

.footerTplTwo {
    height: 3.125rem;
    width: 100%;
    z-index: 900;
    position: fixed;
    bottom: 0;
    left: 0;
    /*overflow: hidden;*/
}

.footerTplTwo .weui-tabbar {
    background: #f9f9f9;
    height: 55px;
}

.footerTplTwo .weui-tabbar .weui-tabbar__item {
    padding-top: 8px;
}

.footerTplTwo .weui-tabbar__item.weui-bar__item_on {
    background-color: #eaeaea;
}

.footerTplTwo .weui-tabbar__item.weui-bar__item_on .weui-tabbar__label {
    color: #ff95b1;
}

.footerTplTwo .weui-tabbar__item .weui-tabbar__icon > span.icomoon-home-1 {
    font-size: 7.5vw;
}

.footerTplTwo .weui-tabbar__item .weui-tabbar__icon > span.icomoon-shop {
    font-size: 7vw;
}

.footerTplTwo .weui-tabbar__item .weui-tabbar__icon > span.icomoon-shopping-cart-1 {
    font-size: 7vw;
}

.footerTplTwo .weui-tabbar__item .weui-tabbar__icon > span.icomoon-gift-box {
    font-size: 6vw;
}

.footerTplTwo .weui-tabbar__item .weui-tabbar__icon > span.icomoon-user {
    font-size: 6vw;
}

.footerTplTwo .weui-tabbar__item.weui-bar__item_on .weui-tabbar__icon > span {
    color: #ff95b1;
}

.footerTplTwo a {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    font-size: 0.8125rem;
}

.footerTplTwo a .weui-tabbar__icon {
    width: 22px;
    height: 22px;
    /*background: #fffefe;*/
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
}

.footerTplTwo a .weui-tabbar__icon img {
    width: 24px;
    height: 24px;
}

.footerTplTwo a .weui-tabbar__label {
    font-size: 13px;
    color: #929292;
    font-family: fantasy;
    margin-top: 2px;
}

/**
* actionsheet
*/
                          /**
* en: primary type text color of menu item
* zh-CN: 菜单项primary类型的文本颜色
*/
                          /**
* en: warn type text color of menu item
* zh-CN: 菜单项warn类型的文本颜色
*/
                          /**
* en: default type text color of menu item
* zh-CN: 菜单项default类型的文本颜色
*/
                          /**
* en: disabled type text color of menu item
* zh-CN: 菜单项disabled类型的文本颜色
*/
                          /**
* datetime
*/
                          /**
* tabbar
*/
                          /**
* tab
*/
                          /**
* dialog
*/
                          /**
* en: title and content's padding-left and padding-right
* zh-CN: 标题及内容区域的 padding-left 和 padding-right
*/
                          /**
* x-number
*/
                          /**
* checkbox
*/
                          /**
* check-icon
*/
                          /**
* Cell
*/
                          /**
* Mask
*/
                          /**
* Range
*/
                          /**
* Tabbar
*/
                          /**
* Header
*/
                          /**
* Timeline
*/
                          /**
* Switch
*/
                          /**
* Button
*/
                          /**
* en: border radius
* zh-CN: 圆角边框
*/
                          /**
* en: font color
* zh-CN: 字体颜色
*/
                          /**
* en: margin-top value between previous button, not works when there is only one button
* zh-CN: 与相邻按钮的 margin-top 间隙，只有一个按钮时不生效
*/
                          /**
* en: button height
* zh-CN: 按钮高度
*/
                          /**
* en: the font color in disabled
* zh-CN: disabled状态下的字体颜色
*/
                          /**
* en: the font color in disabled
* zh-CN: disabled状态下的字体颜色
*/
                          /**
* en: font size
* zh-CN: 字体大小
*/
                          /**
* en: the font size of the mini type
* zh-CN: mini类型的字体大小
*/
                          /**
* en: the line height of the mini type
* zh-CN: mini类型的行高
*/
                          /**
* en: the background color of the warn type
* zh-CN: warn类型的背景颜色
*/
                          /**
* en: the background color of the warn type in active
* zh-CN: active状态下，warn类型的背景颜色
*/
                          /**
* en: the background color of the warn type in disabled
* zh-CN: disabled状态下，warn类型的背景颜色
*/
                          /**
* en: the background color of the default type
* zh-CN: default类型的背景颜色
*/
                          /**
* en: the font color of the default type
* zh-CN: default类型的字体颜色
*/
                          /**
* en: the background color of the default type in active
* zh-CN: active状态下，default类型的背景颜色
*/
                          /**
* en: the font color of the default type in disabled
* zh-CN: disabled状态下，default类型的字体颜色
*/
                          /**
* en: the background color of the default type in disabled
* zh-CN: disabled状态下，default类型的背景颜色
*/
                          /**
* en: the font color of the default type in active
* zh-CN: active状态下，default类型的字体颜色
*/
                          /**
* en: the background color of the primary type
* zh-CN: primary类型的背景颜色
*/
                          /**
* en: the background color of the primary type in active
* zh-CN: active状态下，primary类型的背景颜色
*/
                          /**
* en: the background color of the primary type in disabled
* zh-CN: disabled状态下，primary类型的背景颜色
*/
                          /**
* en: the font color of the plain primary type
* zh-CN: plain的primary类型的字体颜色
*/
                          /**
* en: the border color of the plain primary type
* zh-CN: plain的primary类型的边框颜色
*/
                          /**
* en: the font color of the plain primary type in active
* zh-CN: active状态下，plain的primary类型的字体颜色
*/
                          /**
* en: the border color of the plain primary type in active
* zh-CN: active状态下，plain的primary类型的边框颜色
*/
                          /**
* en: the font color of the plain default type
* zh-CN: plain的default类型的字体颜色
*/
                          /**
* en: the border color of the plain default type
* zh-CN: plain的default类型的边框颜色
*/
                          /**
* en: the font color of the plain default type in active
* zh-CN: active状态下，plain的default类型的字体颜色
*/
                          /**
* en: the border color of the plain default type in active
* zh-CN: active状态下，plain的default类型的边框颜色
*/
                          /**
* en: the font color of the plain warn type
* zh-CN: plain的warn类型的字体颜色
*/
                          /**
* en: the border color of the plain warn type
* zh-CN: plain的warn类型的边框颜色
*/
                          /**
* en: the font color of the plain warn type in active
* zh-CN: active状态下，plain的warn类型的字体颜色
*/
                          /**
* en: the border color of the plain warn type in active
* zh-CN: active状态下，plain的warn类型的边框颜色
*/
                          /**
* swipeout
*/
                          /**
* Cell
*/
                          /**
* Badge
*/
                          /**
* en: badge background color
* zh-CN: badge的背景颜色
*/
                          /**
* Popover
*/
                          /**
* Button tab
*/
                          /**
* en: not used
* zh-CN: 未被使用
*/
                          /**
* en: border radius color
* zh-CN: 圆角边框的半径
*/
                          /**
* en: border color
* zh-CN: 边框的颜色
*/
                          /**
* en: not used
* zh-CN: 默认状态下圆角边框的颜色
*/
                          /**
* en: not used
* zh-CN: 未被使用
*/
                          /**
* en: default background color
* zh-CN: 默认状态下的背景颜色
*/
                          /**
* en: selected background color
* zh-CN: 选中状态下的背景颜色
*/
                          /**
* en: not used
* zh-CN: 未被使用
*/
                          /* alias */
                          /**
* en: not used
* zh-CN: 未被使用
*/
                          /**
* en: default text color
* zh-CN: 默认状态下的文本颜色
*/
                          /**
* en: height
* zh-CN: 元素高度
*/
                          /**
* en: line height
* zh-CN: 元素行高
*/
                          /**
* Swiper
*/
                          /**
* checklist
*/
                          /**
* popup-picker
*/
                          /**
* popup
*/
                          /**
* popup-header
*/
                          /**
* form-preview
*/
                          /**
* sticky
*/
                          /**
* group
*/
                          /**
* en: margin-top of title
* zh-CN: 标题的margin-top
*/
                          /**
* en: margin-bottom of title
* zh-CN: 标题的margin-bottom
*/
                          /**
* en: margin-top of footer title
* zh-CN: 底部标题的margin-top
*/
                          /**
* en: margin-bottom of footer title
* zh-CN: 底部标题的margin-bottom
*/
                          /**
* toast
*/
                          /**
* en: text size of content
* zh-CN: 内容文本大小
*/
                          /**
* en: default top
* zh-CN: 默认状态下距离顶部的高度
*/
                          /**
* en: position top
* zh-CN: 顶部显示的高度
*/
                          /**
* en: position bottom
* zh-CN: 底部显示的高度
*/
                          /**
* en: z-index
* zh-CN: z-index
*/
                          /**
* icon
*/
                          /**
* calendar
*/
                          /**
* en: forward and backward arrows color
* zh-CN: 前进后退的箭头颜色
*/
                          /**
* en: text color of week highlight
* zh-CN: 周末高亮的文本颜色
*/
                          /**
* en: background color when selected
* zh-CN: 选中时的背景颜色
*/
                          /**
* en: text color when disabled
* zh-CN: 禁用时的文本颜色
*/
                          /**
* en: text color of today
* zh-CN: 今天的文本颜色
*/
                          /**
* en: font size of cell
* zh-CN: 单元格的字号
*/
                          /**
* en: background color
* zh-CN: 背景颜色
*/
                          /**
* en: size of date cell
* zh-CN: 日期单元格尺寸大小
*/
                          /**
* en: line height of date cell
* zh-CN: 日期单元格的行高
*/
                          /**
* en: text color of header
* zh-CN: 头部的文本颜色
*/
                          /**
* week-calendar
*/
                          /**
* search
*/
                          /**
* en: text color of cancel button
* zh-CN: 取消按钮文本颜色
*/
                          /**
* en: background color
* zh-CN: 背景颜色
*/
                          /**
* en: text color of placeholder
* zh-CN: placeholder文本颜色
*/
                          /**
* radio
*/
                          /**
* en: checked icon color
* zh-CN: 选中状态的图标颜色
*/
                          /**
* loadmore
*/
                          /**
* en: not used
* zh-CN: 未被使用
*/
                          /**
* loading
*/
                          /**
* en: z-index
* zh-CN: z-index
*/
                      .weui-tabbar {
                          display: -webkit-box;
                          display: -webkit-flex;
                          display: flex;
                          position: absolute;
                          z-index: 500;
                          bottom: 0;
                          width: 100%;
                          background-color: #F7F7FA;
                      }

.weui-tabbar:before {
    content: " ";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    height: 1px;
    border-top: 1px solid #C0BFC4;
    color: #C0BFC4;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: scaleY(0.5);
    transform: scaleY(0.5);
}

.weui-tabbar__item {
    display: block;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    padding: 5px 0 0;
    font-size: 0;
    color: #999999;
    text-align: center;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.weui-tabbar__item.weui-bar__item_on .weui-tabbar__icon,
.weui-tabbar__item.weui-bar__item_on .weui-tabbar__icon > i,
.weui-tabbar__item.weui-bar__item_on .weui-tabbar__label {
    color: #09BB07;
}

.weui-tabbar__icon {
    display: inline-block;
    width: 27px;
    height: 27px;
}

i.weui-tabbar__icon,
.weui-tabbar__icon > i {
    font-size: 24px;
    color: #999999;
}

.weui-tabbar__icon img {
    width: 100%;
    height: 100%;
}

.weui-tabbar__label {
    text-align: center;
    color: #999999;
    font-size: 10px;
    line-height: 1.8;
}

.weui-tab {
    position: relative;
    height: 100%;
}

.weui-tab__panel {
    box-sizing: border-box;
    height: 100%;
    padding-bottom: 50px;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
}

.weui-tab__content {
    display: none;
}

.vux-reddot,
.vux-reddot-border,
.vux-reddot-s {
    position: relative;
}

.vux-reddot:after,
.vux-reddot-border:after,
.vux-reddot-s:after {
    content: '';
    position: absolute;
    display: block;
    width: 0.5rem;
    height: 0.5rem;
    background-color: #f74c31;
    border-radius: 0.3125rem;
    right: -0.1875rem;
    top: -0.1875rem;
    background-clip: padding-box;
}

.vux-reddot-border:before {
    content: '';
    position: absolute;
    display: block;
    width: 0.5rem;
    height: 0.5rem;
    background-color: #fff;
    border-radius: 0.3125rem;
    right: -0.25rem;
    top: -0.25rem;
    background-clip: padding-box;
    padding: 0.0625rem;
}

.vux-reddot-s:after {
    width: 0.375rem;
    height: 0.375rem;
    top: -0.3125rem;
    right: -0.3125rem;
}

.weui-tabbar__icon {
    position: relative;
}

.weui-tabbar__icon > sup {
    position: absolute;
    top: -8px;
    left: 100%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 101;
}

.weui-tabbar__item.vux-tabbar-simple {
    padding: 0;
    height: 50px;
    line-height: 50px;
}

.vux-tabbar-simple .weui-tabbar__label {
    font-size: 14px;
    line-height: 50px;
}