/*content*/
.catetory-tit{
  background: url("../images/slot-tit-bg.jpg")/*tpa=https://www.fcc666.com/images/slot-tit-bg.jpg*/;
  color: #fff;
  font-size: 22px;
  line-height: 64px;
  height: 64px;
  text-align: center;
}
.tab-game-catetory{
  border-bottom: 3px solid #d4d4d4;
  margin-bottom: 10px;
}
.tab-game-catetory>li{
  float: none;
  position: relative;
}
.tab-game-catetory>.active:after{
  content: '';
  position: absolute;
  width: 4px;
  top: 0;
  bottom: 0;
  right: 0;
  background: #ffa524;
}
.tab-game-catetory>li>a{
  background: #e7e7e7;
  border-bottom: 1px solid #d4d4d4;
  height: 48px;
  line-height: 48px;
  padding-left: 88px;
  text-align: left;
}
.tab-game-catetory>.active>a{
  background: #8ec8ef;
  border-bottom-color: transparent;
  color: #fff;
}

/*真人娱乐*/
.live-slider{
  margin-top: 42px;
  margin-bottom: 110px;
}
.live-slider>li{
  position: relative;
  float: left;
  width: 25%;
  height: 523px;
  overflow: hidden;
  transition: .3s width ease;
  cursor: pointer;
}
.live-slider>.active{
  width: 40%;
}
.addcss>.active{
  width: 55%;
}
.addcss>li{
  position: relative;
  float: left;
  width: 45%;
  height: 523px;
  overflow: hidden;
  transition: .3s width ease;
  cursor: pointer;
}
.live-slider h1{
  position: absolute;
  font-size: 24px;
  right: 100px;
  bottom: 20px;
  color: #fff;
  z-index: 1;
  transition: .2s .2s;
}
.live-slider>.active h1{
  bottom: 360px;
}
.live-slider .hover-content{
  position: absolute;
  width: 268px;
  top: 0;
  bottom: 0;
  right: -268px;
  padding-top: 188px;
  transition: .2s right linear .14s;
}
.live-slider .active .hover-content{
  right: 0;
}
.live-slider .hover-content{
  color: #fff;
  background:transparent\9;
  background: rgba(45,70,120,.8);
  zoom: 1\9;
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#2D4678FF,endColorstr=#2D4678FF);
}
.live-slider .hover-content .desc{
  line-height: 1.6;
  margin-bottom: 50px;
  padding-left: 28px;
  padding-right: 28px;
}

/*手机投注
 *=======*/
.phone-wp{
  padding-top: 64px;
  padding-bottom: 60px;
}
.phone-banner img{
  width: 100%;
  max-height: 426px;
}
.phone-wp .icon-flash{
  font-size: 20px;
}
.box-gray{
  background: #ecf0f6;
}
.phone-content .h2{
  font-size: 24px;
}
.phone-content .h2 small{
  font-size: 65%;
}
.phone-content .h2,
.phone-content .section{
  margin-bottom: 40px;
}
.phone-content .pic{
  float: left;
  margin-right: 20px;
}
.phone-content .h3{
  color: #4b81dd;
  font-size: 18px;
}
.phone-content p{
  line-height: 1.6;
}
.phone-content .link{
  padding: 0 4px;
  color: #cf0f32;
  text-decoration: underline;
}
/*关于我们
========*/
.aboutus-box{
   border-top: 6px solid #b0d8f4;
   background: #fff;
   padding:0 28px 110px;
   margin-bottom: 110px;
}
.aboutus-box .contact-info p{
  line-height: normal;
}
.aboutus-box .contact-info .iconfont{
  height: 50px;
  line-height: 50px;
  margin-right: 8px;
  text-align: center;
  width: 50px;
  font-size: 30px;
  background: #e8e8e8;
  color: #2c98de;
  border-radius: 50%;
}


