#systemPopupContainer {
    width: 1000px;
    height: auto;
    position: fixed;

    background: #383838;
    box-sizing: border-box;
    padding: 20px;
    max-height: 700px;

    right: calc(50% - 500px);
    top: 80px;
    z-index: 999999;
    padding-top: 70px;
}

.systemPopupContainer {
    width: 100%;
    height: auto;
    position: absolute;

    background: #383838;
    box-sizing: border-box;
    padding: 20px;
    max-height: 700px;
    overflow-y: auto;
    right: calc(50% - 500px);
    top: 60px;
    z-index: 999999;

}
.systemPopupContainerHeader {
    width: 100%;
    height: 50px;
    line-height: 50px;
    box-sizing: border-box;
    background: #2c2c2c;
    font-size: 14px;
    color: #fde054;
    font-family: 'CrystalBetUni-Medium';
    padding-left: 30px;
    position: absolute;
    left: 0;
    top: 0;
    cursor: move;
}
.systemPopupContainerClose {
    position: absolute;
    width: 50px;
    height: 50px;
    right: 0;
    top: 0;
    cursor: pointer;
}
.systemPopupContainerClose:hover:after {
    opacity: 0.5;
}
.systemPopupContainerClose:after {
    content: '';
    background: url('../Images/Sport/systemTicket.png') no-repeat;
    background-position: -10px -10px;
    width: 12px;
    height: 12px;
    position: absolute;
    left: calc(50% - 6px);
    top: calc(50% - 6px);

}




/* width */
.systemPopupContainer::-webkit-scrollbar {
  width: 10px;
}

/* Track */
.systemPopupContainer::-webkit-scrollbar-track {
  background: #383838; 
}
 
/* Handle */
.systemPopupContainer::-webkit-scrollbar-thumb {
  background: #888;
  border-radius: 5px;
}

/* Handle on hover */
.systemPopupContainer::-webkit-scrollbar-thumb:hover {
  background: #555; 
}        
.systemPopupContainer.loader:after {
    content: 'LOADING...';
    font-family: 'CrystalBetUni-Medium';
    font-size: 14px;
    color: #fde053;
    text-align: center;
    box-sizing: border-box;
    padding-top: 100px;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: rgba(0,0,0,0.2);
    z-index: 2;
}
.list {
    width: 100%;
    height: 40px;
    line-height: 40px;
}


.systemRadioBt {
    display: inline-block;
    width: 18px;
    height: 18px;
    box-sizing: border-box;
    cursor: pointer;
    background: #4c4c4c;
    border-radius: 3px;
    position: relative;
}
.systemRadioBt.active:after {
    content: '';
    background: url(../Images/Sport/systemTicket.png) no-repeat;
    background-position: -32px -10px;
    width: 10px;
    height: 8px;
    position: absolute;
    left: calc(50% - 5px);
    top: calc(50% - 4px);    
}


.systemRadioBt.win.active {
    background: #339810;
}
.systemRadioBt.loose.active {
    background: #e92e2e;
}
.systemRadioBt.canceled.active {
    background: #e0a412;
}

.systemSeletcValue {
    width: 60px;
    height: 30px;
    line-height: 30px;
    cursor: pointer;
    box-sizing: border-box;
    border-radius: 3px;
    background: #fff;
    padding-left: 7px;
    font-size: 13px;
    color: #1d1d1d;
    font-family: 'CrystalBetUni-Medium';
    position: relative;
}
.systemSeletcValue:after {
    content: '';
    background: url(../Images/Sport/systemTicket.png) no-repeat;
    background-position: -52px -10px;
    width: 10px;
    height: 5px;
    position: absolute;
    right: 10px;
    top: calc(50% - 2.5px);     
}
#systemSeletc.active .systemSeletcValue:after {
    transform: rotate(180deg);
}


.systemSeletcList {
    width: 60px;
    height: 30px;
    line-height: 30px;
    cursor: pointer;
    box-sizing: border-box;
    border-radius: 3px;
    background: #fff;
    padding-left: 7px;
    font-size: 13px;
    color: #1d1d1d;
    font-family: 'CrystalBetUni-Medium';
    margin-top: 1px;
}
.systemSeletListContainer {
    display: none;
}
#systemVariantList {
    width: calc(100%);
    box-sizing: border-box;
    position: relative;
    box-sizing: border-box;
    background: #4d4d4d;
    font-family: 'CrystalBetUni-Medium';

}


