@charset "utf-8";
body{ background: #efefef;  background-size: 1920px !important; }
/* body{ background: url(../../images/index-2024/zhuti-bg.png) no-repeat center top #efefef !important ;  background-size: 1920px !important; } */
/* body{ background:url(../../images/index-2024/zhuti-icon.gif), url(../../images/index-2024/zhuti-bg.png), #efefef !important;
	 background-repeat: repeat-x, no-repeat !important; background-size: auto, 1920px !important; background-position: center top, center top !important;
} */
.header-content{ background: transparent; box-shadow: none; margin-top: 8px; }
.head-index{ width: 1280px; height: 100px; padding-top: 7px;  margin: 0 auto; position: relative; display: flex; align-items: center; }
.head-index .logo{ margin-top: -5px; margin-right: 75px;}
.head-index .logo img{ display: block; width: 230px;}
.head-index .header-search{ margin-right: 170px; }
.head-index .head-right-icon{ position: absolute; top: 12px; right: 0; height:110px; overflow: hidden; }
.main-warp{ position: relative; }
.index-nav-box{ width: 1280px; margin: 0 auto 0 auto; height: 80px; padding-top: 15px; display: flex; justify-content: space-between; background:url(../../images/index-2026/index-nav-bg.png); background-size: 100%; }
/* .index-nav-box{ width: 1280px; margin: 0 auto 0 auto; height: 80px; padding-top: 15px; display: flex; justify-content: space-between; background:url(../../images/index-2024/zhuti-nav.png); background-size: 100%; } */
.index-nav-box .nav-title{ display: flex; align-items: center; overflow: hidden; height: 50px; line-height: 50px; padding-left: 63px; }
.index-nav-box .nav-title a{ position: relative; padding:0 26px; font-weight: bold; font-size: 16px; color: #FFFFFF; text-align: center; }
.index-nav-box .nav-title a em{ position: absolute; width: 17px; height: 12px; right: 8px; top: -8px;}
.index-nav-box .nav-title span{ color: #333333; }
/* .index-nav-box .nav-title span{  color: #FFFFFF;  opacity: 0.3; } */
.index-nav-box .nav-title a.color01{ color: #FFFFFF; }
.index-nav-box .nav-title a.color02{ color: #FFFFFF; }
.index-nav-box .nav-title a.color03{ color: #FFFFFF; }
.index-nav-box .nav-title a:hover{ background-image: linear-gradient(to right, #FF9900, #FF5C00) !important; background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.index-nav-box .nav-tips{ height: 50px; line-height: 50px; padding-right: 20px; color: #ff5c00; background-image: linear-gradient(to right, #FF5C00, #7cc5c2); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
/* .index-nav-box .nav-title a:hover{ color: #FFF200 !important; }
.index-nav-box .nav-tips{ height: 50px; line-height: 50px; padding-right: 20px; color: #ffffff; } */
.index-wrap-one{ width: 1300px; padding: 20px; box-sizing: border-box; margin: -30px auto 0 auto; height: 440px; background: #FFFFFF; border-radius: 16px; }
.index-wrap-one .one-left{ width: 305px; height: 400px; position: relative; padding: 18px 20px 0 20px; box-sizing: border-box; float: left; background: linear-gradient( 135deg, #FFEFE5 0%, #FFFFFF 89%, #FFFFFF 100%); border-radius:12px; }
.index-wrap-one .one-left .recomd-item{ display: flex; align-items: center; justify-content: space-between; margin-bottom: 18px; }
.index-wrap-one .one-left .recomd-item dl{ display: flex; align-items: center; transition:0.2s; }
.index-wrap-one .one-left .recomd-item dl dt img{ display: block; width: 44px; height: 44px; }
.index-wrap-one .one-left .recomd-item dl dd{ margin-left: 14px; }
.index-wrap-one .one-left .recomd-item dl dd h3 { height: 19px; overflow: hidden; }
.index-wrap-one .one-left .recomd-item dl dd h3 a{ font-weight: 700; font-size: 14px; color: #222222; line-height: 19px; }
.index-wrap-one .one-left .recomd-item dl dd h3 a:hover{ color:#ff5c00; }
.index-wrap-one .one-left .recomd-item dl dd p { overflow: hidden; height: 16px; line-height: 16px; margin-top: 3px; }
.index-wrap-one .one-left .recomd-item dl dd p a{ font-weight: 400; font-size: 12px; color: #666666; margin-right:8px; }
.index-wrap-one .one-left .recomd-item dl dd p a:hover{ color:#ff5c00; }
.index-wrap-one .one-left .recomd-item:hover dl{ transform: translateX(5px); }
.index-wrap-one .one-left .recomd-item .item-right .normal{ display: block; }
.index-wrap-one .one-left .recomd-item .item-right .onshow{ display: none; }
.index-wrap-one .one-left .recomd-item:hover .item-right .normal{ display: none; }
.index-wrap-one .one-left .recomd-item:hover .item-right .onshow{ display: block; }
.index-wrap-one .one-left .recomd-wow{ position: absolute; top: 0; left: 320px; transition: 0.3s; overflow: hidden; opacity: 0; z-index: 1; width: 0px; height: 400px; }
.index-wrap-one .one-left .recomd-wow.active{  width: 640px; height: 400px; opacity: 1;}
.index-wrap-one .one-left .recomd-wow .wow-box{ padding: 24px 30px; width: 580px;  height: 352px; background: url(../../images/index-2026/wow-bg.png) no-repeat; background-size:640px; }
.index-wrap-one .one-left .recomd-wow .wow-box .wow-item{ width: 270px; height: 44px; float: left; margin-bottom: 24px; display: flex; align-items: center; }
.index-wrap-one .one-left .recomd-wow .wow-box .wow-item p{ margin-left: 15px; }
.index-wrap-one .one-left .recomd-wow .wow-box .wow-item p a{ font-weight: 700; font-size: 13px; color: #FFFFFF; ine-height: 17px; }
.index-wrap-one .one-left .recomd-wow .wow-box .wow-item p a:hover{ color: #ff5c00; }
.index-wrap-one .one-center{ width: 640px; float: left; margin-left: 15px; }
.index-wrap-one .one-center .banner-box{ position: relative;width: 640px; height: 400px; overflow: hidden; border-radius: 12px; }
.index-wrap-one .one-center .banner-box li img{ width: 640px; height: 400px; border-radius: 12px; }
.index-wrap-one .one-center .banner-box .hd{ height: 10px; position: absolute; width: 100%; left: 0; bottom:15px; }
.index-wrap-one .one-center .banner-box .hd ul{ display: flex; align-items: center; justify-content: flex-end; padding-right: 15px; height: 10px; }
.index-wrap-one .one-center .banner-box .hd ul li{width: 5px; height: 5px; background: #FFFFFF; opacity: 0.5; border-radius: 5px; margin-right: 5px; }
.index-wrap-one .one-center .banner-box .hd ul li.on{ height: 9px; opacity: 1; }
.index-wrap-one .one-center .banner-box .prev{ position: absolute; top: 181px; left: 15px; display: none; }
.index-wrap-one .one-center .banner-box .prev img{ width: 37px !important; }
.index-wrap-one .one-center .banner-box .next{ position: absolute; top: 181px; right: 15px; display: none; }
.index-wrap-one .one-center .banner-box .next img{ width: 37px !important; }
.index-wrap-one .one-center .banner-box:hover .prev,.index-wrap-one .one-center .banner-box:hover .next{ display: block; }
.index-wrap-one .one-right{ float: right; width: 285px; height: 400px; padding: 0 12px; box-sizing: border-box; background: linear-gradient( 180deg, #FFF6F1 0%, #FFFFFF 100%); border-radius:12px; }
/* .index-wrap-one .one-right .login-box{ height: 125px; } */
.index-wrap-one .one-right .not-login{ display: flex;align-items: center; padding: 12px;}
.index-wrap-one .one-right .not-login .avar{ display: flex; justify-content: center; margin-right: 20px;}
.index-wrap-one .one-right .not-login .avar img{ display: block; width: 58px; height: 69px; }
.index-wrap-one .one-right .not-login h3{ font-weight: 600; font-size: 16px; color: #222222; line-height: 22px; margin-top: 7px; } 
.index-wrap-one .one-right .not-login p{ font-weight: 400; font-size: 12px; color: #666666; line-height: 17px; margin-top: 5px; }
.index-wrap-one .one-right .not-login p a{ color: #3399FF; }
.index-wrap-one .one-right .has-login{ display: flex;align-items: center; padding: 12px;}
.index-wrap-one .one-right .has-login .avar{ display: flex; justify-content: center;margin-right: 20px; }
.index-wrap-one .one-right .has-login .avar img{ display: block; width: 60px; height: 60px; border-radius: 60px; }
.index-wrap-one .one-right .has-login h3{ font-weight: 600; font-size: 16px; color: #222222; line-height: 22px; margin-top: 7px; display: flex; } 
.index-wrap-one .one-right .has-login h3 span{ color:#ff5c00; max-width: 120px; height: 22px; overflow: hidden;  }
.index-wrap-one .one-right .has-login p{ font-weight: 400; font-size: 12px; color: #666666; line-height: 17px; margin-top: 5px; }
.index-wrap-one .one-right .quick-btn { margin-top: 13px; display: flex; align-items: center; justify-content: space-between; }

.quick-btn .sell, .quick-btn .buy{
  position: relative;
  width: 127px;
  height: 63px;
  cursor: pointer;
}
 .quick-btn .buy .buy-bg, .quick-btn .sell .sell-bg{
  position: absolute;
  width: 100%;
  height: 100%;
}
 .quick-btn .buy .buy-hover-bg{
  display: none;
  position: absolute;
  width: 100%;
  height: 100%;
 }
 .quick-btn .sell .sell-hover-bg{
  display: none;
  position: absolute;
  width: 100%;
  height: 100%;
 }
 .quick-btn .buy .buy-icon, .quick-btn .sell .sell-icon{
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  top: -20px;
  width: 60px;
  height: 50px;
  transition: transform 0.3s ease;
}
 .quick-btn .buy .buy-tit, .quick-btn .sell .sell-tit{
  position: absolute;
  bottom: 11px;
  left: 33px;
  font-size: 15px;
 }
.quick-btn .buy .buy-tit{
  width: 65px;
  height: 15px;
}
.quick-btn .sell .sell-tit{
  width: 65px;
  height: 15px;
}
.quick-btn .buy:hover .buy-bg{
  display: none;
}
.quick-btn .buy:hover .buy-hover-bg{
  display: block;
}
.quick-btn .sell:hover .sell-bg{
  display: none;
}
.quick-btn .sell:hover .sell-hover-bg{
  display: block;
}
.quick-btn .buy:hover .buy-icon{
  transform: scale(1.2);
}
.quick-btn .sell:hover .sell-icon{
  transform: scale(1.2);
}
/* .index-wrap-one .one-right .quick-btn a{ width: 113px; height: 30px; text-align: center; line-height: 30px; font-size: 12px; border-radius: 8px; }
.index-wrap-one .one-right .quick-btn a.ibuy{ background: linear-gradient( 270deg, #FF5C00 0%, #FF9900 100%); color: #ffffff; }
.index-wrap-one .one-right .quick-btn a.ibuy:hover{ background: linear-gradient( 90deg, #FF5C00 0%, #FF9900 100%); color: #ffffff; }
.index-wrap-one .one-right .quick-btn a.isell{ background: linear-gradient( 270deg, #3072FF 0%, #30AAFF 100%);  color: #ffffff;}
.index-wrap-one .one-right .quick-btn a.isell:hover{ background: linear-gradient( 270deg, #30AAFF 0%, #3072FF 100%); color: #ffffff; } */
.index-wrap-one .one-right .last-box{ height: 92px; }
.index-wrap-one .one-right .person-data{ margin-top: 13px; display: flex; align-items: center; justify-content: space-around; }
.index-wrap-one .one-right .person-data .data-item{ width: 76px; height: 92px; transition: 0.2s; }
.index-wrap-one .one-right .person-data .data-item.one{ background: url(../../images/index-2026/wait-pay-bg.png) no-repeat;  background-size: 100%;}
.index-wrap-one .one-right .person-data .data-item.two{ background: url(../../images/index-2026/deal-ing-bg.png) no-repeat;  background-size: 100%;}
.index-wrap-one .one-right .person-data .data-item.three{ background: url(../../images/index-2026/wait-get-bg.png) no-repeat;  background-size: 100%;}
.index-wrap-one .one-right .person-data .data-item h3{padding: 15px 0 0 12px; font-weight: 600; font-size: 20px; line-height: 17px; }
.index-wrap-one .one-right .person-data .data-item p{ font-weight: 400; padding: 5px 0 0 12px; font-size: 12px; color: #666666; line-height: 16px; }
.index-wrap-one .one-right .person-data .data-item.one h3{ color: #4D87F7; }
.index-wrap-one .one-right .person-data .data-item.two h3{ color: #B35BEE; }
.index-wrap-one .one-right .person-data .data-item.three h3{ color: #35BD77; }
.index-wrap-one .one-right .person-data .data-item a{display: block; width: 100%; height: 100%; }
.index-wrap-one .one-right .person-data .data-item:hover{ transform: translateY(-5px); }
.index-wrap-one .one-right .laster-buy{ margin-top: 13px; height: 92px; padding: 10px 15px; background:linear-gradient( to bottom, #EEF7FF,#FFFFFF ); border-radius:10px; border: 1px solid #95CAFF; box-sizing: border-box; }
.index-wrap-one .one-right .laster-buy .last-game{ display: flex; align-items: flex-start;  height: 17px; line-height: 17px; overflow: hidden; }
.index-wrap-one .one-right .laster-buy .last-game em{ font-weight: 700; font-size: 13px; color: #222222; }
.index-wrap-one .one-right .laster-buy .last-game span{ font-weight: 400; width: 100px; display: inline-block; font-size: 12px; padding-left: 11px; margin-left: 10px; color: #666666; position: relative; }
.index-wrap-one .one-right .laster-buy .last-game span::after{ content: ''; position: absolute; left: 0px; top: 3px; width: 1px; height: 12px; background: #dddddd; }
.index-wrap-one .one-right .laster-buy .last-deal{ display: flex; justify-content: space-between; align-items: flex-end; margin-top: 12px; }
.index-wrap-one .one-right .laster-buy .last-deal .left p{font-weight: 600; font-size: 13px; color: #222222; line-height: 17px;}
.index-wrap-one .one-right .laster-buy .last-deal .left h4{font-weight: 400; font-size: 12px; color: #666666; margin-top: 2px; height: 24px; overflow: hidden;}
.index-wrap-one .one-right .laster-buy .last-deal .left h4 em{ font-weight: 600; font-size: 20px; color: #FF5C00; line-height: 24px; }
.index-wrap-one .one-right .laster-buy .last-deal .right a{ display: block; text-align: center; line-height: 22px; font-weight: 400; font-size: 12px; color: #3399ff; width: 68px; height: 24px; border-radius:30px; box-sizing: border-box; border: 1px solid rgba(51,153,255,0.5); }
.index-wrap-one .one-right .index-news{ margin-top: 13px; }
.index-wrap-one .one-right .index-news .news-tab{ border-bottom:1px solid #EEEEEE; padding-bottom: 10px; }
.index-wrap-one .one-right .index-news .news-tab ul{ display: flex; align-items: center; justify-content: space-between; padding: 0 12px; }
.index-wrap-one .one-right .index-news .news-tab ul li{ cursor: pointer; font-weight: 400; color: #666666; font-size: 12px; }
.index-wrap-one .one-right .index-news .news-tab ul li.on{ font-weight: 700; font-size: 13px; color: #222222; position: relative; }
.index-wrap-one .one-right .index-news .news-tab ul li.on::after{ content: ''; background: #FF5C00; height: 1px; width: 100%; position: absolute; left: 0; bottom: -11px; }
.index-wrap-one .one-right .index-news .news-tab ul li a{ color: #666666; }
.index-wrap-one .one-right .index-news .news-tab ul li.on a{ color: #222222; }
.index-wrap-one .one-right .index-news .news-con{ margin-top: 8px; }
.index-wrap-one .one-right .index-news .news-con li{ height: 25px; line-height: 25px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding-left:8px; }
.index-wrap-one .one-right .index-news .news-con li a{ color: #666666; }
.index-wrap-one .one-right .index-news .news-con li a:hover{ color: #ff5c00; }
.index-wrap-one .one-right .index-news .news-con li em{ display: inline-block; vertical-align: middle; width: 3px; height: 3px; border-radius: 3px; background: #666666; margin-right:10px; }
.index-wrap-two{  width: 1300px; margin: 13px auto 0 auto; display: flex; justify-content: space-between; align-items: center; }
.index-wrap-two .two-item{ width: 422px; height: 124px; position: relative; }
.index-wrap-two .two-item.case{ background: url(../../images/index-2026/rabbit-item-01.png) no-repeat; background-size: 100% 100%; }
.index-wrap-two .two-item.deal{ background: url(../../images/index-2026/rabbit-item-03.png) no-repeat; background-size: 100% 100%; }
.index-wrap-two .two-item img{ width: 422px; height: 124px; }
.index-wrap-two .two-item .text-box{ margin: 60px 0 0 185px; height: 20px; overflow: hidden; }
.index-wrap-two .two-item .text-box li{ font-weight: 400; font-size: 13px; color: #666666; }
.index-wrap-two .two-item .text-box li span{ padding: 0 5px; }
.index-wrap-two .two-item .text-box li em{ padding-left: 5px; color: #4D87F7; }
.index-wrap-two .two-item.deal .text-box li em{ color: #B35BEE; }
.index-wrap-two .two-item a{ position: absolute; width: 100%; height: 100%; top: 0; left: 0; }
.index-wrap-two .two-ad-item{ width: 422px; height: 124px; transition: transform 0.4s; }
.index-wrap-two .two-ad-item a img{  width: 422px; height: 124px;  }
.index-wrap-two .two-ad-item:hover {transform: translateY(-5px);  }
.index-wrap-three{ width: 1300px; margin: 20px auto 0 auto; display: flex; justify-content: space-between; }
.index-wrap-three .three-left{ width: 974px; }
.index-wrap-three .three-left .left-top{ width: 974px; display: flex; justify-content: space-between; flex-wrap: wrap; }
.index-wrap-three .video-box{ width: 306px; height: 304px; background: url(../../images/index-2026/video-bg.png) no-repeat; background-size: 100% 100%; }
.index-wrap-three .video-box .video-pic{ width: 276px; height: 130px; margin: 0 auto; margin-top: 87px; position: relative; }
.index-wrap-three .video-box .video-pic .slt-pic{ width: 276px; height: 130px; border-radius: 8px; }
.index-wrap-three .video-box .video-pic .paly-btn{ display: flex; align-items: center; cursor: pointer; justify-content: center; position: absolute; width: 100%; height: 100%; top: 0; left: 0; border-radius: 8px; background: rgba(0,0,0,.3); }
.index-wrap-three .video-box .video-pic .paly-btn img{ width: 44px; cursor: pointer; }
.index-wrap-three .case-box{ width: 276px; height: 62px; margin: 10px auto 0 auto;  background: url(../../images/index-2026/case-box-bg.png) no-repeat; background-size: 100% 100%;  position: relative; }
.index-wrap-three .case-box .rb-icon{ position: absolute; bottom: 0; left:12px; }
.index-wrap-three .case-box .case-text{ padding:40px 0 0 98px; overflow: hidden; height: 16px; }
.index-wrap-three .case-box .case-text li{ line-height: 16px; color: #666666; }
.index-wrap-three .case-box .case-text li span{ padding-right: 5px; }
.index-wrap-three .case-box .case-text li em{ color: #4D87F7; padding-left: 5px; }
.index-wrap-three .case-box .case-text li i{ color: #4D87F7; padding-right: 5px; }
.index-wrap-three .days-chart{ width: 648px; height: 304px; margin-left: 13px; background: url(../../images/index-2026/chart-bg.png) no-repeat; background-size: 100% 100%; position: relative; }
.index-wrap-three .days-chart .days-game{ display: flex; align-items: center; justify-content: flex-end; padding-right: 15px; padding-top: 17px; position: relative; }
.index-wrap-three .days-chart .days-game .day-item{ min-width:79px; cursor: pointer; height: 26px; padding: 0 3px 0 8px; margin-left: 12px; display: flex; align-items: center; justify-content: space-between; border-radius: 40px; border: 1px solid rgba(0,0,0,0.15); box-sizing: border-box; }
.index-wrap-three .days-chart .days-game .day-item .onshow{ display: none; }
.index-wrap-three .days-chart .days-game .day-item span{ max-width: 75px; height: 24px; line-height: 24px; overflow: hidden;  }
.index-wrap-three .days-chart .days-game .day-item em{ padding:0 5px; }
.index-wrap-three .days-chart .days-game .day-item.tarns,.index-wrap-three .days-chart .days-game .day-item.on{ border-color:#926CFF; }
.index-wrap-three .days-chart .days-game .day-item.tarns,.index-wrap-three .days-chart .days-game .day-item.on span{ font-size: 12px; color: #926CFF; }
.index-wrap-three .days-chart .days-game .day-item.tarns em{ transform: rotate(180deg); }
.index-wrap-three .days-chart .days-game .day-item.tarns .normal,.index-wrap-three .days-chart .days-game .day-item.on .normal{ display: none; }
.index-wrap-three .days-chart .days-game .day-item.tarns .onshow,.index-wrap-three .days-chart .days-game .day-item.on .onshow{ display: block; }
.index-wrap-three .days-chart .days-game .select-box{ width: 597px; max-height: 246px; overflow: auto; display: none; padding: 19px 6px 3px 27px;  position:absolute; z-index: 1; right: 15px; top: 46px; background: #FFFFFF; box-shadow: 0px 4px 20px 0px rgba(0,0,0,0.1); border-radius: 10px }
.index-wrap-three .days-chart .days-game .select-box ul { display: flex; align-items: center; flex-wrap: wrap; }
.index-wrap-three .days-chart .days-game .select-box li{ cursor: pointer; width: 120px; font-weight: 400; margin-bottom: 16px; margin-right: 21px; height: 16px; overflow: hidden; font-size: 12px; color: #666666; line-height: 16px;  }
.index-wrap-three .days-chart .days-game .select-box li.on,.index-wrap-three .days-chart .days-game .select-box li:hover{ color: #ff5c00; }
.index-wrap-three .days-chart .chart-box{ width: 618px;height:246px; background: #ffffff; border-radius: 16px; position: absolute; top: 58px; left: 15px; }
.index-wrap-three .goods-box{ width: 898px; margin-top: 20px;  border-radius: 16px; overflow: hidden;  background:url(../../images/index-2024/goods-bg.png) no-repeat center top; background-size: 100%; }
.index-wrap-three .goods-box.tjbox{ background:url(../../images/index-2024/goods-tj-bg.png) no-repeat center top; background-size: 100%; }
.index-wrap-three .goods-box .title-box{ height: 34px; padding: 12px 20px; display: flex; align-items: center; justify-content: space-between; }
.index-wrap-three .goods-box .title-box .title-left{ display: flex; align-items: center; }
.index-wrap-three .goods-box .title-box .goods-type{ cursor: pointer; font-weight: 600; font-size: 15px; color: #222222; display: flex; align-items: center; justify-content: center; font-size: 15px;  width: 101px; height: 34px; margin-right: 10px; }
.index-wrap-three .goods-box .title-box .goods-type img{ margin-right: 4px; }
.index-wrap-three .goods-box .title-box .goods-type .onshow{ display: none; }
.index-wrap-three .goods-box .title-box .goods-type .normal{ display: block; }
.index-wrap-three .goods-box .title-box .goods-type.on{ color: #fff; background: linear-gradient( 90deg, #FF5E3E 0%, #FF2277 100%); border-radius: 10px; }
.index-wrap-three .goods-box .title-box .goods-type.on .onshow{ display: block; }
.index-wrap-three .goods-box .title-box .goods-type.on .normal{ display: none; }
.index-wrap-three .goods-box .title-box .goods-type:last-child.on{ background:linear-gradient( 270deg, #35BD77 0%, #00D82F 100%); }
.index-wrap-three .goods-box .title-right{ display: flex; align-items: center; justify-content: flex-end; }
.index-wrap-three .goods-box .title-right .recommend-item{ display: flex; align-items: center; justify-content: flex-end; }
.index-wrap-three .goods-box .title-right a{ height: 24px; max-width: 83px; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; border: 1px solid rgba(0,0,0,0.15); padding: 0 8px; border-radius: 40px; line-height: 24px; margin-left: 12px; }
.index-wrap-three .goods-box .title-right a:hover{ color: #FF345A; }
.index-wrap-three .goods-box .title-right a.on{ color: #FF345A; border-color:#FF345A; }
.index-wrap-three .goods-box .title-right a.more{ border: none; }
.index-wrap-three .goods-box .title-right a.more img{ margin-left: 5px; }
.index-wrap-three .goods-box.tjbox .title-right a:hover{ color: #10BE52; }
.index-wrap-three .goods-box.tjbox .title-right a.on{ color: #10BE52; border-color:#10BE52; }
.index-wrap-three .goods-content{ background: #FFFFFF; border-radius: 16px; padding: 15px 15px 0 15px; height: 495px; box-sizing: border-box; display: flex; justify-content: space-between; flex-wrap: wrap; }
.index-wrap-three .goods-content .goods-item{ width: 282px; margin-bottom: 15px; transition: 0.2s; }
.index-wrap-three .goods-content .goods-item:hover{ transform: translateY(-5px); }
.index-wrap-three .goods-content .goods-pic a{ display: block; width: 100%;	height:156px;	overflow: hidden;	position: relative; }
.index-wrap-three .goods-content .goods-pic img{ width: 100%; height: 156px; display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; object-fit:cover; border-radius: 10px; }
.index-wrap-three .goods-content .goods-title{ margin-top: 10px; font-weight: 700; font-size: 12px; line-height: 16px; height: 32px; overflow:hidden; }
.index-wrap-three .goods-content .goods-title a{ color: #222222; }
.index-wrap-three .goods-content .goods-title a:hover{ color: #ff5c00; }
.index-wrap-three .goods-content .goods-price{ margin-top:5px; display: flex; align-items: center; justify-content: space-between; }
.index-wrap-three .goods-content .goods-price span{ font-weight: 400; font-size: 12px; max-width: 200px; height: 16px; overflow: hidden; color: #888888; line-height: 16px; }
.index-wrap-three .goods-content .goods-price em{ font-weight: 600; font-size: 18px; color: #FF5C00; line-height: 22px; }
/* .index-wrap-three .three-right{ width: 280px; height: 877px; background: #ffffff; border-radius: 16px;  } */
.index-wrap-three .three-right{ width: 306px; height: 304px; background: #ffffff; border-radius: 16px; overflow: hidden; }
.index-wrap-three .three-right .tab-box{ width: 306px; height: 79px; padding: 18px 20px 0 20px; box-sizing: border-box; display: flex; justify-content: space-around; background: url(../../images/index-2026/deal-bg.png) no-repeat; background-size: 100%; }
.index-wrap-three .three-right .tab-box.act{background: url(../../images/index-2024/deal-act-bg.png) no-repeat; background-size: 100%; }
.index-wrap-three .three-right .tab-box .tab-item{ width: 50%; height: 23px; line-height: 23px; cursor: pointer; text-align: center; font-weight: 400; font-size: 13px; color: #333333; }
.index-wrap-three .three-right .tab-box .tab-item.on{ font-weight: 700; font-size: 17px; color: #19CB51; background: url(../../images/index-2024/dl-icon-01.png) no-repeat; background-size:36px;background-position: 42px 17px;}
.index-wrap-three .three-right .tab-box .tab-item:last-child.on{ color: #308DFF; background: url(../../images/index-2024/dl-icon-02.png) no-repeat; background-size:36px;background-position: 42px 17px; }
.index-wrap-three .three-right .deal-box{ width: 306px; height: 809px; overflow: hidden; padding-top: 5px; box-sizing: border-box; background: #ffffff; border-radius: 16px; margin-top: -20px; position: relative; }
.index-wrap-three .three-right .deal-box.one::before{ content:''; position: absolute;  top: -10px;  left: 25%; border-top: 0px solid transparent; border-bottom: 12px solid #ffffff; border-left: 14px solid transparent; border-right: 14px solid transparent;}
.index-wrap-three .three-right .deal-box.two::before{ content:''; position: absolute;  top: -10px;  right: 25%; border-top: 0px solid transparent; border-bottom: 12px solid #ffffff; border-left: 14px solid transparent; border-right: 14px solid transparent;}
.index-wrap-three .three-right .deal-box .deal-item{ height: 65px; padding: 0 15px; margin-top: 7px; }
.index-wrap-three .three-right .deal-box .deal-item dl{ display: flex; align-items: center; height: 65px; }
.index-wrap-three .three-right .deal-box .deal-item dl dt img{ display:block; width: 46px; height: 46px; }
.index-wrap-three .three-right .deal-box .deal-item dl dd{ margin-left: 10px; flex: 1; }
.index-wrap-three .three-right .deal-box .deal-item dl dd h3{ font-weight: 400; font-size: 12px; color: #222222; line-height: 16px; height: 32px; overflow:hidden; }
.index-wrap-three .three-right .deal-box .deal-item dl dd p{ display: flex; justify-content: space-between; align-items: center; margin-top: 4px; }
.index-wrap-three .three-right .deal-box .deal-item dl dd p em{ font-weight: 600; font-size: 14px; color: #FF5C00; line-height: 17px; }
.index-wrap-three .three-right .deal-box .deal-item dl dd p span{ display: flex; align-items: center; color:#E5E5E5; }
.index-wrap-three .three-right .deal-box .deal-item dl dd p span i.date{ color:#999; padding-right: 8px; }
.index-wrap-three .three-right .deal-box .deal-item dl dd p span i.success{ color:#3DC14A; padding-left: 8px; }
.index-wrap-three .three-right .deal-box.two .deal-item dl dd p span i.success{ color:#308DFF; padding-left: 5px; }
.index-wrap-four{ width: 1300px; height: auto; margin: 20px auto 0 auto; }
.index-wrap-four .hot-game-goods{ width: 1300px; height: 380px; position: relative; background: url(../../images/index-2026/index-goods-bg-01.png) no-repeat; background-size: 100% 100%; border-radius: 16px; margin-bottom: 20px; }
.index-wrap-four .hot-game-goods.noheight{ height: 0px; overflow: hidden; }
.index-wrap-four .hot-game-goods.bg-00{ background: url(../../images/index-2024/index-goods-bg-03.png) no-repeat; background-size: 100%; }
.index-wrap-four .hot-game-goods.bg-01{ background: url(../../images/index-2024/index-goods-bg-01.png) no-repeat; background-size: 100%; }
.index-wrap-four .hot-game-goods.bg-02{ background: url(../../images/index-2026/index-goods-bg-02.png) no-repeat; background-size: 100%; }
.index-wrap-four .hot-game-goods.bg-03{ background: url(../../images/index-2024/index-goods-bg-03.png) no-repeat; background-size: 100%; }
/* 应用动画到元素 */
.index-wrap-four .hot-game-goods.fade-in{ overflow: hidden;
  animation-name: fadeGoods;
  animation-duration: 1s; /* 动画持续时间 */
}
.index-wrap-four .hot-game-goods .trans-box{border-radius: 0 0 16px 16px; height: 50px;background: linear-gradient( 180deg, rgba(255,255,255,0) 0%, #FFFFFF 100%); position: absolute; width: 100%; bottom: 0; left: 0; }
.index-wrap-four .hot-game-goods:last-child{ margin-bottom: 0px; }
.index-wrap-four .hot-game-goods .left-game{ float: left; width: 220px; height: 100%; position: relative; overflow: hidden;border-radius: 0 0 16px 16px;}
.index-wrap-four .hot-game-goods .left-game .title{ position: absolute;width: 220px; ;top:22px;left:0;text-align: center; }
.index-wrap-four .hot-game-goods .left-game .title h3{ line-height: 32px; font-weight: 600; font-size: 24px; color: #222222; }
.index-wrap-four .hot-game-goods .left-game .title p{line-height: 32px; font-weight: 600; font-size: 24px; color: #222222;}
/* .index-wrap-four .hot-game-goods .left-game .gm-pic{ position: absolute; width: 227px; height: 312px;bottom:0px; left: 0; } */
.index-wrap-four .hot-game-goods .left-game .gm-pic{ width: 220px; height: 324px;margin-top: 56px;}
.index-wrap-four .hot-game-goods .left-game .gm-pic img{ display: block; }
.index-wrap-four .hot-game-goods .right-goods{ padding-top: 2px; position: relative; z-index: 11; }
.index-wrap-four .hot-game-goods .hotword-more{ height: 54px; display: flex; align-items: center; justify-content: space-between; }
.index-wrap-four .hot-game-goods .hotword-more .hotword{ height: 26px; overflow:hidden; display: flex; flex-wrap: wrap; max-width: 850px; }
.index-wrap-four .hot-game-goods .hotword-more .hotword a{ font-weight: 400; font-size: 12px; border-radius: 26px; margin-right: 12px; background: #ffffff; line-height: 16px; padding: 4px 8px; border: 1px solid #DEE4F3; color: #666666; }
.index-wrap-four .hot-game-goods.bg-02 .hotword-more .hotword a{ border: 1px solid #F3DEDE; }
.index-wrap-four .hot-game-goods.bg-03 .hotword-more .hotword a{ border: 1px solid #DDEED7; }
.index-wrap-four .hot-game-goods.bg-00 .hotword-more .hotword a{ border: 1px solid #DDEED7; }
.index-wrap-four .hot-game-goods .hotword-more .hotword a:hover{ background: #222222; color: #ffffff; border: 1px solid #222222; font-weight: 500; }
.index-wrap-four .hot-game-goods .hotword-more .more{ display: flex; align-items: center; margin-right: 25px; }
.index-wrap-four .hot-game-goods .hotword-more .more a{ color: #999999; font-size: 13px; }
.index-wrap-four .hot-game-goods .hotword-more .more a img{ margin-left: 5px; }
.index-wrap-four .hot-game-goods .index-goods-box{ display: flex; align-items: center;margin-left: 8px; }
.index-wrap-four .hot-game-goods .index-goods-box .goods-item{ width: 255px; height: 309px; transition: transform 0.4s,box-shadow 0.4s; margin-right: 15px; padding: 8px; box-sizing: border-box; background: #FFFFFF; border-radius: 10px 10px 10px 10px; }
.index-wrap-four .hot-game-goods .index-goods-box .goods-item:hover { transform: translateY(-7px); box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.15); }
.index-wrap-four .hot-game-goods .index-goods-box .goods-item .goods-pic{ width: 100%; }
.index-wrap-four .hot-game-goods .index-goods-box .goods-item .goods-pic img{ }
.index-wrap-four .goods-item .goods-pic a { display: block; width: 100%; height: 132px; overflow: hidden; position: relative;}
.index-wrap-four .goods-item .goods-pic a img{width: 100%; height: 132px; position: absolute; left: 0; right: 0; top: 0; bottom: 0; object-fit: cover; border-radius: 10px; }
.index-wrap-four .goods-item .goods-service{ display:flex; align-items: center; margin-top: 8px; height: 16px; }
.index-wrap-four .goods-item .goods-service span{margin-right:4px; }
.index-wrap-four .goods-item .goods-service span img{ display:block; height: 16px; }
.index-wrap-four .goods-item .goods-service .xjb-box{ display: flex; align-items: center; border-radius: 3px; border: 1px solid #ff5c00; }
.index-wrap-four .goods-item .goods-service .xjb-box img{ background:#FFEEE4; padding: 2px 4px; border-radius: 3px 3px 0 0; }
.index-wrap-four .goods-item .goods-service .xjb-box em{ color: #ff5c00; font-size: 12px; padding: 0 2px; line-height: 14px; }
.index-wrap-four .goods-item .goods-title{ margin-top: 6px; }
.index-wrap-four .goods-item .goods-title h3{ max-height: 32px;line-height: 16px; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; text-overflow: ellipsis; font-weight: 700; font-size: 12px; color: #222222; }
.index-wrap-four .goods-item .goods-title h3 a{ color:#222222; }
.index-wrap-four .goods-item .goods-group{ margin-top: 4px; }
.index-wrap-four .goods-item .goods-group p{ height: 16px; line-height: 16px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: 400; font-size: 12px; color: #666666;}
.index-wrap-four .goods-item .attr-box{ width: 239px; height:38px; display: flex; align-items: center; margin-top: 8px; background:url(../../images/index-2024/attr-item-bg.png) no-repeat; background-size:239px; border-radius: 5px;}
.index-wrap-four .goods-item .attr-box .attr-item{ width:79px; text-align: center; }
.index-wrap-four .goods-item .attr-box .attr-item h3{ font-size: 10px; color: #222222; font-weight: 700; line-height: 13px; height: 13px; overflow: hidden; }
.index-wrap-four .goods-item .attr-box .attr-item p{ font-size: 10px; color: #666666; font-weight: 400; line-height: 13px; height: 13px; overflow: hidden; margin-top: 4px; }
.index-wrap-four .goods-item .line-price{
   margin-top: 10px; display: flex; justify-content: space-between; align-items: center; 
   padding: 0 5px;
   box-sizing: border-box;
  }
.index-wrap-four .goods-item .line-price .online{ font-weight: 400; font-size: 12px; color: #01C25A; line-height: 16px; }
.index-wrap-four .goods-item .line-price .unline{ font-weight: 400; font-size: 12px; color: #666666; line-height: 16px; }
.index-wrap-four .goods-item .line-price .price-box{ font-weight: 600; font-size: 18px; color: #FF5C00; line-height: 22px; }

.index-wrap-service{ width: 1300px; display: flex; align-items: center; justify-content: space-around; height: 80px; background: #FFFFFF; border-radius: 16px; margin: 20px auto 0 auto; }
.index-wrap-service .service-box{ width: 25%; position: relative; }
.index-wrap-service .service-box dl{ height: 80px; display: flex; align-items: center; }
.index-wrap-service .service-box dl dt{ padding-left: 54px; }
.index-wrap-service .service-box dl dt img{ display:block; width: 38px; height: 38px; }
.index-wrap-service .service-box dl dd{ padding-left: 14px; }
.index-wrap-service .service-box dl dd h3{ font-weight: 400; font-size: 14px; color: #222222; line-height: 19px; }
.index-wrap-service .service-box dl dd p{ font-weight: 400; font-size: 12px; color: #AAAAAA; line-height: 16px; margin-top: 3px; }
.index-wrap-service .service-box::after{ content: ''; width: 1px; height: 34px; background: #eeeeee; position: absolute; right: 0; top: 23px; }
.index-wrap-service .service-box:last-child::after{width: 0;  }
.footer-box{ margin-top: 40px; }
.fixed-box{position:absolute;top: 15px;left:50%;margin-left:660px;width:80px;height:480px;z-index:100}
.fixed-box .fixed-item{width: 100px; box-sizing: border-box; padding: 8px; background: linear-gradient( 180deg, #FFEFE5 0%, #FFFFFF 100%); border-radius: 10px;
border: 2px solid #ffffff; text-align:center;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;transition:all .3s ease-in-out;box-shadow:0 3px 6px rgba(0,0,0,0.08)}
.fixed-box .fixed-item:hover{-webkit-transform:translateX(2px);-moz-transform:translateX(2px);-ms-transform:translateX(2px);transform:translateX(2px)}
.fixed-box .fixed-item-1{margin-bottom:10px;cursor:default}
.fixed-box .fixed-item-1 p{ color: #ff5c00; font-weight: 700; background-image: linear-gradient(to right, #FF9900, #ff5c00); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-weight:bold;font-family:PingFang, "microsoft yahei"}
.fixed-box .fixed-item-1 span{color:#999;font-family:PingFang, "microsoft yahei"}
.fixed-box .fixed-item-2{padding:6px;cursor:pointer}
.fixed-box .fixed-item-2 .txt1{color:#999;margin:5px 0 6px 0}
.fixed-box .fixed-item-2 .txt2{color:#ff6700;font-weight:bold;font-family:PingFang, "microsoft yahei"}
.fixed-box .fixed-item-2 .txt3{color:#666;margin-top:8px}
.fixed-box .fixed-item-2 .txt4{color:#3399fe;margin:6px 0}
.fixed-box .fixed-item-2:hover .txt4{text-decoration: underline;}
.fixed-box .fixed-item-2 .txt4 em{font-family:PingFang, "microsoft yahei"}
.fixed-box .fixed-item-2 .img-area{width:84px;height:45px;overflow:hidden; text-align: center;}
.fixed-box .fixed-item-2 .img-area img{max-width:40px;max-height:40px;}

.recomd-box{ width: 1300px; margin: 20px auto 0 auto ; display: flex; justify-content: space-between; align-items: flex-start; }
.recomd-box .recomd-item{transition: transform 0.4s; width: 313px; height: 266px; padding: 14px; box-sizing: border-box; background: #FFFFFF; border-radius: 10px; }
.recomd-box .recomd-item dl dt{ height: 140px; overflow: hidden;  border-radius: 10px; display: flex; align-items: center; }
.recomd-box .recomd-item dl dt img{ width: 285px; display: block; }
.recomd-box .recomd-item dl dd{ margin-top: 12px; }
.recomd-box .recomd-item dl dd h3{ font-weight: 600; font-size: 16px; line-height: 24px; height: 48px; overflow: hidden; }
.recomd-box .recomd-item dl dd h3 a{ color: #222222; }
.recomd-box .recomd-item dl dd h3 a:hover{ color: #ff5c00; }
.recomd-box .recomd-item dl dd p{ display: flex; justify-content: space-between; align-items: center; margin-top:10px; }
.recomd-box .recomd-item dl dd p span{ display: flex; align-items: center; font-size: 14px; color: #888888; font-weight: 400; }
.recomd-box .recomd-item dl dd p span img{ width: 13px; margin-right: 4px; }
.recomd-box .recomd-item dl dd p a{width: 86px; height: 28px; line-height: 26px; border-radius: 30px; box-sizing: border-box; border: 1px solid #DDDDDD; display: flex; align-items: center; justify-content: center; font-size: 12px; color: #888888; font-weight: 400; }
.recomd-box .recomd-item dl dd p a img{ margin-left: 4px; width: 14px; }
.recomd-box .recomd-item .normal{ display: block; }
.recomd-box .recomd-item .hover{ display: none; }
.recomd-box .recomd-item:nth-child(1):hover{ background:linear-gradient( 135deg, #5B92FF 0%, #01DCC1 100%);}
.recomd-box .recomd-item:nth-child(2):hover{ background:linear-gradient( 135deg, #FF4EA4 0%, #FFB880 100%);}
.recomd-box .recomd-item:nth-child(3):hover{ background:linear-gradient( 135deg, #427FFF 0%, #43B3FF 100%);}
.recomd-box .recomd-item:nth-child(4):hover{ background:linear-gradient( 135deg, #B945FF 0%, #458BFF 100%);}
.recomd-box .recomd-item:hover{ transform:translateY(-5px) }
.recomd-box .recomd-item:hover dl dd h3 a{ color: #fff; }
.recomd-box .recomd-item:hover dl dd p span{ color: #fff; }
.recomd-box .recomd-item:hover dl dd p a{ color: #fff; border-color: #ffffff; }
.recomd-box .recomd-item:hover .normal{ display:none; }
.recomd-box .recomd-item:hover .hover{ display: block; }

.partner-box{width:1300px; margin: 0 auto; overflow:hidden;margin-top:22px}
.partner-tit{height:42px;line-height:42px;border-bottom:#eee 1px solid;width:1190px}
.partner-tit span{float:left;font-size:20px;color:#333;font-family:PingFang, "microsoft yahei";float:left;border-bottom:#58afff 1px solid}
.partner-tit a{float:right;color:#aaa;font-size:14px}
.partner-top{margin:20px 0 20px 22px}
.partner-top ul{width:1220px;overflow:hidden}
.partner-top li{float:left;margin-right:60px}
.partner-bot{overflow:hidden;text-align:left}
.partner-bot span{float:left;margin-right:18px;font-weight:bold;color:#333;font-family:PingFang, "microsoft yahei";font-size:14px}
.partner-bot .partner-bot-a{float:left;width:1184px;margin-top:2px}
.partner-bot .partner-bot-a a{display:inline-block;*display:inline;*zoom:1;margin-bottom:10px;margin-right:20px;color:#999}
.partner-bot .partner-bot-a a:hover{color:#666}
.partner-bot .partner-bot-a a.more-a{color:#666}



/* 定义一个关键帧动画 */
@keyframes fadeGoods {
  from { height: 0px; opacity: 0; }
  to { height: 371px; opacity: 1; }
}