/*

拖拽
*/
.slider2 {
  width: 50px;
  height: 50px;
  cursor: pointer;
  position: absolute;
  left: 10px;
  top: 10px;
  border: 4px solid #bfbfbf
}

.slider2 {
  background: #d2e0e9;
  border-radius: 50px;
  text-align: center;
  line-height: 14px;
}

.slider2 span {

  vertical-align: middle;
  color: #000000;
  -webkit-user-select: none;
  user-select: none;
  font-size: 12px;
  white-space: nowrap;
  /*强制不换行*/
  font-weight: bold;

  -webkit-user-select: none;
  /*不能选择文字*/
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;

}

#box {
  width: 100%;
  height: 100%;
  /*border:1px solid #91e27d;*/
  position: relative;



}

.all_list_brands_title_details_btn {
  width: 50px;
  height: 50px;
  text-align: center;
  font-size: 12px;
  line-height: 1.428571429;
  border-radius: 30px;
  margin-top: 30px;
  margin-left: 30px;
  float: left;
  background-color: red;
  border: 1px solid #d5d5d5;
}

#slider {
  width: 3600px;
  height: 1250px;

  background-image: url("../img/bg.jpg");
  overflow: hidden;
  background-size: cover;
}


.container1 {
  width: 960px;
  height: 540px;
  margin-top: 50px;
  margin-right: auto;
  margin-left: auto;
}

.dragscroll {
  /* border: 1px solid rgb(31, 40, 49);*/
  background-color: #283849;
  overflow: auto;
}

.vertical.dragscroll {
  width: 270px;
  height: 380px;
  float: left;
  padding: 10px;
}

.free.dragscroll {
  float: left;
  width: 100%;
  height: 500px;

}

.horizontal.dragscroll {
  margin-top: 10px;
  width: 700px;
  margin-left: auto;
  background-color: #000000;
  margin-right: auto;
}

.free,
.horizontal {
  cursor: -webkit-grab;
  cursor: -moz-grab;
  cursor: -o-grab;
  cursor: grab;
}


.free:active,
.horizontal:active {
  cursor: -webkit-grabbing;
  cursor: -moz-grabbing;
  cursor: -o-grabbing;
  cursor: grabbing;
}

/*
exception
*/
#excBox {
  /* border: 1px solid yellow; */
  float: left;
  width: 370px;
  height: 25px;
  margin-bottom: 5px;
  margin-top: 0px;

}

#excBox div {
  position: relative;
  float: right;
  width: 15px;
  height: 15px;
  margin-top: 5px;
  margin-bottom: 5px;
  margin-left: 3px;
  display: block;
}

#excBox div input {
  position: relative;
  float: right;
  width: 15px;
  height: 15px;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: -2px;
  display: block;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  opacity: 0;
}

#excBox_dashboard_exception {
  /* border: 1px solid yellow; */
  float: left;
  width: 120px;
  height: 25px;
  margin-bottom: 5px;
  margin-top: -15px;

}

#excBox_dashboard_exception div {
  position: relative;
  float: right;
  width: 15px;
  height: 15px;
  margin-top: 5px;
  margin-bottom: 5px;
  margin-left: 3px;
  display: block;
}

#excBox_dashboard_exception div input {
  position: relative;
  float: right;
  width: 15px;
  height: 15px;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: -2px;
  display: block;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  opacity: 0;
}


/* exception filter button style */
.excFilterS {
  background-color: rgb(0, 176, 240);
  border: 2px solid rgb(255, 255, 255);
}

.excFilterP {
  background-color: rgb(255, 0, 0);
  border: 2px solid rgb(255, 255, 255);
}

.excFilterE {
  background-color: rgb(255, 192, 0);
  border: 2px solid rgb(255, 255, 255);
}

.excFilterW {
  background-color: rgb(255, 255, 0);
  border: 2px solid rgb(255, 255, 255);
}

.excFilterN {
  background-color: rgb(0, 176, 80);
  border: 2px solid rgb(255, 255, 255);
}

#excList {
  /* border: 1px solid yellow; */
  float: left;
  width: 370px;
  height: 220px;
  margin-bottom: 10px;
  overflow: auto;
}

.clearItem {
  float: left;
  text-align: center;
  height: 15px;
  width: 15px;
  padding-bottom: 1px;
  margin-right: 10px;
  cursor: pointer;
}

.normal {
  color: rgb(0, 176, 80);
  margin-bottom: 5px;
}

.warning {
  color: rgb(255, 255, 0);
  margin-bottom: 5px;
}

.error {
  color: rgb(255, 192, 0);
  margin-bottom: 5px;
}

.priority {
  color: rgb(255, 0, 0);
  margin-bottom: 5px;
}

.service {
  color: rgb(0, 176, 240);
  margin-bottom: 5px;
}

/*
  EGM ->Dialog ->accounting
  */
#accounting {

  /* border: 1px solid yellow; */
  float: left;
  width: 370px;
  height: 220px;
  margin-bottom: 10px;
  overflow: auto;


}

.currentcredit {
  top: 70px;
  position: absolute;
}

.totalshiftcoinin {
  top: 100px;
  position: absolute;
}

.totalshiftcoinout {
  top: 130px;
  position: absolute;
}

.totalshiftdrop {
  top: 160px;
  position: absolute;
}

.totalshiftcancelcredit {
  top: 190px;
  position: absolute;
}

.currentbillin {
  top: 220px;
  position: absolute;
}

.currentticketin {
  top: 250px;
  position: absolute;
}

/*
EGM->Dialog->Member
*/
#memberContent {
  float: left;
  width: 470px;
  height: 320px;
  margin-bottom: 10px;
  overflow: auto;

}

#currentCreditBox {
  position: absolute;
  background-color: green;
  top: 210px;
  left: 15px;
  width: 115px;
  height: 120px;
}

.AFTvalue {
  position: relative;
  top: 3px;
  left: 10px;
  width: 100px;
  font-size: 20px;
  text-align: right;
}

.aftButton {
  position: relative;
  top: 3px;
  left: 10px;

}

#restrictedCreditBox {
  position: absolute;
  background-color: orange;
  top: 210px;
  left: 140px;
  width: 115px;
  height: 120px;
}

.memberCreditLabel {
  color: white;
  font-size: 13px;
}

.memberCredit {
  color: white;
  font-size: 20px;
  width: 110px;
  text-align: right;
}

#egmCreditBox {
  position: absolute;
  background-color: blue;
  top: 210px;
  left: 265px;
  width: 120px;
  height: 120px;
}

.photo>img {
  border: solid 1px white;
  height: 100px;
  width: 100px;
  top: 90px;
  right: 30px;
  position: absolute;
  overflow: hidden;
}

.membername {
  top: 70px;
  font-size: 12px;
  position: absolute;
}

.level {
  top: 85px;
  font-size: 12px;
  position: absolute;
}

.member_coin_in {
  top: 100px;
  font-size: 12px;
  position: absolute;
}

.member_coin_out {
  top: 115px;
  font-size: 12px;
  position: absolute;
}

.member_ticket_in {
  top: 130px;
  font-size: 12px;
  position: absolute;
}

.member_ticket_out {
  top: 145px;
  font-size: 12px;
  position: absolute;
}

.member_bill_in {
  top: 160px;
  font-size: 12px;
  position: absolute;
}

.member_game_play {
  top: 175px;
  font-size: 12px;
  position: absolute;
}

.member_login {
  top: 190px;
  font-size: 12px;
  position: absolute;
}