.systemVariantList {
    height: 40px;
    line-height: 40px;
    box-sizing: border-box;
    border-right: 1px solid #383838;
    border-bottom: 1px solid #383838;
    font-size: 14px;
}
.systemVariantList.header {
    background: #474747;
    font-size: 12px;
    color: #d0d0d0;
    position: sticky;
    position: -webkit-sticky;
    top: -20px;
    z-index: 1;        
}
.systemVariantList.header span,
.systemVariantList.header .systemVariantList-odd-sum,
.systemVariantList.header .systemVariantList-win{
    color: #d0d0d0 !important;
}
.systemVariantList-win{
    color: #48c81c !important;
}
.systemVariantList-win.w_0{
    color: #fff !important;
}

.systemVariantList div {
    float: left;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    box-sizing: border-box;
}
.systemVariantList-number {
    width: 40px;
    color: #d0d0d0;
}
.systemVariantList-odd-container {
    width: calc(100% - 195px);
    display: flex;
}
.systemVariantList-odd-container span {
    display: block;
    border-left:  1px solid #383838;
    flex-grow: 1;
    width: inherit;
    color: #48c81c;

}
.systemVariantList-odd-container span.red {
    color: #ff3a3a;
}
.systemVariantList-odd-container span.canceled {
    color: #e0a412;
}
.systemVariantList-odd-sum {
    width: 65px;
    border-right: 1px solid #383838;
    border-left: 1px solid #383838;
    color: #ffffff;
}
.systemVariantList-win {
    width: 90px;
    color: #ffffff;
}
#test {
    width: 1000px;
    margin-top: 50px;
}
#clickall {
    width: 200px;
    height: 55px;
    background: green;
    cursor: pointer;
    text-align: center;
    line-height: 55px;
    background: #fde053;
    border-radius: 4px;
    font-size: 14px;
    color: #1f1a01;
    font-family: 'CrystalBetUni-Bold';
    margin: 25px auto;
}
#clickall:hover {
    background: #fcf178;
}
#clickall span {
  display: block;
}
#clickall div {
  display: none;
}

#clickall.loader, #clickall.loader:hover {
  background: #313131;
  color: #fff;
  cursor: none;
}
#clickall.loader span {
  display: none;
}
#clickall.loader div {
  display: block;
}

#clickall.loader .transfer-arrow.loading-default {
    margin-left: 96px;
    margin-top: 16px;
  }
#plusOne {
    position: absolute;
    left: 90px;
    top: 43px;
    display: block;
    width: 16px;
    height: 16px;
    box-sizing: border-box;
    background: #fff;
    border-radius: 3px;
    cursor: pointer;
    text-align: center;

}
#plusOne span {
    font-size: 13px;
    font-family: 'CrystalBetUni-Medium';
    position: absolute;
    color: #fff;
    display: block;
    line-height: 16px;
    right: -20px;
    width: 16px;
    height: 16px;
}
#plusOne.active:after {
    content: '';
    background: url(../Images/Sport/systemTicket.png) no-repeat;
    background-position: -103px -10px;
    width: 10px;
    height: 10px;
    position: absolute;
    left: calc(50% - 5px);
    top: calc(50% - 5px);
}



#systemOddList {
    width: 100%;
    background: #2c2c2c;
    border-radius: 3px;
    box-sizing: border-box;
    position: relative;
    margin: 10px 0 20px 0;
    padding-bottom: 10px;
}
.SystemOddListHeader {
    width: 100%;
    height: 40px;
    background: #262626;
    border-bottom: 1px solid #383838;
    font-family: 'CrystalBetUni-Medium';
    line-height: 40px;
    font-size: 11px;
    margin-bottom: 10px;
    color: #878787;
    -webkit-border-top-left-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-topright: 3px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}