/* 注册
=======*/
.reg-wp{
  padding-top: 56px;
  position: relative;
  background: linear-gradient(to bottom,#bed0ef 0%, #c6d9f9 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bed0ef', endColorstr='#c6d9f9',GradientType=0 );
}
.reg-inner-wp{
  max-width: 1000px;
  position: relative;
  background: #fff;
}
.reg-wp .ele{
  background-image: url("../images/reg-bg.png")/*tpa=https://www.fcc666.com/images/reg-bg.png*/;
  position: absolute;
}
.reg-wp .ele-1{
  background-position: -16px 0;
  width: 583px;
  height: 163px;
  bottom: 0;
  left: 6.406%;
}
.reg-wp .ele-2{
  background-position: -360px -246px;
  width: 291px;
  height: 119px;
  bottom: 0;
  right: 7.023%;
}
.reg-wp .ele-superman{
  background-position: 0 -193px;
  width: 348px;
  height: 358px;
  right:12.29%;
  top: 50%;
  margin-top: -179px;
}
.reg-wp .ele-triangle{
  background-position: -356px -447px;
  width: 64px;
  height: 53px;
  left: 20%;
  top: 46%;
}
.reg-wp .light-off{
  position: absolute;
  top: 0;
  right: 18%;
}
.light-off .line{
  border-left: 1px solid #fff;
  height: 200px;
  margin-left:26px;
}
.light-off .icon-hexagon{
  color: #fff;
}
.light-off .icon-hexagon:before{
  vertical-align: middle;
  color: #ffd800;
  font-size: 54px;
  margin-right: -42px;
}
.form-reg{
  position: relative;
}
.form-reg,
.form-reg legend{
  color: #787878;
}
.form-reg legend{
  font-size: 18px;
  height: 68px;
  line-height: 68px;
  padding-left: 18px;
  margin-bottom: 20px;
  border-bottom: 1px solid #e4e4e4;
}

.form-reg .label{
  text-align: right;
  font-weight: normal;
}
.form-reg .ipt-txt{
  width: 455px;
}
.form-reg .btn-reg{
  font-size: 18px;
  width: 455px;
  height: 38px;
}
.form-reg .ipt-tip{
  padding-left: 1em;
  padding-top: .6em;
}
.form-reg .pl{
  padding-left: 120px;
}
.form-reg .reback{
  margin-left: 10px;
}
.form-reg .ipt-group label.error-tip{
  left: 586px;
  top: 0;
}
.form-reg .ipt-group input.error-tip,
.form-reg .ipt-group input.error-tip:focus{
  outline: rgba(255, 0, 0, .6);
  box-shadow: 0 0 6px rgba(255, 0, 0, .6);
  border: 1px solid #fc4949;
}
.footer-wp-2{
  position: relative;
  box-shadow: 0 -4px 6px rgba(0,0,0,.3);
  height: 80px;
  line-height: 80px;
  text-align: center;
}
/* 优惠活动
========*/
.bg{
  background: #eee;
}
.promotion-info:before,
.promotion-info:after{
  display: table;
  content: '';
}
.promotion-info:after {
  clear: both;
}
.promotion-main{
  padding-top: 15px;
}
.aside-promotion{
  padding: 0;
}
.aside-promotion h2{
  height: 60px;
  line-height: 60px;
  font-size: 22px;
  color: #fff;
  background: #5c8cdd;
  text-align: center;
}
.tab-promotion>li a{
  display: block;
  height: 56px;
  line-height: 56px;
  padding-left: 50px;
  border-bottom: 1px solid #ebebeb;
  text-align: left;
  color: #6b6b6b;
  background: #fff;
}
.tab-promotion>.active a{
  color: #f54f33;
}
.tab-promotion>li .iconfont{
  font-size: 20px;
  margin-right: 10px;
}
.promotion-item{
  margin-bottom: 20px;
  color: #414141;
  background: #fff;
  box-shadow: 0 4px 8px rgba(0,0,0,.3);
}
.promotion-item .promotion-info{
  position: relative;
  height: 223px;
  overflow: hidden;
  cursor: pointer;
}
.promotion-info:before,
.promotion-info:after{
  content: '';
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  visibility: hidden;
  opacity: 0;
  filter: alpha(opacity=0);
}

.promotion-info .pic img{
  width: 100%;
  -webkit-transition: all .2s;
  transition: all .2s;
}
.promotion-info:hover .pic img{
  -webkit-transform: scale(1.04);
  transform: scale(1.04);
  opacity: .75;
}
.promotion-info .promotion-desc{
  position: absolute;
  height: 43px;
  line-height: 43px;
  padding-left: 30px;
  left: 0;
  right: 0;
  bottom:0;
  background: #000;
  background: rgba(0,0,0,.57);
  color: #fff;
}
.promotion-info .promotion-tit{
  font-size: 18px;
  display: inline-block;
}
.promotion-info:hover .promotion-tit{
  animation:bounceInRight .7s both;
  -webkit-animation:bounceInRight .7s both;
}
.promotion-info .promotion-desc time{
  font-size: 14px;
  padding-left: 20px;
  color: #f00;
}
.promotion-info .promotion-desc time span{
  color: #fff;
}

.promotion-info .btn-info{
  float: right;
  width: 140px;
  height: 46px;
  color: #fff;
  font-size: 14px;
  text-align: center;
  background: #4d85e6;
  margin-top: -3px;
}
.promotion-info .btn-info:before{
  position: absolute;
  right: 140px;
  top: -3px;
  display: inline-block;
  content: '';
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 0 46px 14px;
  border-color: transparent transparent #4d85e6 transparent;
}
.promotion-item .promotion-content{
  display: none;
  padding: 20px 20px 0;
}
.promotion-item.active .promotion-content{
  display: block;
}

.promotion-content strong,
.promotion-content em{
  font-weight: 600;
}
.promotion-content p,
.promotion-content h3,
.promotion-content div{
  margin-top: 16px;
  margin-bottom: 16px;
}
.promotion-content p,
.promotion-content h2{
  line-height: 1.6;
}
.promotion-content h2{
  font-size: 22px;
  font-weight: 700;
}
.promotion-content h3{
  font-size: 16px;
  font-weight: 700;
}
.promotion-content .table{
  border: 1px solid #fff;
}
.promotion-content .table th{
  font-size: 14px;
  background: #4d85e6;
  border: 1px solid #fff;
  color: #fff;
}
.promotion-content .table td{
  background-color: #eee;
  border: 1px solid #fff;
}
.promotion-content .table tr:hover td{
  background-color: #ddd;
}
.promotion-item .btn-reback{
  display: block;
  padding: 12px 14px;
  margin-left: -20px;
  margin-right: -20px;
  color: #fff;
  background: #4d85e6;
}


/*vip专区
=========*/
.vip-info{
  padding: 56px 0 50px;
}
.vip-info .tit{
  font-size: 30px;
  margin-bottom: 30px;
}
.vip-info .tit,
.vip-info .desc,
.vip-info .pic-wp{
  text-align: center;
}
.vip-info .desc,
.vip-info .pic-wp{
  margin-top: 30px;
  margin-bottom: 30px;
}
.vip-info .desc{
  line-height: 1.6;
  font-size: 16px;
}
.vip-info .vip-benifit{
  text-align: center;
}
.vip-info .vip-benifit>li{
  display: inline-block;
  margin-left: 30px;
}
.vip-info .vip-benifit>li:first-child{
  margin-left: 0;
}
.vip-info .vip-benifit .iconfont{
  width: 100px;
  height: 100px;
  padding-top: 20px;
  font-size: 58px;
  color: #bfbfbf;
  background: #e3e3e3;
  border-radius: 50%;
}
.vip-info .vip-benifit p{
  margin-top: 20px;
}
.vip-level-wp{
  background: #0c0b13 url("../images/vip-banner-3.jpg")/*tpa=https://www.fcc666.com/images/vip-banner-3.jpg*/ no-repeat;
  height: 734px;
}
.vip-level-wp .tit,
.vip-level-wp .desc{
  color: #fff;
}
.vip-level{
  width: 810px;
  margin: 340px auto 0;
  color: #fff;
}
.vip-level li{
  float: left;
  cursor: pointer;
}
.vip-level .level-hd{
  width: 82px;
  height: 240px;
  padding:30px;
  border-left: 1px solid #13111c;
  background: #2a292e;
  writing-mode:horizontal-tb;
  font-size: 18px;
  line-height: 1.8;
}
.vip-level .level-bd{
  height: 0;
  width: 0;
  overflow: hidden;
  font-size: 12px;
  background: #584c35;
  opacity: 0;
  -webkit-transition: width .5s;
  transition: width .5s;
}
.vip-level .table-level{
  width: 400px;
}
.vip-level .table-level th{
  font-size: 14px;
  padding:12px 40px;
  background: #836e3e;
  font-weight: normal;
}
.vip-level .table-level td{
  padding:8px 10px 8px 40px;
}
.vip-level .table-level td p{
  line-height: 1.4;
}

.vip-level .active .level-bd{
  height: 240px;
  width: 400px;
  opacity: 1;
  display: block;
}
.vip-level .active .level-hd{
  display: none;
}
.table-vip-info thead th{
  padding-top: 18px;
  padding-bottom: 18px;
  background: #dbbc68;
  text-align: center;
}
.table-vip-info tbody td{
  background: #f4ebd2;
  text-align: center;
}
.table-vip-info tbody>tr:nth-child(even)>td{
  background: #edddb3;
}
.table-vip-info .text-left{
  text-align: left;
}
.table-vip-info th,
.table-vip-info td{
  border: 1px solid #fff;
}
.vip-info .vip-rule .tit{
  text-align: left;
  margin-top: 20px;
  margin-bottom: 20px;
  font-size: 16px;
  padding-left: 16px;
}
.vip-rule p{
  margin-bottom: 10px;
  line-height: 1.4;
  text-align: left;
}

/*发展历程
=========*/
.bg-gray{
  background: #eee;
}
.history-wp{
  position: relative;
}
.history-wp .line{
  position: absolute;
  width: 2px;
  top: 100px;
  bottom: 0;
  left: 50%;
  background: #c2c2c2;
}
.history-list .time-tit{
  position: relative;
  z-index: 2;
  width: 88px;
  height: 88px;
  margin: 36px auto;
  padding-top: 30px;
  background: #95b0e5;
  color: #516e9e;
  font-size: 30px;
  border-radius: 50%;
  text-align: center;
}
.history-list .time-tit span{
  font-size: 14px;
}
.history-info{
  position: relative;
  cursor: pointer;
  margin-bottom: 24px;
}

.history-info .bg-pic{
  width: 100%;
}
.history-info h1{
  height: 90px;
  padding: 30px 18px 30px 16px;
  font-size: 18px;
  color: #909090;
  background: #fff;
  border-bottom: 3px solid #e3e4e8;
}
.history-info .btn-detail{
  float: right;
  width: 112px;
  height: 36px;
  margin-top: -6px;
  line-height: 36px;
  border: 1px solid #d1d1d1;
  background: #fff;
  font-size: 14px;
  color: #909090;
}
.history-info .history-bd{
  display: none;
  padding: 16px;
  background: #fff;
  z-index: 2;
}
.history-info.active .history-bd{
  display: block;
}
.history-info .history-bd .pic img{
  width: 100%;
}

/*公告列表
======*/
.notice-wp{
  min-height: 400px;
  padding-top: 30px;
}
.notice-list .user_info{
  padding:10px 16px 22px;
  width: 100%!important;
}
.notice-list .user_info:hover{
  background: #eee;
}
.notice-list .user_info h3{
  height: 50px;
  color: #5a5a5a;
  line-height: 50px;
  margin-top: 14px;
  margin-bottom: 14px;
  font-size: 18px;
  font-weight: 600;
}
.notice-list .user_info h3 .t{
  color: #c18d00;
  margin-left: 20px;
  font-size: 16px;
}
.notice-list .gg-info{
  padding: 15px;
  line-height: 25px;
  border: 1px solid #dfdfdf;
  background-color: #fff;
}
.notice-list .pagination a {
  text-decoration: none;
  border-color:#999;
  color: #333;
}
.notice-list .pagination a, .pagination span {
  padding:0 10px;
  display:inline-block;
  height:30px;
  line-height:30px;
  margin-right: 5px;
  margin-bottom: 5px; border:1px solid #999;
  min-width:1em;
  text-align:center;
  background: #fff;
}
.notice-list .pagination .current {
  background: #2d97dd;
  color: #fff;
  border: solid 1px #aae;
}
.notice-list .pagination .current.prev, .pagination .current.next{
  color:#999;
  border-color:#999;
  background:#fff;
}


/*彩票*/
.lottery-wp .lottery-bd{
  height: 356px;
  padding: 60px;
  background: #e6e6e6;
  margin-top: -36px;
}
.lottery-wp .lottery-bd .img-wp{
  height: 244px;
  width: 244px;
  padding-top: 34px;
  text-align: center;
  border-radius: 50%;
  background: #fff;
}
.lottery-wp .lottery-bd .lottery-fd{
  height: 68px;
  background: red;
  text-align: center;
  margin-bottom: 122px;
}
.lottery-wp .lottery-bd .lottery-fd a{
  color: #fff;
}