@charset "utf-8";

.sub-category {margin-bottom:0;}

@keyframes bounce {
    0% {transform:translateZ(0);}
    50% {transform:translate3d(0, -8px, 0);}
    100% {transform:translateZ(0);}
}

@keyframes blink-effect {
    50% {opacity: .3;}
}

@keyframes bounceOver {
    0% {transform:translateY(-80%);}
    50% {transform:translateY(-50%);}
    100% {transform:translateY(-80%);}
}

@keyframes bounceUnder {
    0% {transform:translateY(-50%);}
    50% {transform:translateY(-20%);}
    100% {transform:translateY(-50%);}
}

table {width:100%;}
.fw-bold {font-weight:700 !important;}
.text-end {text-align:right !important;}

[class*=el-col-] {float:left;box-sizing:border-box;}
.el-col-5 {width:20%;}
.el-col-6 {width:25%;}
.el-col-12 {width:50%;}

.el-row:after, .el-row:before {display: table;}
.el-row:after {clear: both;}

.el-progress-bar__inner:after, .el-row:after, .el-row:before, .el-slider:after, .el-slider:before, .el-slider__button-wrapper:after, .el-upload-cover:after {content: "";}

.el-tag {background-color:#ecf5ff;display:inline-block;height:32px;padding:0 10px;line-height:30px;font-size:12px;color:#409eff;border:1px solid #d9ecff;border-radius:4px;box-sizing:border-box;white-space:nowrap;}
.el-tag--small {height: 24px;padding: 0 8px;line-height: 22px;}

.el-input {position:relative;display:inline-block;width:100%;}
.el-input__inner {-webkit-appearance:none;background-color:#fff;background-image:none;border-radius:4px;border: 1px solid #dcdfe6;box-sizing:border-box;color:#606266;display:inline-block;font-size:inherit;height:40px;line-height:40px;outline:0;padding:0 15px;transition:border-color .2s cubic-bezier(.645,.045,.355,1);width:100%;}
.el-input__prefix, .el-input__suffix {position:absolute;top:0;transition:all .3s;-webkit-transition:all .3s;height:100%;color:#c0c4cc;text-align:center;}

.el-button {display:inline-block;line-height:1;white-space:nowrap;cursor:pointer;border:1px solid #dcdfe6;color:#606266;-webkit-appearance:none;text-align:center;box-sizing:border-box;outline:0;margin:0;transition:.1s;font-weight:500;padding:12px 20px;border-radius:4px;font-size:1rem;background-color:#fff;}
[type=button]:not(:disabled), [type=reset]:not(:disabled), [type=submit]:not(:disabled), button:not(:disabled) {cursor: pointer;}
.el-button:not(.is-shadow), .el-card {box-shadow:none;}
.el-card {border-radius:0;color:#fff;transition: .3s;}
.el-card, .el-message {border-radius:4px;overflow:hidden;}

.el-table {position:relative;overflow:hidden;box-sizing:border-box;flex:1;width:100%;max-width:100%;font-size:14px;color:#606266;}
.el-table--fit {border-right:0;border-bottom:0;}
.el-table__body-wrapper {width:100%;overflow:hidden;position:relative;}
.el-table__body, .el-table__footer, .el-table__header {table-layout:fixed;border-collapse:separate;caption-side:bottom;}

.el-table th {background-color:#272727 !important;border-top:2px solid #c43302;border-bottom:2px solid #c43302}
.el-table tr {background-color:#393838 !important;}
.el-table td.el-table__cell div {box-sizing: border-box;}
.el-table .cell {box-sizing:border-box;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-break:break-all;line-height:34px;padding-right:10px;font-size:14px;font-weight:500;color:#fff;padding:0;}
.el-table .is-center {text-align:center;}
.el-table td.el-table__cell>.cell {white-space:nowrap;}
.el-table td.el-table__cell.draw-wrap>.cell {line-height:17px;font-size:11px;}
.el-table td.el-table__cell.draw-wrap>.cell .vs {line-height:34px;}

.game-selector-horizontal {margin-bottom:10px;}
.game-selector-horizontal-item {cursor:pointer;text-wrap:nowrap;padding:10px 0 5px;font-size:13px;color:#fff;background-color:#272727;}
.game-selector-horizontal-item:not(:last-child) {margin-right:3px;}
.game-selector-horizontal-item.selected {background-color:#fecc39;font-weight:500;color:#000;}
.game-selector-horizontal-item .item-icon {width:30px;height:30px;background-size:30px;}
.game-selector-horizontal-item .item-icon img {max-width:100%;margin:0 auto;}
.game-selector-horizontal-item.selected .item-icon img {animation:bounce 1s infinite;}
.game-selector-horizontal-item .item-text {margin-top:5px;}
.game-selector-horizontal-item div {margin:0 auto;}

.game-book {background-color:#393838;padding:20px;}

.game-multi .el-card {border-width:0;border:none !important;}
.game-multi .el-card .el-card__header {border-top:2px solid #666;border-bottom:1px solid #666;padding:3px 0 3px;font-size:16px;color:#fff;}
.game-multi .league {height:21px;margin:5px 0;white-space:nowrap;overflow:hidden;}  
.game-multi .border {background-color:#272727;border: 1px solid #444 !important;}
.game-multi .team-name {overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;white-space:nowrap;}
.game-multi .team_img {width:20px;margin:0 5px 3px 5px;}
.game-multi .btn-bet {margin:1px;cursor:pointer;}
.game-multi .btn-bet:not(.no):hover {background-color:#fecc39;color:#000;}
.game-multi .btn-bet.btn-selected {/*background:linear-gradient(to bottom, #fecc39 0%, #272727 100%);*/background-color:#fecc39 !important;color:#000;}
.game-multi .el-table td {padding:4px 0;}
.game-multi .el-table tr td:first-child {margin-left:8px;}
.game-multi .oddz {min-width:48px;padding-right:.5rem;padding-left:.5rem;position:relative;flex-shrink:0;margin:0 auto;}
.game-multi .draw-oddz .oddz {padding:0;}
.game-multi .oddz i {position:absolute;top:50%;transform:translateY(-50%);}  
.game-multi .oddz i.handicap {color:orange;animation:blink-effect 1s step-end infinite;}
.game-multi .oddz i.under {color:#1e90ff;animation: bounceUnder 1s ease-in-out infinite;}
.game-multi .oddz i.over {color:tomato;animation:bounceOver 1s ease-in-out infinite;}
.game-multi .oddz.home-oddz {margin-left:15px;text-align:right;}
.game-multi .oddz.home-oddz i {left:-5px;}
.game-multi .oddz.away-oddz {margin-right:15px;text-align:left;}
.game-multi .oddz.away-oddz i {right:-5px;}  




@keyframes shake-animation {
    0% {transform: translate(0);}
    1.78571% {transform: translate(5px);}
    3.57143% {transform: translate(0);}
    5.35714% {transform: translate(5px);}
    7.14286% {transform: translate(0);}
    8.92857% {transform: translate(5px);}
    10.7143% {transform: translate(0);}
    100% {transform: translate(0);}
}
.shake {animation:shake-animation 4.72s ease infinite;transform-origin:50% 50%;}

//////////////////////////////////////////
// fade transition
//////////////////////////////////////////

/* 1. declare transition */
.fade-move,
.fade-enter-active,
.fade-leave-active {
  transition: all 1.2s cubic-bezier(0.55, 0, 0.1, 1);
}

/* 2. declare enter from and leave to state */
.fade-enter-from,
.fade-leave-to {
  opacity: 0;
  transform: scaleY(0.01);
}

/* 3. ensure leaving items are taken out of layout flow so that moving
      animations can be calculated correctly. */
.fade-leave-active {
  position: absolute;
}


.bet-slip {position:fixed;bottom:0px;z-index:12;width:100%;max-width:894px;padding:0;background-color:#fdf4d9}
.bet-slip .el-card__body,.bet-slip .el-card__header {padding:0}
.bet-slip>.el-card {border:1px solid #aeaeae!important;box-shadow:2px 2px 2px rgba(124,123,120,.3)!important;border-radius:5px!important}
.bet-slip--header {padding:0 15px;height:38px;line-height:38px;color:#000;font-size:15px;border-bottom:none}

.bet-slip--header--buttons>:not(:last-child) {padding-right:6px}
.bet-slip--header--buttons>:not(:first-child) {padding-left:6px}
.bet-slip--header--buttons>* {color:#000}
.bet-slip--header--buttons .bet-slip-toggle {min-width:70px;color:#000}
.bet-slip--header--cart {width:100%;display:flex;justify-content:space-between;align-items:center;}
.bet-slip--header--cart .el-switch {padding-left:20px}
.bet-slip--header .el-tag.el-tag--danger {border-color:tomato;color:#fff;background-color:tomato}
.bet-slip--item-container {padding:0 8px}
.bet-slip--item-container-header {margin:2px 0;height:30px;line-height:30px;background-color:#343c55;color:#95a0bf}
.bet-slip--item-container-header--type-btn {margin-left:2px;padding:0 8px;height:26px;line-height:26px;border:1px solid #373737;cursor:pointer}
.bet-slip--item-container-header--type-btn.disabled {color:#c43302}
.bet-slip--item-container-header--delete-all {padding-right:8px;cursor:pointer}

.bet-slip--item-container .el-card {margin-bottom:5px}
.bet-slip--item-container--empty {padding:8px;font-size:14px;color:#bcb9b9;text-align:center;background-color:#fff;}
.bet-slip--item-container--full {padding:1px 0;}
.bet-slip--item {width:100%;padding:7px 8px;color:#000!important;font-size:12px;border:1px solid #6d7078}
.bet-slip--item.el-card {background-color:transparent;width:100%;font-weight:700;background-color:#fff;}
.bet-slip--item--header {line-height:16px;margin-bottom:6px}
.bet-slip--item--header--match-time {font-size:11px;color:red}
.bet-slip--item--delete {margin-left:10px!important;padding:0!important;color:#000!important;border:0;}
.bet-slip--item--bet-detail {color:rgba(245, 108, 108)}
.bet-slip--item--bet-detail--market {color:#000!important}

.bet-slip--item-container-footer {margin-bottom:1px;padding:0 0 8px;font-size:15px;color:#000}
.bet-slip--item-container-footer--row-oddz {height:23px;line-height:23px;padding-bottom:6px;color:#c1c1c1}
.bet-slip--item-container-footer--row-input {margin-top:0}
.bet-slip--item-container-footer--row-input .el-row .el-col {margin-top:4px}
.bet-slip--item-container-footer--row-input .el-button {padding:0;height:40px;line-height:40px;font-size:15px!important;background-color:#f3f3f3;color:#000;text-align:center;cursor:pointer;border:1px solid #aeaeae;border-radius:5px}
.bet-slip--item-container-footer--row-input .el-button:focus,.bet-slip--item-container-footer--row-input .el-button:hover {background-color:#c43302;color:#fff}
.bet-slip--item-container-footer--row-expected-gold {margin-top:8px;padding:12px;background-color:#272727;color:#fff}
.bet-slip--item-container-footer--oddz {color:#fff;font-weight:700}
.bet-slip--item-container-footer--input input {padding:0 10px;height:40px;line-height:40px;background-color:#fff;font-size:15px;color:#c43302;border:1px solid #aeaeae;border-radius:5px}
.bet-slip--item-container-footer--input input:focus {border-color:#000}
.bet-slip--item-container-footer--input .el-input__clear,.bet-slip--item-container-footer--input .el-input__icon {line-height:30px}
.bet-slip--item-container-footer--input .el-input__suffix {right: 5px;}

.bet-slip--item-container-footer--input-max {width:64px;height:40px;line-height:40px;margin-left:4px;font-size:10px;background-color:#fff;color:#000;text-align:center;cursor:pointer}
.bet-slip--item-container-footer--input-reset {display:inline-block;color:#575555;width:20px;height:40px;line-height:40px;text-align:center;font-size:1.2rem}
.bet-slip--item-container-footer--expected-gold {font-size:18px;font-weight:700}
.bet-slip--item-container-footer--create-bet.el-button {padding:0;height:40px;line-height:40px;font-size:15px;font-weight:700;background-color:#c43302;color:#fff;text-align:center;cursor:pointer;border:1px solid #aeaeae;border-radius:5px!important;box-shadow:2px 2px 2px rgba(124,123,120,.3)!important}
.bet-slip--item-container-footer--create-bet.el-button:focus,.bet-slip--item-container-footer--create-bet.el-button:hover {background-color:#c43302;color:#fff}
.bet-slip .right--bar--box1 {height:137px;position:relative;border-radius:5px;margin-bottom:10px;border:1px solid #aeaeae;box-shadow:2px 2px 2px rgba(124,123,120,.3);padding:8px 13px;background-color:#fff}
.bet-slip .right--bar--box1 .user {font-size:21px;color:#000;font-weight:700;padding-bottom:5px}
.bet-slip .right--bar--box1--wrap {padding:5px 8px 4px 13px;font-size:15px;border:1px solid #aeaeae;box-shadow:2px 2px 2px rgba(124,123,120,.3);border-radius:5px;height:59px;background:linear-gradient(90deg,#fff,#efefef)}
.bet-slip .right--bar--box1--wrap img {width:20px}
.bet-slip .right--bar--box1--bottom {padding-top:5px;padding-left:3px}
.bet-slip .right--bar--box1--bottom a {padding:0 10px}

.bet-list .game-multi .el-table .cell {font-size:13px;}
.bet-list .game-multi .el-table .cell .border {padding:3px 0;}

.game-book .btn,
.game-multi .btn {font-size:13px;}

.btn-warning,
.btn-warning:hover {color:#fff !important;background-color:#010221 !important;border:1px solid #010221 !important;box-shadow:none;}
.btn-danger,
.btn-danger:hover {color:#fff !important;background-color:#c43302 !important;border:1px solid #c43302 !important;box-shadow:none;}


.game-selector--horizontal--item {text-wrap:nowrap;padding:10px 0;background-color:#393838;font-size:14px;color:#fff;text-align:center;font-weight:500;}
.game-selector--horizontal--item:not(.no) {cursor:pointer;}
.game-selector--horizontal--item.selected {background-color: #c43302;color:#fff;}
.game-selector--horizontal--item:not(:last-child) {margin-right:3px;}


.game-selector--horizontal--item .rounded-circle.gallery {width:20px !important;height:20px !important;}

.description.md {display:block;}

.description--bottom {background-color:#141414;color:#fff;font-size:13px;}
.description.md .description--bottom {padding:5px 0;}
.description--item {display:flex;margin-left:12px;}
.description--item>:nth-child(2) {margin-left:5px;}
.description--item .status-box.exception, .description--item .status-box.wait {position:relative;}
.description .exception, .description .wait {color:#fff !important;}
.description--button {display: flex;justify-content: end;margin:5px 0 20px;}

.btn-group-bet .btn,
.description--button .btn {font-size:13px;}

.description.md .description--item {padding:1px 0;}
.description.md .description--item:last-child {width:70px;text-align:center;display:block;height:100%;position:relative;}


.description.sm {display:none;}
.description.sm .description--item {padding:3px 0;}
.description.sm .description--bottom {padding:0;}
.description.sm .description--bottom > div {padding-right:12px;}
.description.sm .description--bottom > div:first-child {border-top:1px solid #666;border-bottom:1px solid #666;}
.description.sm .description--bottom .status-box {width:47px;text-align:right;}

.description--item label {margin-bottom:0;}

.table-bet-item-sport {font-size:13px;padding:3px 12px;}

.status-box {position:relative;margin:0 auto;}
.status-box:before {content:" ";width:10px;height:10px;position:absolute;left:8px;top:6px;background-size:100% 100%;}
.status-box.status-box-list:before {top:12px;}
/*.wait:before {background-image:url(/theme/BS4-Basic/img/bet/bets_01.png);}*/
.success {color:red !important;}
/*.success:before {background-image:url(/theme/BS4-Basic/img/bet/bets_02.png?v=1.3);}*/
.fail {color:#fecc39 !important;}
/*.fail:before {background-image:url(/theme/BS4-Basic/img/bet/bets_03.png?v=1.3);left:4px;}*/

.no-data.show {display:block;}
.no-data.hide {display:none;}

@media all and (max-width:575px) {
    .hide-m {display:none;}
    .el-table .cell {font-size:12px;}

    .game-selector-horizontal {flex-wrap:wrap;justify-content:start!important;margin-left:3px;}
    .game-selector-horizontal-item {font-size:12px;padding:6px 0;width:calc(25% - 3px)!important;margin-bottom:4px;}
    .game-selector-horizontal-item .item-icon {width:25px;height:25px;background-size:25px;}
    .game-selector-horizontal-item .item-text {margin-top:2px;}

    .game-book {padding:5px;}

    .game-multi .toggle-button-m {padding:3px 5px; font-size:13px;}
    .game-multi .el-card .el-card__header {font-size:13px;}

    .game-multi .oddz {padding-right:2px;padding-left:2px;}
    .game-multi .oddz.home-oddz {margin-left:0px;}
    .game-multi .oddz.home-oddz i {left:6px;}
    .game-multi .oddz.away-oddz {margin-right:0px;}
    .game-multi .oddz.away-oddz i {right:6px;}
    .game-multi .btn-bet:focus,
    .game-multi .btn-bet:hover {background-color:#272727 !important;color:#fff !important;}

    .game-multi .btn-bet.btn-selected {background-color:#fecc39 !important;color:#000 !important;}

    .bet-slip {bottom:70px;}
    .bet-slip--header {padding:0 10px;font-size:13px;}

    .description.md {display:none;}
    .description.sm {display:block;border-top:2px solid #c43302;}

    .fail:before {left:0;}

    .status-box.status-box-list:before {top:6px;left:-15px;}
}


@keyframes blink {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.blinking-text { animation: blink 2s infinite; }

.betting {height: 138px; position: relative; left:50%; transform:translateX(-50%); width:870px; }
.betting .abs { position: absolute; left: 0; right: 0; height: 2px; background: #fcf0ad; z-index: 2; top: 0px; }
.betting .wasdas { position:relative; display:flex; justify-content:space-between;}
.betting .wrap { background: url(img/resource9-5.png) no-repeat; height: 235px; width: 870px; background-position: 0 -2px; }

.betting .bet-input-box { position:relative; display:flex;}
.betting .bet-input-box .odd { background: url(img/resource9-5.png); background-position: -140px -412px; width: 125px; height: 138px; transform: scale(0.6); position: relative; cursor: pointer; }
.betting .bet-input-box .odd.active { background-position: -140px -252px; }
.betting .bet-input-box .left { background: url(img/resource9-5.png); background-position: -568px -252px; width: 125px; height: 138px; transform: scale(0.6); position: relative; cursor: pointer; }
.betting .bet-input-box .left.active { background-position: -1149px -252px; }
.betting .bet-input-box .right { background: url(img/resource9-5.png); background-position: -718px -252px; width: 125px; height: 138px; transform: scale(0.6); position: relative; cursor: pointer; }
.betting .bet-input-box .right.active { background-position: -1290px -252px; }
.betting .bet-input-box .line3 { background: url(img/resource9-5.png); background-position: -718px -428px; width: 125px; height: 138px; transform: scale(0.6); position: relative; cursor: pointer; }
.betting .bet-input-box .line3.active { background-position: -568px -428px; }
.betting .bet-input-box .line4 { background: url(img/resource9-5.png); background-position: -718px -588px; width: 125px; height: 138px; transform: scale(0.6); position: relative; cursor: pointer; }
.betting .bet-input-box .line4.active { background-position: -568px -588px; }
.betting .bet-input-box .even { background: url(img/resource9-5.png); background-position: 0px -412px; width: 125px; height: 138px; transform: scale(0.6); position: relative; cursor: pointer; }
.betting .bet-input-box .even.active { background-position: 0px -252px; }
.betting .betBlock { position: absolute; z-index: 10; top: 0; bottom: 0; left: 0; width: 0; visibility: hidden; text-align: center; color: white; background-color: rgba(0,0,0,.9); z-index: 10000; display: none; }
.betting .betBlock.active { display:block; width: 100%; visibility: visible; }
.betting .betBlock div {font-size:26px;line-height: 138px;}

.bet-list {width:870px; margin:0 auto;}

@media all and (max-width:870px) {
  .bet-list {width:100%;}

  .betting { width:100%; height:70px; margin:10px 0;}
  .betting .wrap { width:100%; background:none; }
  .betting .intro,
  .betting .bet-money-box,
  .betting .bet-message,
  .betting .bet-button2 {display:none;}
  .betting .betBlock div {font-size:18px;line-height:70px;}

  .betting .bet-input-box .odd { background-position: -53px -728px; width:63px; height:70px; transform: scale(0.8);}
  .betting .bet-input-box .odd.active { background-position: -142px -728px; }
  .betting .bet-input-box .left { background-position: -277px -482px; width:63px; height:70px; transform: scale(0.8);}
  .betting .bet-input-box .left.active { background-position: -364px -482px; }
  .betting .bet-input-box .right { background-position: -277px -563px; width:63px; height:70px; transform: scale(0.8);}
  .betting .bet-input-box .right.active { background-position: -364px -563px; }
  .betting .bet-input-box .line3 { background-position: -277px -644px; width:63px; height:70px; transform: scale(0.8);}
  .betting .bet-input-box .line3.active { background-position: -365px -643px; }
  .betting .bet-input-box .line4 { background-position: -277px -726px; width:63px; height:70px; transform: scale(0.8);}
  .betting .bet-input-box .line4.active { background-position: -363px -725px; }
  .betting .bet-input-box .even { background-position: -53px -644px; width:63px; height:70px; transform: scale(0.8);}
  .betting .bet-input-box .even.active { background-position: -142px -644px; }
}