.SystemOddList {
    float: left;
    position: relative;
    box-sizing: border-box;
    position: relative;
}
.SystemOddList-1 {
    width: 300px;
    text-align: left;
    padding-left: 16px;
}
.list .SystemOddList-1 {
    font-size: 13px;
    color: #fff;
    font-family: 'CrystalBetUni-Medium';
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;    
}
.list .SystemOddList-1 span {
    color: #989898
}
.SystemOddListHeader .SystemOddList-2-1 {
  line-height: 40px;
}
.SystemOddList-2-1 {
    width: calc(100% - 796px);
    text-align: left;
    margin-right: 10px;
    padding-top: 7px;
    line-height: 14px;
}
.SystemOddList-2-1 div {
  font-size: 11px;
  color: #989898;
  font-family: 'CrystalBetUni-Medium';
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.SystemOddList-2-1 font {
  font-size: 11px;
  color: #fff;
  font-family: 'CrystalBetUni-Medium';
  line-height: 1;
}
       
.SystemOddList-2 {
    width: 70px;
    text-align: center;
    margin-right: 40px
}
.list .SystemOddList-2 {
    font-size: 13px;
    color: #989898;
    font-family: 'CrystalBetUni-Medium';
}
.SystemOddList.SystemOddList-3 input {
    width: 100%;
    height: 30px;
    border-radius: 3px;
    border: none;
    outline: none;
    text-align: center;
    color: #2c2c2c;
    font-size: 15px;
    font-family: 'CrystalBetUni-Bold';

}
.SystemOddList-3 {
    width: 120px;
    text-align: center;
    margin-right: 30px;
}
.SystemOddList-4 {
    width: 75px;
    color: #339810;
    text-align: center;
}
.SystemOddList-5 {
    width: 75px;
    color: #f22e2e;
    text-align: center;
}
.SystemOddList-6 {
    width: 75px;
    color: #e0a412;
    text-align: center;
}

.systemTop-1 {
    width: 260px;
    height: 80px;
    position: relative;
    box-sizing: border-box;
    border: 1px dashed #6b6b6b;
    border-radius: 4px;
    margin-right: 10px;
    float: left;
}
.systemTop-2 {
    width: calc(100% - 270px);
    height: 80px;
    position: relative;
    box-sizing: border-box;
    border: 1px dashed #6b6b6b;
    border-radius: 4px;
    float: left;
}
.clear {
    clear: both;
}
#systemSeletc {
    z-index: 1;
    position: absolute;
    left: 20px;
    top: 35px;
}
#ticketMoney {
    width: 100px;
    height: 30px;
    background: #fff;
    border-radius: 4px;
    position: absolute;
    right: 20px;
    top: 35px;
    border: none;
    outline: none;
    font-size: 15px;
    color: #1d1d1d;
    font-family: 'CrystalBetUni-Bold';
    text-align: right;
    padding-right: 30px;
    box-sizing: border-box;

}
.systemTop-1-title-1 {
    width: 60px;
    height: 27px;
    text-align: center;
    line-height: 27px;
    color: #fff;
    font-size: 12px;
    font-family: 'CrystalBetUni-Medium';
    position: absolute;
    top: 8px;
    left: 20px;

}
.systemTop-1-title-2 {
    width: 100px;
    height: 27px;
    text-align: center;
    line-height: 27px;
    color: #fff;
    font-size: 12px;
    font-family: 'CrystalBetUni-Medium';
    position: absolute;
    top: 8px;
    right: 20px;

}
.systemTop-1-title-2 span {
    display: block;
    position: absolute;
    z-index: 1;
    font-size: 15px;
    color: #1d1d1d;
    font-family: 'CrystalBetUni-Bold';
    right: 15px;
    bottom: -29px;

}
.systemTop-2-list {
    height: 38px;
    float: left;
    width: 24%;
    border-right: 1px solid #6b6b6b;
    font-size: 13px;
    color: #fff;
    font-family: 'CrystalBetUni-Medium';
    box-sizing: border-box;
    padding-top: 5px;
    line-height: 15px;
    margin-top: 19px;
    padding-left: 18px;
}
.systemTop-2-list span {
    font-size: 16px;
    color: #fde053;
    font-family: 'CrystalBetUni-Bold';
    display: block;
}
.systemTop-2-list-1 {
    width: 28%;
}
.systemTop-2-list-4 {
    border-right: none;
}

.systemPopupContainer textarea:disabled, .systemPopupContainer input:disabled {
    background-color: #fff;
}
#datafildUpdate {
    width: 300px;
    height: 70px;
    text-align: center;
    line-height: 70px;
    background: #fde053;
    cursor: pointer;
}

#body.view_1024 .systemBt {
    font-size: 12px;
    padding-left: 40px;
}

.systemBt {
    width: 93%;
    border-radius: 4px;
    box-sizing: border-box;
    position: relative;
    cursor: pointer;
    margin: 0 auto;
    height: 46px;
    background: #3e3e3e;
    display: block;
    font-size: 13px;
    color: #fff;
    text-decoration: none;
    font-family: 'CrystalBetUni-Medium';
    line-height: 46px;
    text-align: left;
    padding-left: 50px;
}
.systemBt:after {
    content: '';
    background: url(../Images/Sport/systemTicket.png) no-repeat;
    background-position: -72px -10px;
    width: 21px;
    height: 21px;
    position: absolute;
    left: 13px;
    top: calc(50% - 10.5px);    
}