@charset "UTF-8";
/*!
 * Author: susan
 * Update by 2019-12-06
 */

/*========== lottery 彩票 =================*/

.nav-lottery-tabs {margin: 0;padding-right: 0;border: none;}
.nav-lottery-tabs li{display: block;width: 100%;border: 1px solid  #2a2e39;background: #10101a;}
.nav-lottery-tabs li.active,.nav-lottery-tabs li:hover{background: #2a2e39 repeat-x;}
.nav-lottery-tabs li .lottery-icon{display: inline-block;vertical-align: middle;  width: 60px;  height: 60px;margin: 0 10px 0 30px;transition: .3s;font-size: 30px;  line-height: 60px;  text-align: center;}

.nav-lottery-tabs>li>a{border: none;color: #fff;font-size: 14px;line-height: 38px;font-weight: bold;cursor: pointer;display: block;padding: 0 ;}
.nav-lottery-tabs>li.active>a, .nav-lottery-tabs>li.active>a:hover, .nav-lottery-tabs>li.active>a:focus{background: transparent;border: none;cursor: pointer;}
.nav-lottery-tabs>li.active>a,.nav-lottery-tabs>li:hover>a, .nav-lottery-tabs>li.active>a:hover, .nav-lottery-tabs>li.active>a:focus {  color: #00b5fe;}
.main-lottery .game-item { width: 100%; background: #2a2e39; }
.main-lottery .game-item .title{text-align: center;}
.main-lottery .game-item .title .btn-play{ height: 56px; line-height: 56px; background: #212531;display: block; }
.main-lottery .game-item .title .btn-play:hover { background: #363c4f; }
.main-lottery .game-item .item {width: 100%;  height: 180px; position: relative; display: block; overflow: hidden; background: transparent; border-radius: 3px; padding: 5px; }
.main-lottery .game-item .item .game-img { width: 100%; height: 170px;  overflow: hidden; z-index: 0; text-align: center; line-height: 170px; }
.main-lottery .lottery_list{margin-bottom: 20px;}
.game-item .item .cover {  width: 100%;  height: 100%;  position: absolute;  z-index: 5;  overflow: hidden;  display: none;top: 0; left: 0;transition: .3s; }
.game-item .item .cover .cover-name {  width: 60%;  height: 30px;  position: relative;  margin: 74px auto;  line-height: 30px;  color: #fff;  text-align: center;  z-index: 2;  text-shadow: 0 1px 0 #000;  border: 1px solid #575757;  }
.game-item:hover .item .cover{display: block;}

.game-list_02 .nav-lottery-tabs li {  border: 1px solid #222222;  background: #222222;  }
.game-list_02 .nav-lottery-tabs li.active,.game-list_02  .nav-lottery-tabs li:hover {  background: #272727;  }
.game-list_02 .nav-lottery-tabs>li.active>a,.game-list_02  .nav-lottery-tabs>li:hover>a,.game-list_02  .nav-lottery-tabs>li.active>a:hover,.game-list_02  .nav-lottery-tabs>li.active>a:focus {  color: #ff9300;  }
.main-lottery .game-list_02 .game-item {  height: 160px;  width: 100%;  background: #272727;  border: 2px solid #272727;  transition: all .3s;  }
.main-lottery .game-list_02 .game-item:hover {  border-color: #cebf6e;  }
.main-lottery .game-list_02 .game-item .item {  width: 100%;  height: 100%;  background: none;  margin: 0;  padding: 0 30px;  }
.main-lottery .game-list_02 .game-item .game-img {  display: inline-block;float: left;width: 150px;  height: 150px;  line-height: 150px;  }
.main-lottery .game-list_02 .game-item img {  width: 80%;  margin: 10%;  }
.main-lottery .game-list_02 .game-item .title {   display: inline-block;float: right;width: 150px;  text-align: center;  }
.main-lottery .game-list_02 .game-item .title span {  display: block;  width: 104px;  height: 27px;  margin: 0 auto;  line-height: 23px;  text-align: center;  border-radius: 11.5px;  margin-top: 13px;  color: #959595;  border: 2px solid #959595;  transition: all .3s;  }
.main-lottery .game-list_02 .game-item span.lottery_title {  width: 100%;  font-size: 19px;  color: #fff;  border: none;  position: relative;  top: 5px;  }
.main-lottery .game-list_02 .title span:hover {  color: #cebf6e;  border-color: #cebf6e;  }