/* file version: 1565062891_80671e77f2240d4a5cdd3bf335c048b4 */
html, body {
    height: 100%;
    margin: 0;
}

.mask {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 22000;
    display: table;
    width: 100%;
    height: 100%
}

.mask > div {
    display: table-cell;
    vertical-align: middle;
    text-align: center
}

.mask
.loader {
    display: inline-block;
    -webkit-animation: loading 1.1s infinite linear;
    animation: loading 1.1s infinite linear;
    border-color: #ddd #ddd #ddd #fff;
    border-style: solid;
    border-width: 5px;
    border-radius: 50%;
    height: 36px;
    width: 36px;
    margin: auto;
    box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2), inset 0px 0px 2px rgba(0, 0, 0, 0.2)
}

@-webkit-keyframes loading {
    0% {
        -webkit-transform: rotate(0deg)
    }
    100% {
        -webkit-transform: rotate(360deg)
    }
}

@keyframes loading {
    0% {
        transform: rotate(0deg)
    }
    100% {
        transform: rotate(360deg)
    }
}

.tag-sharp-new {
    display: block;
    width: 62px;
    height: 29px;
    position: absolute;
    overflow: hidden;
    white-space: nowrap;
    top: 3px;
    right: 0.1em;
    left: auto;
    text-align: left;
    text-shadow: 1px 1px 2px #eee;
    transform: scale(0.9)
}

.tag-sharp-new:before {
    font-family: 'Glyphicons Halflings';
    content: "\e104";
    font-size: 16px;
    margin-right: -2px;
    color: #D33442
}

.tag-sharp-new[data-tag="hot"]:before {
    color: #D33442
}

.tag-sharp-new[data-tag="new"]:before {
    color: #81DD4C
}

.tag-sharp-new > span {
    width: 0;
    overflow: hidden;
    word-break: keep-all;
    display: inline-block;
    vertical-align: text-bottom;
    color: #D33442;
    font-weight: bold;
    font-size: 12px;
    -webkit-animation: text1 3s infinite step-start;
    animation: text1 3s infinite step-start
}

.tag-sharp-new > span > span {
    width: 10px;
    text-align: center;
    display: inline-block
}

.tag-sharp-new[data-tag="hot"] span {
    color: #D33442
}

.tag-sharp-new[data-tag="new"] span {
    color: #81DD4C
}

.tag-sharp-new[data-tag="活动"]:before {
    color: #E3A009
}

.tag-sharp-new[data-tag="活动"] > span {
    color: #E3A009;
    -webkit-animation: text2 3s infinite step-start;
    animation: text2 3s infinite step-start
}

.tag-sharp-new[data-tag="活动"] > span > span {
    width: 13px
}

@-webkit-keyframes text1 {
    25% {
        width: 10px
    }
    50% {
        width: 20px
    }
    75% {
        width: 32px
    }
}

@keyframes text1 {
    25% {
        width: 10px
    }
    50% {
        width: 20px
    }
    75% {
        width: 32px
    }
}

@-webkit-keyframes text2 {
    33% {
        width: 13px
    }
    66% {
        width: 28px
    }
}

@keyframes text2 {
    33% {
        width: 13px
    }
    66% {
        width: 28px
    }
}

@keyframes newblink1 {
    0% {
        width: 30px
    }
    30% {
        width: 40px
    }
    60% {
        width: 50px
    }
    90% {
        width: 62px
    }
}

.tag-sharp {
    display: block;
    height: 30px;
    width: 30px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    rotation: -45deg;
    text-align: center;
    text-decoration: none;
    font-weight: bold;
    font-family: Arial, sans-serif;
    font-size: 12px;
    position: absolute;
    top: 0;
    right: 0.5em;
    left: auto
}

.tag-sharp
span {
    display: table-cell;
    vertical-align: middle;
    height: 30px;
    width: 30px;
    -webkit-transform: rotate(22.5deg);
    -moz-transform: rotate(22.5deg);
    -ms-transform: rotate(22.5deg);
    transform: rotate(22.5deg);
    rotation: 22.5deg
}

.tag-sharp.hot {
    background: radial-gradient(#FFEB3B, #FF9800);
    background: -webkit-radial-gradient(#FFEB3B, #FF9800)
}

.tag-sharp.hot
span {
    background: radial-gradient(#FFEB3B, #FF9800);
    background: -webkit-radial-gradient(#FFEB3B, #FF9800);
    color: #ad2100
}

.tag-sharp.new {
    background: radial-gradient(#BFDC7A, #8EBF45);
    background: -webkit-radial-gradient(#BFDC7A, #8EBF45)
}

.tag-sharp.new
span {
    background: radial-gradient(#BFDC7A, #8EBF45);
    background: -webkit-radial-gradient(#BFDC7A, #8EBF45);
    color: #3c6f00
}

.tag-sharp.promotion {
    background: radial-gradient(#FFBEC1, #FF6569);
    background: -webkit-radial-gradient(#FFBEC1, #FF6569)
}

.tag-sharp.promotion
span {
    background: radial-gradient(#FFBEC1, #FF6569);
    background: -webkit-radial-gradient(#FFBEC1, #FF6569);
    color: #A34442
}

.tag-sharp.blink1 {
    -webkit-animation: blink1 1s infinite linear;
    animation: blink1 1s infinite linear
}

@-webkit-keyframes blink1 {
    0% {
        opacity: 1
    }
    50% {
        opacity: 1
    }
    50.01% {
        opacity: 0
    }
    100% {
        opacity: 0
    }
}

@keyframes blink1 {
    0% {
        opacity: 1
    }
    50% {
        opacity: 1
    }
    50.01% {
        opacity: 0
    }
    100% {
        opacity: 0
    }
}

.tag-sharp.blink2 {
    -webkit-animation: blink2 1s infinite linear;
    animation: blink2 1s infinite linear
}

@-webkit-keyframes blink2 {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}

@keyframes blink2 {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}

.tag-sharp.blink2 {
    -webkit-animation: blink2 1s infinite linear;
    animation: blink2 1s infinite linear
}

@-webkit-keyframes blink2 {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}

@keyframes blink2 {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}

.tag-sharp.promotion.blink3 {
    -webkit-animation: promotion_blink3 1s infinite linear;
    animation: promotion_blink3 1s infinite linear
}

@-webkit-keyframes promotion_blink3 {
    0% {
        box-shadow: 0 0 4px rgb(255, 85, 90)
    }
    50% {
        box-shadow: 0 0 40px rgb(255, 85, 90)
    }
    100% {
        box-shadow: 0 0 4px rgb(255, 85, 90)
    }
}

@keyframes promotion_blink3 {
    0% {
        box-shadow: 0 0 4px rgb(255, 85, 90)
    }
    50% {
        box-shadow: 0 0 40px rgb(255, 85, 90)
    }
    100% {
        box-shadow: 0 0 4px rgb(255, 85, 90)
    }
}

.tag-sharp.hot.blink3 {
    -webkit-animation: hot_blink3 1s infinite linear;
    animation: hot_blink3 1s infinite linear
}

@-webkit-keyframes hot_blink3 {
    0% {
        box-shadow: 0 0 4px rgb(255, 141, 0)
    }
    50% {
        box-shadow: 0 0 40px rgb(255, 141, 0)
    }
    100% {
        box-shadow: 0 0 4px rgb(255, 141, 0)
    }
}

@keyframes hot_blink3 {
    0% {
        box-shadow: 0 0 4px rgb(255, 141, 0)
    }
    50% {
        box-shadow: 0 0 40px rgb(255, 141, 0)
    }
    100% {
        box-shadow: 0 0 4px rgb(255, 141, 0)
    }
}

.tag-sharp.new.blink3 {
    -webkit-animation: new_blink3 1s infinite linear;
    animation: new_blink3 1s infinite linear
}

@-webkit-keyframes new_blink3 {
    0% {
        box-shadow: 0 0 4px rgb(119, 178, 31)
    }
    50% {
        box-shadow: 0 0 40px rgb(119, 178, 31)
    }
    100% {
        box-shadow: 0 0 4px rgb(119, 178, 31)
    }
}

@keyframes new_blink3 {
    0% {
        box-shadow: 0 0 4px rgb(119, 178, 31)
    }
    50% {
        box-shadow: 0 0 40px rgb(119, 178, 31)
    }
    100% {
        box-shadow: 0 0 4px rgb(119, 178, 31)
    }
}

.module-top {
    background: linear-gradient(rgb(78, 106, 140), rgb(0, 0, 43)) !important;
    border-bottom: 1px solid #ccc;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 100;
}

.module-main {
    background-color: #eee
}

.module-bottom {
    background-color: #eee
}

.form-group {
    width: 100%
}

.module-main .main-container {
    padding: 10px;
    display: inline-block;
    width: 100%
}

.top-container.navbar-nav, .main-menu-area.navbar-nav {
    float: none;
    margin: 0
}

.navbar-nav .open .dropdown-menu {
    position: absolute;
    float: left;
    min-width: 160px;
    padding: 0;
    margin: 2px 0 0;
    background-color: #fff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175)
}

.navbar-nav .open .dropdown-menu li > a {
    border-bottom: 1px solid #e5e5e5;
    padding: 10px 0;
    text-align: center;
    color: #333 !important
}

.navbar-nav .open .dropdown-menu li.disabled > a {
    color: #999 !important
}

.navbar-nav .open .dropdown-menu li:first-child > a {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px
}

.navbar-nav .open .dropdown-menu li:last-child > a {
    border-bottom: none;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px
}

.panel-default {
    border-color: #e1ecf4
}

.member-module-index .panel-body {
    padding: 0
}

.member-module-index .panel-body .list-group {
    margin: 0
}

.member-module-index .panel-body .list-group-item {
    border-left: none;
    border-right: none;
    font-size: 16px
}

.member-module-index .panel-body .list-group-item:first-child {
    border-top: none;
    border-radius: 0
}

.member-module-index .panel-body .list-group-item:last-child {
    border-bottom: none
}

.modal-dialog {
    margin-top: 60px
}

.modal {
    background-color: rgba(0, 0, 0, 0.3);
    z-index: 1050
}

.dialog-component
.modal {
    z-index: 20000
}

.toolbar {
    padding: 5px 0;
    display: inline-block;
    width: 100%
}

.modal-header
.close {
    font-size: 30px
}

.dropdown-menu > .disabled > a, .dropdown-menu > .disabled > a:focus, .dropdown-menu > .disabled > a:hover {
    color: #999
}

.navbar-nav .dropdown-menu {
    max-height: 75vh
}

.navbar-nav .open .dropdown-menu {
    position: absolute;
    float: left;
    min-width: 160px;
    padding: 0;
    margin: 2px 0 0;
    background-color: #fff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175)
}

.navbar-nav .open .dropdown-menu li > a {
    border-bottom: 1px solid #e5e5e5;
    padding: 10px 0;
    text-align: center;
    color: #333 !important
}

.navbar-nav .open .dropdown-menu li:first-child > a {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px
}

.navbar-nav .open .dropdown-menu li:last-child > a {
    border-bottom: none;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px
}

.navbar-nav .dropdown-menu li > a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: normal;
    line-height: 1.42857143;
    color: #333;
    white-space: nowrap
}

.navbar-nav .dropdown-menu li > a:hover,
.navbar-nav .dropdown-menu li > a:focus {
    color: #262626;
    text-decoration: none;
    background-color: #f5f5f5
}

.navbar-nav .dropdown-menu li.active > a,
.navbar-nav .dropdown-menu li.active > a:hover,
.navbar-nav .dropdown-menu li.active > a:focus {
    color: #fff;
    text-decoration: none;
    background-color: #337ab7;
    outline: 0
}

.navbar-nav .dropdown-menu li.disabled > a,
.navbar-nav .dropdown-menu li.disabled > a:hover,
.navbar-nav .dropdown-menu li.disabled > a:focus {
    color: #777
}

.navbar-nav .dropdown-menu li.disabled > a:hover,
.navbar-nav .dropdown-menu li.disabled > a:focus {
    text-decoration: none;
    cursor: not-allowed;
    background-color: transparent;
    background-image: none;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false)
}

.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
    background-color: #e2e2e2
}

input.form-control, textarea.form-control {
    padding-left: 2px;
    padding-right: 2px
}

.line-info {
    display: table;
    width: 100%
}

.line-info .info-caption {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    font-size: 30px
}

.line-info .info-left {
    display: table-cell;
    vertical-align: middle
}

.line-info .info-right {
    display: table-cell;
    text-align: center;
    vertical-align: middle
}

.search-word-remove {
    float: right;
    margin-top: -30px;
    margin-right: 5px;
    font-size: 18px;
    padding: 3px 2px 1px 2px;
    border: 1px solid #d5d5d5;
    border-radius: 2px;
    color: #666;
    cursor: pointer;
    display: none
}

.no-result {
    padding: 8px 0;
    text-align: center;
    color: #666;
    font-size: 16px;
    clear: both
}

.modal-title, .modal-footer {
    text-align: center
}

.modal-dialog .alert-icon {
    color: #ffbf00;
    font-size: 30px
}

.modal-dialog .success-icon {
    color: #3c763d;
    font-size: 40px;
    margin-top: 12px
}

.modal-dialog .confirm-icon {
    color: #ffbf00;
    font-size: 40px;
    margin-top: 12px
}

.message-dialog .info-caption {
    width: 60px;
    text-align: left;
    padding-left: 10px;
    font-size: 40px
}

.message-dialog .modal-body {
    min-height: 96px;
    font-size: 16px
}

.message-dialog {
    margin: 80px auto;
    width: 300px
}

.module-bottom {
    z-index: 999
}

.message-dialog .cancel-btn, .message-dialog .confirm-btn {
    width: 105px
}

.form-error > span {
    display: block;
    padding: 3px;
    color: #ac2925
}

.search-container
.search {
    position: absolute;
    left: 5px;
    right: 50px
}

.search-container .search-btn {
    float: right;
    font-size: 25px;
    padding: 5px 10px;
    color: #999;
    cursor: pointer
}

.pull-down {
    margin-bottom: 10px;
    margin-top: -8px;
    text-align: center;
    color: #999;
    position: relative
}

.pull-icon {
    transition: color;
    -webkit-transition: color;
    transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    transition-timing-function: ease;
    -webkit-transition-timing-function: ease
}

.pull-icon.pulling {
    color: #ccc
}

.pull-up {
    text-align: center;
    color: #999;
    height: 36px;
    position: relative
}

.pull-down .glyphicon, .pull-up
.glyphicon {
    font-size: 30px;
    top: 9px
}

.pull-down .pull-down-label, .pull-down .pull-up-label {
    font-size: 16px;
    color: #666
}

.switch, .check, .radio, .radio1 { /*display:none*/
}

.switch + label:before {
    background: white none repeat scroll 0 0;
    border-radius: 100px;
    box-shadow: 0 3px 1px rgba(0, 0, 0, 0.05), 0 0 1px rgba(0, 0, 0, 0.3);
    content: "";
    height: 31px;
    left: 1px;
    position: absolute;
    top: 1px;
    transition: all 0.1s ease-in 0s;
    width: 31px;
    z-index: 999999
}

.switch + label:after {
    border-radius: 100px;
    box-shadow: 0 0 0 0 #eee inset, 0 0 1px rgba(0, 0, 0, 0.4);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    transition: box-shadow 0.1s ease-in 0s;
    width: 100%
}

.switch + label {
    background-color: #fafbfa;
    border-radius: 50px;
    display: inline-block;
    height: 15px;
    margin-right: 30px;
    padding: 9px;
    position: relative;
    transition: all 0.1s ease-in 0s;
    width: 40px;
    cursor: pointer
}

.switch:checked + label:before {
    border-radius: 100px;
    content: "";
    left: 26px;
    position: absolute
}

.switch:checked + label:after {
    background: #4cda60 none repeat scroll 0 0;
    box-shadow: 0 0 1px #4cda60;
    content: "";
    font-size: 1.5em;
    position: absolute
}

.check + label {
    background-color: #fff;
    border: 1px solid #c1caca;
    border-radius: 5px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), 0 -15px 10px -12px rgba(0, 0, 0, 0.05) inset;
    display: inline-block;
    margin-right: 6px;
    padding: 12px;
    position: relative;
    float: left;
    cursor: pointer
}

.check:checked + label:after {
    color: #758794;
    content: "\e013";
    font-family: 'Glyphicons Halflings';
    font-size: 20px;
    left: -1px;
    position: absolute;
    text-align: center;
    top: 0;
    line-height: 24px;
    vertical-align: text-top;
    width: 100%
}

.check:checked + label {
    background-color: #ecf2f7;
    border: 1px solid #92a1ac;
    color: #243441
}

.radio + label {
    cursor: pointer;
    padding: 10px 10px 10px 40px;
    margin: 0
}

.radio:checked + label:after {
    color: #ec971f;
    content: "\e013";
    font-family: "Glyphicons Halflings";
    font-size: 20px;
    left: 5px;
    top: calc(50% - 14px);
    position: absolute
}

.radio:checked + label {
    background-color: #337ab7
}

.list-group-item:first-child > label {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px
}

.list-group-item:last-child > label {
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px
}

.page-title {
    display: inline-block;
    font-size: 25px;
    width: 70%;
    min-height: 30px;
    color: #fff
}

.top-container {
    text-align: center;
    padding: 7px 0;
    width: 100%;
    display: inline-block;
    position: relative
}

.common-module-home .top-container {
    padding: 2px 0
}

.top-container .left-menu, .top-container .right-menu {
    font-size: 25px
}

.top-container .left-menu > *:first-child, .top-container .right-menu > *:first-child {
    color: #eee;
    cursor: pointer
}

.top-container .left-menu > *:first-child span, .top-container .right-menu > *:first-child
span {
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
    padding: 5px;
    line-height: 24px
}

.top-container .left-menu {
    position: absolute;
    top: 4px;
    left: 10px
}

.top-container .right-menu {
    position: absolute;
    top: 4px;
    right: 10px
}

.top-container .left-area {
    float: left
}

.top-container .right-area {
    float: right;
    margin-right: 10px;
    padding-top: 12px
}

.top-container .right-menu .dropdown-menu {
    left: auto;
    right: 0
}

.list-group-item {
    font-size: 20px;
    border-color: #e1ecf4;
    color: #2b76a8
}

.top-menu-area {
    padding-top: 6px;
    padding-left: 10px;
    padding-right: 10px;
    display: inline-block;
    width: 100%
}

.top-menu-area > div {
    text-align: center;
    font-size: 20px
}

.top-menu-area .tab
a {
    color: inherit;
    text-decoration: none;
    display: inline-block;
    width: 100%
}

.top-menu-area .active-tab {
    background-color: #498cb1;
    color: #fff
}

.user-menu {
    font-size: 50px
}

.user-info-btn .dropdown-menu {
    left: auto;
    right: 0
}

.module-main .list-group-item:nth-child(even), .modal-body .list-group-item:nth-child(even) {
    background-color: #f4f8fa
}

.sport-module-index .module-main .list-group-item {
    cursor: pointer;
    position: relative;
    padding: 0
}

.sport-module-index .match-item-area .no-result {
    padding-bottom: 10px
}

.sport-module-index .module-main .list-group-item .item-area {
    padding: 10px 35px 10px 15px
}

.sport-module-index .module-main .list-group-item .item-area-active {
    background-color: #b9def0
}

.sport-module-index .module-main .list-group-item .item-area-active .item-league {
    color: #fff
}

.sport-module-index .module-main .list-group-item
.badge {
    position: absolute;
    top: 16px;
    right: 10px;
    background-color: #ec971f
}

.sport-module .main-container {
    font-size: 20px;
    padding-top: 0
}

.sport-module-index .main-container {
    padding: 0
}

.sport-module .main-container
.info {
    background-color: rgba(255, 255, 255, 0.3);
    padding: 6px
}

.sport-module .main-container
.row {
    text-align: center;
    position: relative
}

.sport-module .main-container .info p:last-child {
    margin-bottom: 0
}

.sport-module .match-item .rate-row {
    color: #6791A8
}

.sport-module .match-item .rate-row:nth-child(even) {
    background-color: #F4F8FA
}

.sport-module .match-item .rate-row > div {
    padding-top: 5px;
    padding-bottom: 5px;
    border-bottom: 1px solid #e1ecf4;
    border-right: 1px solid #e1ecf4
}

.sport-module .match-item .rate-row > div:last-child {
    border-right: none
}

.sport-module .match-item .rate-row:last-child > div {
    border-bottom: none
}

.sport-module .main-container .rate-btn.selected-rate {
    background-color: #337ab7;
    color: #ffbf00
}

.sport-module .match-item-area
hr {
    margin: 0 0 10px 0;
    border-color: #ddd
}

.sport-module
.toolbar {
    text-align: center;
    border-top: 1px solid #ccc
}

.sport-module .toolbar
.btn {
    width: 100%
}

.sport-module .selected-info {
    padding: 6px 0;
    cursor: pointer;
    font-size: 16px
}

.sport-result-module .main-container {
    font-size: 20px;
    padding: 0
}

.sport-result-module .main-container
.info {
    padding: 6px
}

.sport-result-module .main-container
.row {
    text-align: center;
    position: relative
}

.sport-result-module .main-container .info p:last-child {
    margin-bottom: 0
}

.sport-result-module .rate-row {
    color: #6791A8;
    background-color: #fff
}

.sport-result-module .rate-row:nth-child(even) {
    background-color: #F4F8FA
}

.sport-result-module .rate-row > div {
    padding-top: 5px;
    padding-bottom: 5px;
    border-bottom: 1px solid #e1ecf4;
    border-right: 1px solid #e1ecf4
}

.sport-result-module .rate-row > div:last-child {
    border-right: none
}

.sport-result-module .rate-row:last-child > div {
    border-bottom: none
}

.sport-result-module .item-info {
    color: #d58512
}

.top-menu-result {
    padding: 6px;
    text-align: right;
    font-size: 20px
}

.top-menu-result
a {
    margin-right: 10px
}

.rate-btn {
    cursor: pointer;
    color: #d58512
}

.rate-info {
    color: #d43f3a;
    font-size: 20px
}

.bet-info {
    font-size: 18px
}

.bet-info .suggest
.btn {
    margin: 5px;
    font-size: 18px
}

.bet-info .refresh-btn {
    cursor: pointer
}

.bet-info .time-count {
    color: #d43f3a;
    margin-left: 6px
}

.bet-info
.panel {
    margin: 0
}

.bet-info .btn-area {
    text-align: center;
    margin-bottom: 16px
}

.bet-info .btn-area
.btn {
    width: 100%
}

.do-bet-info > * {
    margin-bottom: 10px
}

.do-bet-info > *:last-child {
    margin-bottom: 0
}

.bet-info .panel-body {
    padding: 0
}

.bet-info .list-group-item {
    border-left: none;
    border-right: none;
    position: relative;
    padding-right: 40px
}

.bet-info .list-group-item:last-child {
    border-bottom: none
}

.bet-info .list-group-item:first-child {
    border-top: none
}

.bet-info .match-remove-btn {
    padding: 3px 4px;
    font-size: 16px;
    line-height: 14px;
    position: absolute;
    top: 11px;
    right: 10px
}

.diy-scrollbar {
    position: relative
}

.diy-scrollbar > *:nth-child(2) > div, .diy-scrollbar > *:nth-child(3) > div {
    opacity: 0.4
}

.info-warning {
    color: #d43f3a
}

.txt-important, .txt-money {
    color: #ec971f
}

.do-bet-info {
    padding: 16px
}

.do-bet-info
.suggest {
    padding-top: 6px
}

.bet-total-info {
    float: right
}

.member-bet-module .main-container, .member-level-module .main-container, .sport-module-ruleList .main-container {
    padding: 10px
}

.member-bet-module .select-menu, .member-level-module .select-menu, .dialog-rule-list .select-menu {
    text-align: center
}

.member-bet-module .select-menu .btn, .member-level-module .select-menu .btn, .dialog-rule-list .select-menu
.btn {
    width: 90%;
    margin: 10px
}

.list-head, .list-footer {
    font-weight: bold;
    text-align: center;
    font-size: 16px;
    display: table;
    width: 100%
}

.list-head {
    padding: 6px 0
}

.module-top > .list-head {
    color: #fff
}

.list-footer {
    padding: 5px 0
}

.member-module-rechargeBank .list-group-item, .member-money-module .list-group-item, .member-bet-module .list-group-item {
    cursor: pointer
}

.member-money-module .list-footer, .member-bet-module .list-footer {
    background: none
}

.module-bottom .list-footer {
    border-top: 1px solid #bbb
}

.member-money-module .list-group, .member-bet-module .list-group {
    margin: 0
}

.member-money-module .list-group-item > .row, .member-bet-module .list-group-item > .row {
    text-align: center
}

.member-money-module .list-group-item .detail, .member-bet-module .list-group-item
.detail {
    font-size: 16px
}

.member-money-module .list-group-item ul, .member-bet-module .list-group-item
ul {
    list-style-type: disc
}

.member-message-module .list-group-item {
    cursor: default
}

.member-message-module .list-group-item
.content {
    padding-top: 6px
}

.member-exchange-module .module-bottom {
    text-align: center;
    border-top: 1px solid #bbb
}

.member-exchange-module .module-bottom
.btn {
    width: 100%
}

.member-exchange-module .module-main .list-group-item {
    padding: 0;
    color: #fff;
    text-shadow: 2px 2px 5px #000
}

.member-exchange-module .module-main .list-group-item
span {
    text-shadow: 2px 2px 5px #000
}

.member-exchange-module .module-main .list-group-item .item-amount {
    display: block
}

.member-exchange-module .module-main .list-group-item .item-refresh-btn {
    cursor: pointer
}

.member-exchange-module .exchange-from {
    margin: 0 5px
}

.member-exchange-module .exchange-to {
    margin: 0 5px
}

.member-exchange-module .module-main .main-container {
    padding: 10px 0
}

.member-exchange-module .main-container > div {
    padding: 0
}

.member-exchange-module .main-container
label {
    width: 100%;
    margin: 0;
    cursor: pointer
}

.message-dialog pre, .message-info
pre {
    background: none;
    border: none;
    padding: 0;
    margin: 0;
    font-size: 16px;
    white-space: pre-wrap;
    word-break: break-all;
    word-wrap: break-word
}

.module-main
.panel {
    background: none
}

.module-main .panel-heading {
    background-color: #F3574B;
    color: #fff;
    font-size: 18px
}

.member-module-index .main-container
.badge {
    cursor: default
}

.member-module-index .main-container .badge a, .member-module-index .main-container .badge a:hover, .member-module-index .main-container .badge a:focus {
    color: #ffbf00;
    text-decoration: none
}

.game-module-index .game-item
a {
    text-decoration: none
}

.game-module-index .game-item a:active
.thumbnail {
    background-color: #e1ecf4
}

.game-module-index .game-item.col-xs-6 {
    padding-left: 5px;
    padding-right: 5px
}

.game-module-index .thumbnail > *:first-child {
    margin-top: 5px
}

.game-module-index .game-item
.caption {
    padding: 9px 0 0 0
}

.game-module-index .game-item .caption > *:first-child {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    display: block;
    margin-top: 0
}

.game-module-index .main-container {
    padding: 12px 0
}

.member-exchange-module .exchange-from-title {
    color: rgb(20, 68, 106)
}

.member-exchange-module .exchange-to-title {
    color: rgb(64, 116, 52)
}

.member-exchange-module .exchange-from .list-group-item {
    background-color: rgba(20, 68, 106, 0.9)
}

.member-exchange-module .exchange-to .list-group-item {
    background-color: rgba(64, 116, 5, 0.7)
}

.member-exchange-module .exchange-to .list-group-item .radio:checked + label {
    background-color: rgb(160, 191, 124)
}

.member-module-rechargeWeixin .list-group-item, .member-module-rechargeAlipay .list-group-item, .member-module-rechargeTenpay .list-group-item {
    cursor: pointer
}

.member-module-rechargeWeixin .list-group-item .glyphicon, .member-module-rechargeAlipay .list-group-item .glyphicon, .member-module-rechargeTenpay .list-group-item
.glyphicon {
    color: #ec971f;
    margin-right: 6px
}

.main-container.menu-area .member-info-area {
    text-align: center;
    color: #fff;
    background-size: 100%;
    background-repeat: no-repeat;
    background-image: url("../images/banner2.jpg")
}

.main-container.menu-area .member-info {
    padding: 10px 0
}

.menu-area .list-group-item {
    padding: 0
}

.menu-area .list-group-item > a {
    display: inline-block;
    width: 100%;
    padding: 10px 15px;
    text-decoration: none;
    color: #555
}

.menu-area .list-group-item .glyphicon, .menu-area .list-group-item
.fa {
    color: #ec971f;
    margin-right: 6px
}

.member-module .do-recharge-info {
    padding-bottom: 10px
}

.member-module-rechargeBank .list-group-item > span, .member-module .do-recharge-info > span {
    display: block;
    padding: 5px 0
}

.sport-result-module .main-container, .sport-module .main-container {
    padding: 0
}

.sport-result-module .match-item > .row, .sport-module .match-item > .row {
    display: table;
    width: 100%;
    table-layout: fixed;
    margin: 0
}

.sport-result-module .match-item > .row > div, .sport-module .match-item > .row > div {
    display: table-cell;
    float: none;
    text-align: center;
    vertical-align: middle
}

.dialog-component .modal-body {
    max-height: 310px;
    max-height: 60vh;
    overflow: auto;
    margin: 0;
    padding: 0
}

.dialog-component .modal-body .list-group {
    margin: 0
}

.sport-module .match-item {
    background-color: #fff;
    border-top: 10px solid #E1ECF4
}

.sport-module .match-start-time {
    font-size: 28px;
    color: #657E8C
}

.sport-module .team-h-txt, .sport-module .team-c-txt {
    padding: 2px 6px;
    color: #fff;
    background-color: #77CAE4;
    border-radius: 4px;
    font-size: 16px;
    display: inline-block;
    margin-top: 3px
}

.sport-module .team-h-txt {
    float: left
}

.sport-module .team-c-txt {
    float: right
}

.sport-module .vs-txt {
    color: #FDE41A;
    font-size: 20px;
    font-weight: bold;
    display: inline-block;
    padding-top: 4px
}

.sport-module .team-info {
    background-color: #5BAFDD;
    padding: 10px 16px
}

.sport-module .match-icon {
    color: #333
}

.sport-module .icon-lanqiu.match-icon {
    padding-top: 1px;
    font-size: 20px
}

.sport-module .team-h-area, .sport-module .team-c-area {
    background-color: #fff;
    border-radius: 4px;
    color: #2B76A8;
    font-size: 18px;
    padding: 6px 0px
}

.sport-module .main-container .row > div {
    padding-left: 0;
    padding-right: 0
}

.sport-module .row > div.info-area {
    padding: 0 10px
}

.match-more-info > div > span {
    display: block
}

.match-more-info > div > span.iconfont {
    display: inline-block;
    font-size: 22px;
    line-height: 22px
}

.match-more-info .match-time {
    color: #657e8c
}

.sport-module-index .match-item-area .match-item:first-child {
    border-top: none
}

.layout-main {
    overflow: hidden;
    position: relative
}

.layout-bottom {
    background-color: #fff;
    display: inline-block;
    width: 100%;
    border-top: 1px solid #ccc;
    position: fixed;
    z-index: 10000;
    bottom: 0
}

.layout-bottom .main-menu-area > div {
    float: left;
    text-align: center;
    width: 20%;
    position: relative;
    font-size: 20px
}

.layout-bottom .main-menu-area > div > a {
    display: inline-block;
    width: 100%;
    text-decoration: none;
    color: #666 !important;
    padding-top: 3px
}

.layout-bottom .main-menu-area > div > a:focus, .layout-bottom .main-menu-area > div > a:active {
    color: #2b76a8 !important
}

.layout-bottom .main-menu-area > div
span {
    display: block;
    margin-top: 5px;
    font-size: 20px
}

.module-main {
    background-color: #F5F5F5
}

.list-group-item {
    border-color: #ddd
}

.common-module-home .carousel
img {
    width: 100%
}

.common-module-home .notice-area {
    padding: 10px 0 10px 10px
}

.common-module-home .notice-area .notice-icon {
    font-size: 24px;
    float: left;
    margin-top: 2px
}

.common-module-home .notice-area
.marquee {
    margin-left: 25px
}

.common-module-home .menu-btn-area {
    text-align: center;
    display: flex;
    width: 100%;
    background-image: url("../images/tg_home_bg.jpg");
    background-size: 100% 100%;
    padding-bottom: 60px;
    position: relative
}

.common-module-home .menu-btn-area .menu-btns {
    width: 100%
}

.common-module-home .menu-btn-area > menu-btns > div {
    padding: 8px;
    position: relative
}

.common-module-home .menu-btn-area .menu-btn {
    background-color: #ccc;
    border: 2px solid #E5E5E5;
    border-radius: 5px
}

.common-module-home .menu-btn-area .switch-btn-area {
    position: absolute;
    right: 0;
    bottom: 5px;
    text-align: center;
    width: 100%;
    font-size: 16px
}

.common-module-home .menu-btn-area .home-bottom-btn {
    color: #337ab7 !important;
    text-decoration: none
}

.common-module-home .menu-btn-area .menu-btn
span {
    padding: 2px 0;
    display: inline-block;
    font-size: 13px;
    width: 100%
}

.common-module-home .menu-btn-area a, .common-module-home .menu-btn-area a:hover, .common-module-home .menu-btn-area .menu-btn a:active {
    color: #333
}

.common-module-home .user-info {
    text-align: left;
    padding-right: 2px
}

.common-module-home .user-info a, .common-module-home .user-info a:hover, .common-module-home .user-info a:active {
    color: #ffbf00;
    text-decoration: none
}

.common-module-home .user-info
.icon {
    color: #aaa
}

.common-module-home .page-top-area {
    background-color: #000
}

.common-module-home .module-top {
    border: none
}

.common-module-home .page-top-area .left-area
img {
    max-width: 188px
}

.common-module-home .top-container .right-area .btn:first-child {
    margin-right: 5px
}

.btn-area {
    padding: 0 10px 10px 10px
}

.btn-area
.btn {
    display: block;
    margin: 0 auto 10px auto
}

.marquee {
    height: 30px;
    overflow: hidden;
    position: relative;
    margin-top: -9px;
}

.marquee
.info {
    position: absolute;
    min-width: 100%;
    margin: 0;
    white-space: nowrap;
    padding-top: 5px;
    padding-left: 100%
}

.layout-bottom .money-menu {
    background-color: #fff;
    position: absolute;
    margin-top: -95px;
    border-top: 1px solid #ccc;
    height: 95px;
    border-bottom: 1px solid #ccc
}

.layout-bottom .money-menu
.icon {
    padding-top: 15px;
    font-size: 28px !important;
    color: #F4584B
}

.layout-bottom .money-menu
p {
    padding-bottom: 5px
}

.layout-bottom .money-menu > div {
    cursor: pointer
}

.layout-bottom .money-menu > div:first-child:after {
    content: "";
    display: inline-block;
    width: 1px;
    height: 42px;
    background-color: #ccc;
    position: absolute;
    right: 50%;
    top: 23px
}

@-webkit-keyframes scroll-left {
    0% {
        -webkit-transform: translateX(0%)
    }
    100% {
        -webkit-transform: translateX(-100%)
    }
}

@keyframes scroll-left {
    0% {
        -webkit-transform: translateX(0%);
        transform: translateX(0%)
    }
    100% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%)
    }
}

.carousel-indicators {
    bottom: 0
}

.carousel-indicators
li {
    background-color: #fff;
    vertical-align: middle
}

.carousel-indicators
li.active {
    background-color: #5BAFDD
}

li.menu-logout-btn > a, li.menu-logout-btn > a:hover {
    color: #d9534f
}

.common-module-moreMenu .main-container .list-group-item {
    padding: 0
}

.common-module-moreMenu .main-container .list-group-item > a {
    display: inline-block;
    width: 100%;
    text-decoration: none;
    padding: 10px 15px;
    color: #2b76a8
}

.common-module-home .carousel-container {
    width: 100%;
    display: table;
    height: 37vw;
    position: relative
}

.common-module-home .carousel-container .carousel-inner {
    overflow: visible
}

.common-module-home .carousel-container
.carousel {
    position: static
}

.main-container.menu-btn-area, .main-container.menu-area {
    padding: 0
}

.main-container.menu-btn-area .list-group-item
img {
    min-width: 40px;
    line-height: 40px;
    display: inline-block;
    min-height: 40px
}

.item-line {
    display: table;
    width: 100%
}

.item-line .line-left {
    display: table-cell;
    text-align: left;
    vertical-align: middle
}

.item-line .line-right {
    display: table-cell;
    text-align: right;
    vertical-align: middle
}

.exchange-dialog {
    padding: 10px
}

.exchange-dialog .list-group-item {
    padding: 6px 10px;
    cursor: pointer
}

.exchange-dialog .list-group-item
.icon {
    float: right;
    margin-top: 5px
}

.exchange-dialog .amount-money, .exchange-dialog .amount-loading, .exchange-dialog .item-refresh-btn, .exchange-dialog .amount-warning {
    position: absolute;
    right: 35px;
    top: 7px
}

.exchange-dialog-toolbar {
    padding: 5px 10px;
    background-color: #eee;
    border-top: 1px solid #bbb;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px
}

.exchange-dialog-toolbar .toolbar > div {
    padding: 5px
}

.exchange-dialog-toolbar
.btn {
    width: 100%
}

.top-container.list-head-common {
    padding-bottom: 0
}

.member-exchange-module .main-container.container-common {
    padding-top: 0
}

.member-exchange-module .container-common {
    margin: 0
}

.member-exchange-module .container-common .list-group-item {
    display: table;
    width: 100%;
    text-shadow: none;
    color: #2b76a8;
    border-left: none;
    border-right: none
}

.member-exchange-module .container-common .list-group-item
label {
    padding-top: 5px
}

.member-exchange-module .container-common .list-group-item
span {
    text-shadow: none
}

.member-exchange-module .container-common .list-group-item label > span {
    border-radius: 50%;
    background-color: #e2e2e2;
    width: 32px;
    height: 32px;
    display: inline-block;
    padding: 0;
    position: relative
}

.container-common .radio1 + label > span::after {
    color: #fff;
    content: "\e013";
    font-family: "Glyphicons Halflings";
    font-size: 18px;
    position: static;;
    left: 6px;
    top: 4px;
    position: absolute
}

.container-common .radio1:checked + label > span {
    background-color: #719E3E
}

.container-common .to-area .radio1:checked + label > span {
    background-color: #BC3633
}

.container-common .list-group-item, .common-container {
    display: table;
    width: 100%;
    table-layout: fixed
}

.container-common .list-group-item > div, .common-container > div {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    float: none;
    padding: 5px
}

.list-head-common .exchange-title {
    color: #fff
}

.list-head-common .exchange-from-title {
    color: #fff
}

.list-head-common .exchange-to-title {
    color: #fff
}

.list-head-common.list-head {
    margin: 0;
    font-size: 16px;
    padding: 0
}

.list-head-common.list-head > div {
    padding: 10px 0
}

.container-common .list-group-item > div:nth-child(2) {
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc
}

.download-container {
    width: 280px;
    margin: auto;
    text-align: center;
    padding: 20px
}

.download-container .qrcode-img {
    margin-bottom: 8px
}

.download-container
a {
    width: 80%
}

.download-dialog .modal-dialog {
    width: 280px;
    top: 50px;
    margin-left: auto;
    margin-right: auto
}

.force-hidden {
    visibility: hidden
}

.radio-img {
    display: none
}

.radio-img + label {
    cursor: pointer;
    padding: 2px;
    margin: 0;
    position: relative;
    margin-top: 2px
}

.radio-img:checked + label:after {
    color: #A5C85B;
    content: "\e013";
    font-family: "Glyphicons Halflings";
    font-size: 14px;
    right: 4px;
    bottom: 0;
    position: absolute
}

.radio-img:checked + label {
    background-color: #A5C85B
}

.info-container
.heading {
    border-left: 5px solid #995521;
    padding-left: 10px;
    font-size: 16px;
    line-height: 16px;
    margin-top: 5px;
    margin-bottom: 10px;
    color: #333
}

.info-container
.info {
    padding: 10px;
    font-size: 14px;
    border: 1px solid #bbb;
    border-radius: 5px;
    background-color: #F0EDE7;
    margin-bottom: 20px
}

.info-container .info
p {
    margin: 0
}

.info-container .info
ul {
    padding-left: 18px
}

.member-module-recharge .list-group-item {
    padding: 0
}

.member-module-recharge .list-group-item > a {
    display: inline-block;
    width: 100%;
    padding: 10px 15px;
    text-decoration: none;
    color: #666
}

.member-module-recharge .list-group-item a
span {
    vertical-align: bottom;
    line-height: 30px
}

.member-module-recharge .list-group-item a:before {
    width: 30px;
    height: 35px;
    display: inline-block;
    margin-right: 8px
}

.member-module-recharge .payment a:before {
    background-image: url("../images/payment_menu.png");
    content: "\a0"
}

.member-module-recharge .payment.online a:before {
    background-position: 0 0
}

.member-module-recharge .payment.bank a:before {
    background-position: -30px 0
}

.member-module-recharge .payment.alipay a:before {
    background-position: -60px 0
}

.member-module-recharge .payment.weixin a:before {
    background-position: -90px 0
}

.member-module-recharge .payment.weixin a:before {
    background-position: -90px 0
}

.member-module-recharge .payment.tenpay a:before {
    background-position: -120px 0
}

.member-module-recharge .payment.qqpay a:before {
    background-position: -150px 0
}

.member-module-recharge .payment.yjpay a:before {
    background-position: -180px 0
}

.member-module-recharge .payment.kscz a:before {
    background-position: -210px 0
}

.member-module-recharge .payment.jdpay a:before {
    background-position: -240px 0
}

.member-module-recharge .payment.bdpay a:before {
    background-position: -270px 0
}

.member-module-recharge .payment.ylpay a:before {
    background-position: -300px 0
}

.member-module-recharge .payment.ysfpay a:before {
    background-position: -330px 0
}

.bottom-top {
    border-top: 1px solid #e5e5e5
}

.list-dialog-main .modal-body {
    padding: 0 2px 0 0;
    width: 100%;
    max-height: none;
    overflow: visible
}

.list-dialog-main .data-list-component .component-main {
    height: 50vh !important
}

.list-dialog-main .list-head {
    border-bottom: 1px solid #e5e5e5;
    margin: 0;
    padding: 0
}

.list-dialog-main .list-footer {
    margin: 0;
    padding: 0
}

.list-dialog-main .list-group-item {
    padding: 3px 2px
}

.list-dialog-main.no-bottom .data-list-component .component-main {
    height: 60vh !important
}

.list-dialog-main.no-bottom .modal-body {
    padding-bottom: 5px
}

.list-dialog-main.no-bottom .modal-dialog {
    margin-top: 40px
}

.member-level-module-default .pull-up {
    display: none
}

.member-level-module-default .module-bottom {
    padding: 5px;
    text-align: center
}

.member-level-module-default .form-group .form-control {
    width: 100px
}

.module-main .list-head-container .list-head {
    border-bottom: 1px solid #bbb
}

.bottom-top {
    border-top: 1px solid #bbb
}

.common_style .top-menu-area .active-tab {
    background-color: #13518A;
    border-radius: 16px
}

.common_style .sport-module-index .module-main .list-group-item
.badge {
    background-color: #A52A2A
}

.common_style .sport-module .match-start-time {
    color: #1F293E
}

.common_style .sport-module .team-h-area, .common_style .sport-module .team-c-area {
    color: #233C5A
}

.common_style.layout-bottom .main-menu-area > div span:last-child {
    font-size: 14px
}

.common_style .common-module-home .menu-btn-area {
    background-image: url("../images/common_home_bg.jpg")
}

.game-module-index .main-container.open-app {
    padding: 10px
}

.game-module-index .main-container.open-app
.btn {
    width: 100%;
    margin: 6px 0
}

.tg_style .common-module-home .notice-area {
    background-color: #022028;
    color: #fff
}

.tg_style .common-module-home .notice-area .notice-icon {
    margin-top: 4px
}

.tg_style
.iconfont {
    font-size: 26px
}

.tg_style .layout-bottom .main-menu-area > div
span {
    margin-top: 0
}

.refresh-disabled {
    opacity: 0.3;
    cursor: not-allowed
}

.member-level-module .list-head, .member-level-module .list-footer {
    font-size: 15px;
    margin: 0
}

.member-level-module .item-edit-form .form-group {
    margin: 5px 0
}

.member-level-module .item-edit-form
label {
    display: none
}

.member-level-module .item-edit-form .form-group:first-child .col-xs-10 {
    text-align: left
}

.member-level-module .item-edit-form .form-group:first-child .col-xs-10
input {
    width: 70%;
    display: inline
}

.member-level-module .item-edit-form .form-group:first-child .col-xs-10:after {
    content: "%";
    padding-left: 2px
}

.member-level-module .item-edit-form .form-group > div {
    width: 100%;
    padding: 0
}

.member-level-module .list-group-item {
    padding: 0;
    font-size: 14px
}

.common-form.form-inline .form-group {
    display: inline;
    width: auto
}

.common-form.form-inline.form-group
label {
    display: inline
}

.common-form.form-inline .form-group input, .common-form.form-inline .form-group
select {
    display: inline;
    width: 140px;
    margin-right: 5px;
    padding-left: 3px;
    padding-right: 3px
}

.common-form.form-inline .submit-btn {
    width: 80px
}

.data-list-component .list-head-container
span {
    border-left: 1px solid #ccc;
    width: 100%;
    display: inline-block
}

.data-list-component .list-head-container .list-head > div {
    padding: 5px 0
}

.data-list-component .list-head-container .list-head > div:first-child
span {
    border-left: none
}

.member-level-module
.panel {
    background-color: #fff
}

.member-level-module .link-info {
    display: inline-block;
    margin-right: 10px;
    word-break: break-all
}

.member-point-module .list-group-item {
    padding: 5px
}

.member-point-module .module-main table, .member-point-module .module-main table
img {
    width: 100%
}

.member-point-module .module-main table
* {
    text-align: center;
    font-size: 13px
}

.member-point-module .module-main table
th {
    background-color: #ECE8E9
}

.member-point-module .module-main table table
td {
    padding: 2px
}

.member-point-module .module-main table
.btn {
    margin-top: 5px
}

.member-level-module-index .panel-body
table {
    width: 100%;
    font-size: 14px
}

.member-level-module-index .panel-body table tr > td:first-child {
    text-align: right;
    padding: 2px;
    width: 105px;
    vertical-align: top
}

.member-level-module-index .panel-body table tr > td:last-child {
    color: #FF9800
}

.order-menu .order-item {
    font-size: 16px
}

.order-menu .order-item:before, .type-list-head:before, .tab-item span:before {
    font-family: "iconfont";
    margin-right: 8px;
    font-size: 20px;
    line-height: 20px;
    vertical-align: middle
}

.order-menu .order-item.order-TY:before, .type-list-head[data-type="TY"]:before, .tab-item[data-type="tiyu"] span:before {
    content: "\e60c"
}

.order-menu .order-item.order-CP:before, .type-list-head[data-type="CP"]:before, .tab-item[data-type="caipiao"] span:before {
    content: "\e609"
}

.order-menu .order-item.order-QP:before, .type-list-head[data-type="QP"]:before, .tab-item[data-type="qipai"] span:before {
    content: "\e607"
}

.order-menu .order-item.order-SX:before, .type-list-head[data-type="SX"]:before, .tab-item[data-type="shixun"] span:before {
    font-family: "FontAwesome";
    content: "\f03d"
}

.order-menu .order-item.order-DZ:before, .type-list-head[data-type="DZ"]:before, .tab-item[data-type="dianzi"] span:before {
    font-family: "FontAwesome";
    content: "\f11b";
    vertical-align: initial
}

.tab-item[data-type] span:before {
    text-shadow: 1px 1px 3px #bbb;
    display: block
}

.tab-item[data-type="remen"] span:before {
    font-family: 'Glyphicons Halflings';
    content: "\e104";
    color: #DD5246
}

.tab-item[data-type="tiyu"] span:before {
    color: #19A15F
}

.tab-item[data-type="caipiao"] span:before {
    color: #F16346
}

.tab-item[data-type="shixun"] span:before {
    color: #E36B56
}

.tab-item[data-type="qipai"] span:before {
    color: #FFAA25
}

.tab-item[data-type="dianzi"] span:before {
    color: #2F8BB7
}

.tab-item[data-type="other"] span:before {
    font-family: 'FontAwesome';
    content: "\f1b3"
}

.member-module-login .login-menu {
    min-width: 60%;
    padding: 0
}

.member-module-login .login-menu
li {
    cursor: pointer;
    font-size: 16px
}

.member-module-login .login-menu li
.close {
    padding: 0 5px;
    margin-right: -10px
}

.member-module-login .password-type {
    text-align: center;
    color: #fff
}

.member-module-login .password-type
label {
    font-size: 16px;
    padding-right: 5px;
    vertical-align: middle
}

.member-module-login .password-type
span {
    padding: 0 10px;
    font-size: 16px;
    font-weight: bold
}

.member-module-login .password-type .button-label {
    width: 64px
}

.common_style .member-module-login .module-top {
    background: #F5F5F5
}

.member-module-login .page-title {
    visibility: hidden
}

.member-module-login .left-menu
span {
    color: #333;
    box-shadow: none !important
}

.member-module-login .right-menu
.btn {
    color: #333;
    border: none;
    background: none
}

.member-module-login .module-main {
    background-color: #fff
}

.member-module-login .dropdown-backdrop {
    display: none
}

.toggle-button {
    display: none
}

.button-label {
    position: relative;
    display: inline-block;
    width: 64px;
    height: 24px;
    background-color: #ccc;
    box-shadow: #ccc 0px 0px 0px 2px;
    border-radius: 24px;
    overflow: hidden
}

.circle {
    position: absolute;
    top: 0;
    left: 0;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background-color: #fff
}

.button-label
.text {
    line-height: 24px;
    font-size: 14px;
    text-shadow: 0 0 2px #ddd;
    vertical-align: text-bottom;
    padding-top: 1px
}

.on {
    color: #fff;
    display: none;
    text-indent: 8px
}

.off {
    color: #fff;
    display: inline-block;
    text-indent: 26px
}

.button-label
.circle {
    left: 0;
    transition: all 0.3s
}

.toggle-button:checked + label.button-label
.circle {
    left: 40px
}

.toggle-button:checked + label.button-label
.on {
    display: inline-block
}

.toggle-button:checked + label.button-label
.off {
    display: none
}

.toggle-button:checked + label.button-label {
    background-color: #51ccee
}

.tip-dialog-main .modal-header {
    padding: 10px 15px
}

.tip-dialog-main .modal-body
p {
    text-align: center;
    margin-bottom: 5px
}

.tip-dialog-main .modal-dialog {
    margin-top: 90px;
    max-width: 550px
}

.dialog-component .tip-dialog-main .modal-body {
    max-height: 55vh
}

.tip-full-screen-dialog-main {
    color: #fff;
    background-color: rgba(0, 0, 0, 0.6)
}

.dialog-component .tip-full-screen-dialog-main .modal-body {
    height: calc(100vh - 64px);
    max-height: none
}

.tip-full-screen-dialog-main .modal-header {
    border: none
}

.tip-full-screen-dialog-main .modal-title {
    font-size: 24px
}

.tip-full-screen-dialog-main .modal-body
p {
    text-align: center;
    margin-bottom: 5px
}

.tip-full-screen-dialog-main .modal-dialog {
    margin-top: 0
}

.tip-full-screen-dialog-main .modal-content {
    background-color: transparent;
    box-shadow: none;
    border: none
}

.tip-full-screen-dialog-main
.close {
    border-bottom: 85px solid transparent;
    border-right: 85px solid #3a82bb;
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer;
    font-weight: bold;
    z-index: 99999;
    margin-left: 20px;
    opacity: 1
}

.tip-full-screen-dialog-main .close
span {
    margin-left: 50px;
    margin-top: 10px;
    position: absolute;
    color: #fff
}

.tip-full-screen-dialog-main
.steps {
    padding: 0 10px;
    width: 320px;
    margin: 0 auto
}

.tip-full-screen-dialog-main
.step {
    background: rgba(0, 0, 0, 0.6);
    border-radius: 10px;
    margin-bottom: 10px;
    padding: 10px 2px
}

.tip-full-screen-dialog-main .step
.number {
    background-color: #E94D4F;
    display: inline-block;
    width: 1.5em;
    height: 1.5em;
    border-radius: 50%;
    text-align: center
}

.tip-full-screen-dialog-main .step
p {
    margin-top: 5px
}

.tip-full-screen-dialog-main
.checkbox {
    padding-left: 3px
}

.tip-full-screen-dialog-main .checkbox
input {
    transform: scale(1.2)
}

.tip-full-screen-dialog-save {
    position: fixed;
    animation: goto 1s infinite linear;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
    z-index: 20000
}

.tip-full-screen-dialog-main .step
.line {
    display: inline;
    position: relative
}

.tip-full-screen-dialog-main .step .line
img {
    width: 250px
}

.tip-full-screen-dialog-main .step .line:last-child:after {
    content: "";
    box-shadow: 1px 1px 15px #fb7f03, 1px 1px 10px #fb7f03, 1px 1px 5px #ffc000;
    border-radius: 5px;
    border: 2px solid #fb7f03;
    animation: lighting 1.7s infinite ease;
    position: absolute
}

.tip-full-screen-dialog-main .step1 .line:last-child:after {
    left: 50%;
    width: 24px;
    height: 24px;
    margin-left: -13px;
    margin-top: 3px
}

.tip-full-screen-dialog-main .step2 .line:last-child:after {
    right: 3px;
    width: 62px;
    height: 90px;
    margin-top: 3px
}

.tip-full-screen-dialog-main .step3 .line:last-child:after {
    right: 5px;
    width: 35px;
    height: 24px;
    margin-top: 1px
}

@keyframes goto {
    0% {
        bottom: 0%
    }
    50% {
        bottom: 3%
    }
    100% {
        bottom: 0%
    }
}

@keyframes lighting {
    0% {
        box-shadow: 1px 1px 15px #fb7f03, 1px 1px 15px #fb7f03, 1px 1px 15px #ffc000
    }
    50% {
        box-shadow: 1px 1px 8px #a75300, 1px 1px 8px #a75300, 1px 1px 8px #ffc000
    }
    100% {
        box-shadow: 1px 1px 15px #fb7f03, 1px 1px 15px #fb7f03, 1px 1px 15px #ffc000
    }
}

.ad-dialog-main .modal-title {
    font-size: 14px
}

.ad-dialog-main .modal-dialog {
    max-width: 550px;
    margin-top: 90px
}

.ad-dialog-main .carousel-inner
img {
    width: 100%
}

.ad-dialog-main .carousel-container, .ad-dialog-main .carousel-inner > .item {
    min-height: 40vh
}

.carousel-caption {
    padding-top: 10px;
    padding-bottom: 10px
}

.carousel-caption
span {
    background-color: rgba(0, 0, 0, 0.3);
    padding: 5px;
    border-radius: 5px
}

.ad-dialog-main .modal-header
.close {
    margin-top: -4px;
    opacity: 0.5
}

.common-module-home .quick-menu {
    padding: 5px;
    margin-top: 50px;
    font-size: 16px
}

.common-module-home .quick-menu
a {
    color: #333;
    text-decoration: none
}

.common-module-home .quick-menu > * {
    padding: 0;
    text-align: center
}

.common-module-home .menu-area-wrap.tbk-menu-area {
    margin-top: 3.5em !important
}

@media screen and (max-width: 500px) {
    .common-module-home .menu-area-wrap.tbk-menu-area {
        margin-top: 3em !important
    }

    .main-container.menu-area .member-info-area {
        background-position-x: 30%;
        background-size: auto 200%
    }

    .sport-module-index .module-main .list-group-item
    .badge {
        top: 13px
    }

    sport-module-index .match-item, .sport-module-detail .main-container, .sport-result-module .main-container {
        font-size: 14px
    }

    .page-title {
        font-size: 15px;
        padding: 3px;
        min-height: 23px
    }

    .top-container .left-menu, .top-container .right-menu {
        font-size: 20px
    }

    .top-container .left-menu > *:first-child span, .top-container .right-menu > *:first-child
    span {
        line-height: 19px
    }

    .list-group-item {
        font-size: 16px
    }

    .top-menu-area > div {
        font-size: 16px
    }

    .pull-down .glyphicon, .pull-up
    .glyphicon {
        font-size: 28px
    }

    .bet-info {
        font-size: 14px
    }

    .bet-info .suggest
    .btn {
        font-size: 14px;
        padding: 5px
    }

    .sport-module .main-container .row > div, .sport-result-module .main-container .row > div {
        min-height: 32px
    }

    .modal-dialog {
        margin-top: 30px
    }

    .modal-dialog.message-dialog {
        margin: 80px auto
    }

    .sport-module .main-container .row.info .info-warning, .sport-result-module .main-container .row.info .info-warning {
        font-size: 13px
    }

    .top-menu-result {
        font-size: 13px
    }

    .rate-info {
        font-size: 16px
    }

    .dialog-component .modal-body {
        max-height: 70vh
    }

    .sport-module .match-start-time {
        font-size: 20px
    }

    .sport-module .row > div.info-area {
        font-size: 14px;
        padding: 0 6px
    }

    .sport-module .team-h-area, .sport-module .team-c-area {
        font-size: 16px;
        padding: 4px 0
    }

    .sport-module .team-h-txt, .sport-module .team-c-txt {
        margin-top: 0
    }

    .sport-module .vs-txt {
        font-size: 15px
    }

    .sport-module .team-info {
        padding: 10px
    }

    .layout-bottom .main-menu-area > div {
        font-size: 16px
    }

    .layout-bottom .main-menu-area .dropdown-menu {
        min-width: 110px
    }

    .match-more-info > div > span.iconfont {
        font-size: 21px;
        line-height: 21px
    }

    .carousel-indicators {
        bottom: 0;
        margin-bottom: 5px
    }

    .common-module-home .notice-area {
        padding: 5px 0 5px 5px
    }

    .sport-module .match-icon {
        font-size: 14px;
        padding-top: 1px
    }

    .sport-module .icon-lanqiu.match-icon {
        padding-top: 1px;
        font-size: 13px
    }

    .common-module-memberMenu .list-group-item
    .icon {
        margin: 4px
    }

    .layout-bottom .main-menu-area > div span:last-child {
        font-size: 13px
    }

    .common_style .top-menu-area .active-tab {
        border-radius: 12px
    }

    .tg_style .iconfont .tg_style [class^="icon-"], .tg_style [class*=" icon-"] {
        font-size: 22px
    }

    .exchange-dialog-main .modal-body {
        max-height: 55vh
    }

    .module-main .panel-heading {
        font-size: 16px;
        padding: 8px 12px
    }

    .member-module-index .panel-body .list-group-item {
        font-size: 14px
    }

    .list-head, .list-footer {
        font-size: 14px
    }

    .data-list-component .component-main .list-group-item {
        font-size: 14px
    }

    .common-module-home .quick-menu {
        margin-top: 41px;
        font-size: 15px
    }
}

@media screen and (max-height: 300px) {
    .modal-dialog {
        margin-top: 5px
    }

    .dialog-component .modal-body {
        max-height: 60vh
    }
}

.youhui.mobile .common-module-youhuiDo .page-title {
    font-size: 45px;
    padding: 18px
}

.youhui.mobile .common-module-youhuiDo .top-container .left-menu > *:first-child span, .youhui.mobile .common-module-youhuiDo .top-container .right-menu > *:first-child
span {
    padding: 35px;
    font-size: 50px
}

.youhui.mobile .common-module-youhuiDo .mask
.loader {
    border-width: 15px;
    height: 120px;
    width: 120px
}

.youhui .common-module-youhuiDo
.mask {
    top: 30px;
    position: fixed;
    z-index: 3000
}

.youhui, .youhui
body {
    overflow: auto;
    height: auto;
    min-height: 100%;
    background-color: #252525
}

.youhui .module-main {
    height: auto !important;
    background-color: transparent;
    overflow: visible
}

.youhui .layout-main {
    height: auto !important;
    min-height: 100%;
    overflow: visible
}

.common-module-youhuiDo .module-main .list-group
* {
    margin: 0;
    padding: 0
}

.common-module-youhuiDo .list-group-item {
    font-size: inherit
}

.common-module-youhuiDo .type-list {
    padding: 5px;
    border-top: 1px solid #999;
    border-bottom: 1px solid #999;
    background-color: transparent
}

.youhui.mobile .common-module-youhuiDo .type-list {
    padding: 10px
}

.youhui.mobile .common-module-youhuiDo .type-list
.btn {
    font-size: 35px;
    padding: 8px 12px;
    margin: 5px 8px 5px 0
}

.youhui.mobile .common-module-youhuiDo .no-result {
    font-size: 35px
}

.search-bar {
    padding: 10px 10px 0 10px;
    position: relative
}

.search-bar .icon-area {
    position: absolute;
    top: 18px;
    left: 16px
}

.search-bar .close-area {
    position: absolute;
    top: 13px;
    right: 12px;
    display: none
}

.search-bar .close-area
button {
    width: 30px;
    height: 30px
}

.search-bar .form-control {
    padding: 6px 24px
}

.recharge-item {
    cursor: pointer
}

.banner {
    display: block;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px
}

.banner
.turnplate {
    display: inline-block;
    position: relative
}

.banner .turnplate
canvas.item {
    width: 100%
}

.banner .turnplate
.pointer {
    position: absolute;
    width: 80px;
    left: 111px;
    top: 55px
}

.common-module-dzp .txt-important {
    color: #ffbf00;
    padding: 0 2px
}

.member-module-dzpDoResult .list-group-item {
    padding: 0;
    font-size: 14px
}

.common-module-youhuiDo .list-group .list-group-item {
    background-color: transparent;
    border: none
}

.common-module-youhuiDo .list-group > * {
    color: #fff
}

.common-module-youhuiDo .list-group, .common-module-youhuiDo .module-main .list-group-item:nth-child(even) {
    background-color: transparent !important
}

.recharge .select-channel {
    text-align: center
}

.recharge .select-item, .recharge .money-item {
    border-color: #eee;
    border-width: 2px;
    position: relative;
    width: 100%;
    padding: 6px 0
}

.recharge .select-item.selected:after, .recharge .money-item.selected:after {
    font-size: 16px;
    content: "\e013";
    font-family: "Glyphicons Halflings";
    bottom: -3px;
    right: 2px;
    position: absolute;
    color: #ec971f
}

.recharge .select-item.selected, .recharge .money-item.selected {
    border-color: #ec971f !important;
    border-width: 2px
}

.recharge .common-container > * {
    padding: 0
}

.dialog-rule-list {
    padding: 10px
}

.dialog-rule-list
p.b {
    font-weight: bold
}

.dialog-rule-list
.quick_link {
    background-color: #d58512;
    color: #fff;
    padding: 3px;
    margin: 5px 0
}

.dialog-rule-list
table {
    text-align: center
}

.do-recharge-info
textarea {
    display: inline-block;
    width: 60%;
    vertical-align: middle;
    margin-right: 10px;
    resize: none
}

.modal-header .btn:active, .modal-header .btn:focus {
    box-shadow: none
}

.module-main .recharge .amount-input {
    padding-left: 76px
}

.dropup.more-menu {
    position: static !important
}

.dropup.more-menu .dropdown-menu {
    width: 100%;
    background-color: #efefef
}

.dropup.more-menu .dropdown-menu
img {
    display: inline-block;
    min-height: 45px;
    height: 45px
}

.dropup.more-menu .dropdown-menu ul
li {
    width: 32%;
    display: inline-table
}

.dropup.more-menu .dropdown-menu ul li:last-child {
    border-right: 1px solid #e5e5e5;
    margin-left: 1px
}

.dropup.more-menu .dropdown-menu ul li:nth-child(3n+2) {
    border-right: 1px solid #e5e5e5;
    border-left: 1px solid #e5e5e5;
    margin-left: 0
}

.dropup.more-menu .dropdown-menu ul li:nth-child(3n+3) {
    border-right: none;
    margin-left: 0
}

.dropup.more-menu .dropdown-menu ul li
a {
    padding: 4px 0;
    text-align: center;
    display: block;
    text-decoration: none
}

.dropup.more-menu .dropdown-menu
span.icon {
    display: inline-block;
    font-size: 25px;
    color: #c9c9c9;
    margin: 0;
    vertical-align: middle;
    line-height: 25px;
    height: 25px
}

.dropup.more-menu .dropdown-menu span.item-name {
    display: block;
    padding-top: 5px;
    margin: 0;
    line-height: 25px
}

.dropup.more-menu .menu-mask {
    display: none;
    background-color: rgba(0, 0, 0, 0.5);
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 70px
}

.dropup.more-menu.open .menu-mask {
    display: block
}

@media screen and (max-width: 500px) {
    .dropup.more-menu .menu-mask {
        bottom: 55px
    }
}

.common-module-redPacket.normal {
    background: url("../images/red_packet_bg.jpg") no-repeat;
    background-size: 100%
}

.common-module-redPacket.normal .diy-scrollbar {
    background-color: rgba(217, 83, 79, 0.7)
}

.common-module-redPacket .info-area {
    padding: 10px;
    border-radius: 5px;
    color: #fff;
    background-color: rgba(0, 0, 0, 0.4);
    min-height: 100px;
    margin: 10px 0
}

.common-module-redPacket .main-area {
    height: 250px;
    text-align: center;
    vertical-align: middle;
    padding-top: 150px
}

.common-module-redPacket .table
td {
    background-color: #7c0909;
    text-align: center;
    padding: 0 10px;
    border: 1px solid rgba(0, 0, 0, 0.4)
}

.common-module-redPacket .timer-area
b {
    min-width: 35px;
    min-height: 35px;
    text-align: center;
    color: #fff;
    display: inline-block;
    background-color: #262626;
    margin-right: 5px
}

.common-module-redPacket .timer-area, .common-module-redPacket .main-info {
    color: #FF9800;
    font-size: 25px
}

.common-module-redPacket .main-info {
    padding: 10px;
    display: block
}

.show-money-dialog {
    padding-top: 30px
}

.show-money-dialog .modal-dialog {
    margin-top: 90px
}

.show-money-dialog .modal-header {
    display: none
}

.show-money-dialog .modal-content {
    background: url("../images/open-pack.png") no-repeat center;
    background-color: transparent;
    box-shadow: none;
    border: none;
    padding-top: 160px;
    height: 300px;
    text-align: center
}

.show-money-dialog .show-money {
    color: #FF9800;
    font-size: 25px;
    font-weight: bold
}

.type-list-head {
    list-style: none;
    text-align: center;
    font-weight: bold;
    width: 100%;
    margin: 5px 0;
    line-height: 1.6 !important
}

.type-list-head:before {
    font-weight: normal;
    font-size: 20px;
    vertical-align: sub
}

.type-list-head:after { /*font-family:"Glyphicons Halflings";content:"\e114";position:absolute;right:8px*/
}

.type-list-head.expand:after {
    content: "\e113"
}

.member-exchange-module-index .list-group-item {
    font-size: 16px
}

.dropup.more-menu .dropdown-menu span.glyphicon-piggy-bank {
    color: #F18E29
}

.dropup.more-menu .dropdown-menu span.glyphicon-new-window {
    color: goldenrod
}

.dropup.more-menu .dropdown-menu span.glyphicon-transfer {
    color: #2C7FE3
}

.dropup.more-menu .dropdown-menu span.glyphicon-usd {
    color: goldenrod
}

.dropup.more-menu .dropdown-menu span.glyphicon-list-alt {
    color: #A95BEF
}

.dropup.more-menu .dropdown-menu span.glyphicon-volume-up {
    color: #F16346
}

.dropup.more-menu .dropdown-menu span.icon-huiyuan {
    color: #2976DF
}

.dropup.more-menu .dropdown-menu span.icon-uniE615 {
    color: #F59A2F
}

.dropup.more-menu .dropdown-menu span.fa-sign-out {
    color: #d9534f
}

.dropup.more-menu .dropdown-menu span.glyphicon-lock {
    color: #F59A2F
}

.dropup.more-menu .dropdown-menu span.fa-dashboard {
    color: #337ab7
}

.member-bet-module-countList .module-main
li {
    padding: 5px 0
}

.data-list-component .component-main .list-group-item {
    border-left: none;
    border-right: none
}

.amount-win {
    color: red
}

.amount-lose {
    color: green
}

.ad-dialog-main .modal-content {
    background-color: transparent;
    box-shadow: none;
    border: none
}

.ad-dialog-main.no-title .modal-header {
    display: inline-block;
    float: right;
    margin-bottom: 3px;
    border-radius: 15%;
    padding: 5px;
    box-shadow: 0 3px 9px rgba(0, 0, 0, .5)
}

.ad-dialog-main.no-title .modal-content {
    border: none
}

.ad-dialog-main.no-title .modal-title {
    display: none
}

.ad-dialog-main.no-title .modal-body {
    width: 100%
}

.ad-dialog-main.no-title .modal-header
.close {
    line-height: 20px;
    margin: 0;
    color: #fff !important;
    opacity: 0.7 !important
}

.ad-dialog-main .carousel-container, .ad-dialog-main .carousel-inner > .item {
    min-height: 0
}

.ad-dialog-main .modal-dialog {
    margin-top: calc(20vh - 38px)
}

.ad-dialog-main .modal-body {
    max-height: 80vh
}

.member-bet-module-list .module-main {
    margin-top: 1px
}

.money-box-dialog {
    padding: 12px;
    display: inline-block;
    width: 100%;
    font-size: 16px
}

.money-box-dialog > * {
    padding: 0
}

.money-box-dialog-main .modal-dialog {
    margin-top: 80px;
    width: 310px
}

.modal-dialog {
    margin-left: auto;
    margin-right: auto
}

.ios-select-widget-box header.iosselect-header {
    height: 60px !important;
    line-height: 60px !important
}

.ios-select-widget-box header.iosselect-header a.close, .ios-select-widget-box header.iosselect-header
a.sure {
    opacity: 1;
    margin: 15px 5px !important;;
    height: auto !important;
    line-height: 1 !important;
    color: #fff
}

.ios-select-widget-box header.iosselect-header
a.close {
    color: #333
}

.ios-select-widget-box.olay {
    z-index: 50000
}

.tbk-menu-area .tab-item[data-type] span {
    padding: 5px 0
}

.tbk-menu-area .tab-item[data-type] span:before {
    content: "";
    background-size: 100%;
    background-repeat: no-repeat;
    display: block;
    margin: 0 auto;
    width: 40px;
    height: 40px;
    vertical-align: middle
}

.tbk-menu-area .tab-item[data-type="remen"] span:before {
    background-image: url("../images/remen.png");
    background-position: left center;
    background-size: 70%
}

.tbk-menu-area .tab-item[data-type="tiyu"] span:before {
    background-image: url("../images/tiyu.png")
}

.tbk-menu-area .tab-item[data-type="caipiao"] span:before {
    background-image: url("../images/caipiao.png")
}

.tbk-menu-area .tab-item[data-type="qipai"] span:before {
    background-image: url("../images/qipai.png");
    background-position: center center
}

.tbk-menu-area .tab-item[data-type="shixun"] span:before {
    background-image: url("../images/shixun.png");
    background-size: 70%
}

.tbk-menu-area .tab-item[data-type="dianzi"] span:before {
    background-image: url("../images/dianzi.png");
    background-position: center center
}

.tag-sharp-new-static {
    position: absolute;
    white-space: nowrap;
    top: 0.8em;
    right: -0.8em;
    z-index: 100;
    opacity: 0.7;
    transform: scale(0.8);
    -webkit-transform: scale(0.8)
}

.tag-sharp-new-static > span:first-child {
    position: absolute;
    overflow: hidden;
    white-space: nowrap;
    top: 0;
    right: 0;
    border-bottom: 20px solid #D50519;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    width: 80px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg)
}

.tag-sharp-new-static > span:last-child {
    color: #fff;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    position: absolute;
    top: 0;
    right: 1.8em;
    font-weight: bold
}

.tag-sharp-new-static[data-tag="new"] > span:first-child {
    border-bottom-color: #0ED396
}

.tag-sharp-new-static[data-tag="活动"] > span:first-child {
    border-bottom-color: #E3A009
}

.game-item .tag-sharp-new-static[data-tag="recommend"] {
    top: 0.7em;
    right: -0.7em
}

.game-item .tag-sharp-new-static[data-tag="recommend"] > span:first-child {
    border-bottom-color: #E3A009
}

.tbk-menu-area .menu-btn-area .menu-btn
span {
    text-align: left;
    padding-left: 2px
}

.common-module-home .tbk-menu-area .menu-btns {
    padding: 3px 2px
}

.common-module-home .left-btn {
    content: "<";
    position: absolute;
    top: 1em;
    left: 0
}

.common-module-home .right-btn {
    content: ">";
    position: absolute;
    top: 1em;
    right: 0
}

.tbk-menu-area .tab-item[data-type] span {
    padding: 5px 10px
}

.tbk-menu-area .tab-item[data-type] span:before {
    width: 2.6em;
    height: 2.6em;
    background-position: center;
    margin-bottom: 2px
}

.tbk-menu-area .tab-item[data-type="shixun"] span:before {
    background-position: center top
}

.tab-container
.wrapper {
    display: table
}

.tab-container .wrapper > * {
    display: table;
    white-space: nowrap
}

.tab-container .wrapper
.tabs {
    min-width: 100vw;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -o-box;
    display: box
}

.common-module-home .page-top-area {
    background-color: #F3574B
}

.common-module-home .user-info
.icon {
    color: #F9A8A4
}

.common-module-home .user-info
a {
    color: #fff !important
}

.carousel-indicators
li {
    background: none
}

.carousel-indicators
li.active {
    background-color: #fff;
    border: none
}

.btn-primary {
    background-color: #F3574B !important;
    border: none
}

.btn-primary:hover, .btn-primary:focus, .btn-primary:active {
    background-color: #F3574B !important
}

.layout-bottom .main-menu-area > div > a:focus, .layout-bottom .main-menu-area > div > a:active {
    color: #F25D45 !important
}

.common-module-home .notice-area {
    box-shadow: 1px 1px 8px #F9A8A4;
    border-radius: 8px;
    position: absolute;
    left: 5px;
    right: 5px;
    background-color: #fff;
    margin-top: -8px
}

.common-module-home .menu-btn-area {
    margin-top: 45px;
    background: none !important
}

.common-module-home .module-main {
    background-color: #fff
}

.common-module-home .menu-btn-area .menu-btn {
    background: none;
    border-radius: 0;
    border-top: none;
    border-left: none;
    border-width: 1px
}

.common-module-home .menu-btn-area > div > div {
    padding: 0;
    background-color: rgba(255, 255, 255, 0.8)
}

.common-module-home .menu-btn-area .menu-btn {
    padding: 5px
}

.tag-sharp {
    transform: scale(0.8, 0.8) rotate(-30deg);
    margin-top: -6px;
    margin-right: -5px;
    z-index: 1000
}

.common_style .home-bottom-btn {
    display: inline-block;
    padding: 15px;
    color: #666 !important
}

.common-module-home .notice-area .notice-icon {
    color: #F3554C
}

.common-module-home .notice-area
.info {
    color: #666
}

.common_style .module-top {
    background: #F3574B;
    border-bottom: none
}

.module-main .list-group-item:nth-child(even), .modal-body .list-group-item:nth-child(even) {
    background-color: #F9A8A4
}

.list-group-item, .common-module-moreMenu .main-container .list-group-item > a, .main-container.menu-area .list-group-item > a {
    color: #555
}

.layout-bottom .main-menu-area .fa, .layout-bottom .main-menu-area
.glyphicon {
    font-size: 22px
}

.layout-bottom .main-menu-area
.icon {
    font-size: 25px;
    line-height: 22px
}

.sport-module .match-item .rate-row, .sport-result-module .rate-row {
    color: #666
}

.sport-module .match-item .rate-row > div, .sport-result-module .rate-row > div {
    border-color: #eee
}

.sport-module .match-item {
    border-color: #eee
}

.member-exchange-module .main-refresh-btn {
    color: #eee;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
    padding: 4px;
    margin-right: 5px;
    position: absolute;
    top: 10px;
    margin-left: 5px
}

.member-exchange-module .container-common .list-group-item {
    color: #666
}

.member-exchange-module .module-bottom {
    background-color: #fff;
    border-top: none;
    box-shadow: 0 -2px 8px #bbb, inset 0 -1px 8px #eee;
    position: fixed;
    bottom: 53px
}

.member-exchange-module
.toolbar {
    padding: 0;
    font-size: 24px
}

.member-exchange-module .toolbar.common-container > div {
    padding: 0
}

.member-exchange-module .toolbar input, .member-exchange-module .toolbar
.btn {
    border: none;
    border-radius: 0;
    line-height: 30px;
    width: 100%;
    -webkit-appearance: none
}

.member-exchange-module .toolbar
input {
    margin: 0;
    box-shadow: none;
    font-size: 16px;
    vertical-align: middle;
    line-height: 20px;
    padding: 0 2px
}

.member-exchange-module .toolbar
.icon {
    text-align: right;
    padding: 0
}

.top-menu-area .tab
a {
    color: #fff
}

.member-level-module-manage .btn-sm {
    padding: 5px 8px
}

.member-level-module-default .common-form.form-inline
input {
    width: 100px;
    margin-right: 0
}

.member-level-module-default .module-bottom .form-group:first-child:after {
    content: "%";
    margin-right: 5px
}

.btn.btn-primary.order-item:before {
    color: #fff
}

.menu-area .member-info
.icon {
    font-size: 38px;
    padding-left: 0.33em
}

.menu-area .glyphicon, .menu-area
.fa {
    border-radius: 50%;
    padding: 0.33em;
    color: #fff !important;
    display: inline-block;
    width: 1.6em;
    height: 1.6em;
    box-shadow: 0 0 2px #888
}

.menu-area .fa-user {
    background-color: #2976DF;
    padding-left: 0.46em
}

.menu-area .fa-cube {
    background-color: #F3554C;
    padding-top: 0.25em
}

.menu-area .glyphicon-usd {
    background-color: #F18E29;
    padding-left: 0.3em;
    padding-top: 0.4em
}

.menu-area .glyphicon-list-alt {
    background-color: #9854E9;
    padding-left: 0.3em
}

.menu-area .fa-money {
    background-color: #9854E9;
    padding-left: 0.25em
}

.menu-area .fa-universal-access {
    background-color: #2976DF;
    padding-top: 0.3em
}

.menu-area .fa-link {
    background-color: #23C788;
    padding-left: 0.35em
}

.menu-area .glyphicon-bell {
    background-color: #F18E29
}

.menu-area .fa-dashboard {
    background-color: #337ab7
}

.menu-area .fa-info {
    background-color: #2976DF;
    padding-left: 0.6em
}

.menu-area .fa-hand-pointer-o {
    background-color: #F18E29
}

.menu-area .glyphicon-lock {
    background-color: #F25B48;
    padding-left: 0.35em
}

.module-main .form-group > label {
    width: 92px;
    text-align: center
}

.module-main .form-group > input, .module-main .form-group > select {
    margin-top: -34px;
    padding-left: 92px
}

.module-main .form-group .form-control {
    height: 38px;
    -webkit-appearance: none;
}

.main-container form .form-group {
    margin-bottom: 20px
}

.main-container
form {
    padding-top: 10px
}

.module-main .form-group
.info {
    color: #888
}

.member-module-login .form-group > input {
    margin-top: -42px;
    padding-left: 50px
}

.member-module-login .form-group > label {
    width: 50px;
    font-size: 24px
}

.payment-area {
    text-align: center;
    position: absolute;
    top: 50%;
    margin-top: -65px;
    width: 100%
}

.payment-area
.btn {
    margin: 10px
}

.top-container .dropdown .dropdown-menu:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    width: 200%;
    background-color: rgba(0, 0, 0, 0.2)
}

.top-container .dropdown .dropdown-menu {
    position: fixed;
    z-index: 15000;
    width: 50%;
    top: 0;
    bottom: 0;
    max-height: none;
    margin: 0;
    padding: 0;
    border-top: none;
    border-bottom: none;
    border-radius: 0;
    display: block;
    opacity: 0;
    transition-property: left, right;
    transition-duration: 0.5s;
    transition-timing-function: ease;
    border: none
}

.top-container .dropdown-menu .menu-head {
    text-align: center;
    color: #fff;
    font-size: 16px
}

.top-container .dropdown-menu .menu-head > span {
    padding: 15px 5px
}

.top-container .dropdown-menu .menu-body {
    position: absolute;
    top: 46px;
    bottom: 0;
    list-style: none;
    padding: 0;
    margin: 0;
    width: 100%;
    overflow: auto;
    background-color: #fff
}

.top-container .left-menu.dropdown .dropdown-menu:before {
    margin-right: -100%
}

.top-container .right-menu.dropdown .dropdown-menu:before {
    margin-left: -100%
}

.top-container .left-menu.dropdown.open .dropdown-menu:before {
    margin-right: -100%
}

.top-container .right-menu.dropdown.open .dropdown-menu:before {
    margin-left: -100%
}

.top-container .left-menu .dropdown-menu {
    left: -100%;
    box-shadow: 3px 0 8px rgba(0, 0, 0, 0.5)
}

.top-container .right-menu .dropdown-menu {
    right: -100%;
    box-shadow: -3px 0 8px rgba(0, 0, 0, 0.5)
}

.top-container .left-menu.dropdown.open .dropdown-menu {
    left: 0;
    opacity: 1
}

.top-container .right-menu.dropdown.open .dropdown-menu {
    right: 0;
    opacity: 1
}

.top-container .dropdown-menu li > a {
    padding: 10px 0;
    border-bottom: 1px solid #e5e5e5
}

.top-container .dropdown-menu li:last-child > a {
    border-bottom: none
}

.common-module-showContent .diy-scrollbar > div:first-child {
    display: inline-block
}

.common-module-showContent
p {
    margin: 1em 0
}

@media screen and (max-width: 320px) {
    .placeholder-fit .form-group > input::-webkit-input-placeholder {
        font-size: 12px
    }

    .placeholder-fit .form-group > input:-moz-placeholder {
        font-size: 12px
    }

    .placeholder-fit .form-group > input::-moz-placeholder {
        font-size: 12px
    }

    .placeholder-fit .form-group > input:-ms-placeholder {
        font-size: 12px
    }

    .member-module-register .main-container, .member-level-module-add .main-container {
        padding: 10px 9px
    }
}

@media screen and (max-width: 500px) {
    .common-module-home .menu-btn-area {
        margin-top: 36px
    }

    .menu-area .fa-universal-access {
        background-color: #2976DF;
        padding-top: 0.4em
    }
}

.member-module-recharge .payment.wangyin a:before {
    background-position: -210px 0
}