.wrap {
	position: relative;
    width: 100%;
    min-width: 1200px;
    /* max-width: 1920px; */
    margin: 0 auto;
    background: #f4f7fc00;
    color: #f7fafd;
	}
#index-banner { 
    width: 100%; 
    height: 180px;  /* 从250px改为180px，减少高度 */
    position: fixed;
    top: 68px; 
    overflow: hidden;  
    z-index: -1; 
}
#index-banner .carousel-inner .item a { 
    width: 1200px; 
    height: 180px;  /* 从250px改为180px */
    display: block; 
    background-position: 50% 0; 
    background-repeat: no-repeat; 
    margin: 0 auto; 
    position: relative; 
    z-index: 1;
}

.carousel-indicators{  position: absolute; right: 0;  bottom: 0;  left: 0;  z-index: 15;  display: -ms-flexbox; display: flex;  -ms-flex-pack: center; justify-content: center;   padding-left: 0;   margin-right: 15%;    margin-left: 15%;}
.carousel-inner {  background-color: #000; }
.carousel-inner>.item>img { 
    line-height: 1; 
    display: block; 
    width: 100%; 
    height: 180px;  /* 从250px改为180px */
    object-fit: cover;
    margin: 0 auto; 
    position: relative;
}
.carousel-indicators li { width: 21px; height: 21px; cursor: pointer; background: #575966; border: 0;box-sizing: content-box; -ms-flex: 0 1 auto; flex: 0 1 auto;  margin:0 3px;      background-clip: padding-box;  transition: opacity .6s ease; }
.carousel-indicators .active { background: #2c60be;  }
.top-banner .middle-box{
    height: 180px;  /* 从250px改为180px */
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.con-big-box{position: relative; background-color: #fff;}
.con-box {
    width: 100%;
    max-width: 1200px; 
    height: 300px; 
    top: -120px;  /* 从-150px改为-120px，适应新的轮播图高度 */
    right: 0; 
    left: 0;
    background: #fff; 
    z-index: 3; 
    box-shadow: 0 3px 15px 3px rgba(51, 51, 51, 0.5); 
    border-radius: 10px;
}
.umsite-cloud-products{  position: relative; background-image: linear-gradient(-180deg,#fff 0,#f4f9ff 100%);}
.index-pic { width: 600px; height: 100%; position: relative; overflow: hidden } 
.index-pic .carouse{width:300px; position: relative; overflow: hidden;}
.index-pic .carouse:first-child{ border-radius: 10px 0 0 10px;} 
.index-right { width:600px; height:100%;background: #333; border-radius: 0 10px 10px 0; } 
 
.carouse{ cursor: pointer; position: relative; color:#fff;}
.carouse .tit{ width: 130px; position: absolute; right: 25px; top: 40px; text-align:center; }
.carouse .tit h3{ font-size: 27px;}
.carouse .tit p{ font-size:16px;}
.carouse:hover .b-pic { bottom: 0;}
.carouse:hover .btn-game{-webkit-animation: bounceInUp 0.6s ease 0.2s both; -moz-animation: bounceInUp 0.6s ease 0.2s both; -ms-animation: bounceInUp 0.6s ease 0.2s both;  -o-animation: bounceInUp 0.6s ease 0.2s both;  animation: bounceInUp 0.6s ease 0.2s both;}
.carouse .btn-game{ width: 182px; height: 60px; margin-top: 25px; line-height:60px; border-radius:5px; font-size:16px; background-image: linear-gradient(-90deg,#355ec2 2%,#455bc9 90%); color: #fff; text-align: center;  display: inline-block;}
.carouse .btn-game:hover, .btn-game-box .btn-net:hover{ background-image: linear-gradient(-90deg,#2946b3 2%,#1331a0 90%);}
.f-turn { transition: all 0.3s ease-in 0s;} 
.b-pic { width: 100%; background: #000;   background: rgba(0,0,0,.3); height: 110px;  bottom: -110px;position: absolute; left: 0;}
 
.wj-title, .wj-body{ margin: 0 30px;}
.wj-title { margin-bottom: 5px; position: relative; border-bottom:1px solid #464646;  }
.wj-title span { height: 52px; padding: 0 40px; line-height: 52px; margin-left: 0; display: inline-block; text-align: center; color: #999; font-size: 16px; cursor: pointer; position: relative;}
.wj-title .on:before{content: ""; position: absolute;  bottom:-1px;  left:0;  width: 100%;  height: 1px;  background-color: #2c60be;}
.wj-body-ul { width: 100%; height:200px;  margin-top: 10px; float: right; overflow: hidden; }
.wj-body-ul .more{line-height: 30px; color: #5c96ff; text-align: center; border-radius: 5px; position: absolute;right:30px; bottom:10px; } 
.wj-body-ul .more:hover {  color: #2c60be;} 
.wj-body-ul .marquee-item a { height:28px; line-height: 28px; color: #b2b2b2; overflow: hidden }
.wj-body-ul li a, .wj-body-ul .marquee-item a { color: #d7d6d6; text-align: left } 
.wj-body-ul li .li-txt { max-width: 90%; overflow: hidden; float: left }
.wj-body-ul li .li-time { float: right; padding: 0 2px }
.wj-body-ul .marquee-item a { display: block; text-align: left }
.wj-body-ul .marquee-item a:hover, .wj-body-ul .item a:hover{ color: #999;}
.wj-body-ul .time { float: right; color: #888; } 
.wj-body-ul .item{height: 28px; line-height: 28px; }
#j-list-wj{counter-reset:sectioncounter;}
#j-list-wj li:before { float: left; content:counter(sectioncounter) "、";   counter-increment:sectioncounter; color: #fff; }

.game-part {    width: 380px;
    margin: -90px 30px 50px 0;
    border-radius: 0px;
    float: left;
    position: relative;
    overflow: hidden;
    text-align: left;
    background: #fff;
    box-shadow: 1px 3px 10px rgba(0, 0, 0, .3);}
.game-part:last-child{ margin-right: 0;}
.game-part a{ width: 100%;height:100%; display:block;overflow:hidden; text-align: left;}
.game-part h3{ padding: 20px 0 10px; font-size: 20px; font-weight: 700;}
.game-part p{ color: #666; padding-bottom: 30px;}
.game-part h3, .game-part p{ margin: 0 20px;} 
.game-part a:hover .btn-game-box{  top: 0; opacity: 100;  filter: alpha(opacity=100);}
.game-part a:hover .btn-net{ -webkit-animation: bounceInDown 0.5s ease 0.3s both; -moz-animation: bounceInDown 0.5s ease 0.3s both; -ms-animation: bounceInDown 0.5s ease 0.3s both;
    -o-animation: bounceInDown 0.5s ease 0.3s both; animation: bounceInDown 0.5s ease 0.3s both;}
.btn-game-box { width: 100%; height: 170px; position: absolute; top: -100%; left: 0; -webkit-transition: all 0.3s ease-in 0s;   -moz-transition: all 0.3s ease-in 0s;
    -ms-transition: all 0.3s ease-in 0s;  -o-transition: all 0.3s ease-in 0s;  transition: all 0.3s ease-in 0s;   opacity: 0;  filter: alpha(opacity=0);}
.btn-game-box .bg {
        width: 100%;
    height: 315px;
    background: #000;
    opacity: 0.3;
    filter: alpha(opacity=30);
    position: absolute;
    left: 0;
    top: 0;
	}
.btn-game-box .btn-net{width: 40%;
    height: 50px;
    border-radius: 5px;
    top: 50%;
    left: 30%;
    margin-top: 20px;
    color: #fff;
    background-image: linear-gradient(-90deg,#E91E63 2%,#F44336 90%);
    text-align: center;
    line-height: 50px;
    position: absolute;
    font-size: 18px;}

.game-list{ padding:33px 0 76px; background:#fff url(../image/bottom1-112.jpg) no-repeat bottom center; overflow: hidden;} 
.game-list .game-left{ width: 710px;}
.game-list .game-right{ width:470px;}
.game-list h3{ margin-bottom: 13px;font-size: 18px; line-height:28px; border-left: solid 4px #2c60be; padding-left: 10px;}
.game-list li{ width: 216px; margin: 10px 27px 10px 0; border-radius: 5px; float: left; position: relative;background: #fff; box-shadow: 0 0 8px rgba(61,93,212,.3);overflow: hidden;} 
.game-list i{width: 38px; height: 38px;  display: block;  position: absolute;  top: 0;  right: 0;background: url(../image/new-112.png) no-repeat;}
.game-list .ico-hot { background-position:0 0; }
.game-list .ico-new { background-position:-38px 0; }
.game-left li:nth-child(3), .game-left li:nth-child(6), .game-right li:nth-child(2), .game-right li:nth-child(4){margin: 10px 0;}
.index-Games img{ width: 100%; height: 120px;  display: inline-block;    overflow: hidden;} 
.index-Games img.active {  position: absolute;  top: -120px;}
.index-Games span{ width: 100%;line-height:36px; display: block;text-align: center;color: #333;} 
.index-Games a:hover span{color: #415cc7;}

/*#modal-index .modal-dialog { width: 620px; height: 445px; background: url(../images/alert/window1.png?v=112) no-repeat; position: absolute; top: 50%; left: 50%; margin-left: -310px; margin-top: -221px }*/
#modal-index .close { width: 26px; height: 69px; display: inline-block; top: 350px; right: 45%; background: url(../image/newClose-112.png) no-repeat;  float: right; position: inherit; text-indent: -999em; z-index: 99 }
#modal-index .notice-wp { position: relative; padding: 0 60px }
/*#modal-index .notice-tit { margin-top: 150px; line-height: 45px; text-align: center; color: #333; font-size: 24px; font-weight: 700;text-indent: 3em; }*/
#modal-index .notice-cnt { line-height: 1.6; font-size: 18px; color: #FFE5B3; text-align: justify; word-wrap: break-word; overflow: hidden; text-overflow: ellipsis }
.know { padding-left: 30px; line-height:33px; color: #fff; position: absolute; right: 40%; bottom:10px; transition: .3s ease-out; z-index: 999 }
.know input { width: 15px; height: 15px; position: absolute; left: 0; top: 50%; margin-top: -7px; margin-left: 12px }
#modal-index .modal-dialog{ width: 500px; height: 350px; margin: 300px auto 0; padding-bottom: 50px; background: none; background-image: linear-gradient(-180deg, #D41919 1%, #FF6800 56%);  border-radius: 13px;}
#modal-index .notice-tit { padding-top:30px; line-height: 45px; -webkit-background-clip: text; -webkit-text-fill-color: transparent;background-image: linear-gradient(-180deg, #fff 0%, #FFCE86 100%); text-align: center; color: #fff; font-size: 24px; font-weight: 700; text-indent: 2em; }
.tit-head{ width: 555px; height: 187px;  background: url(../image/top-112.png) no-repeat center 0; display: inline-block; position: absolute;top:-175px; left:-28px;}
.zhuan_left{ transform: rotate(-10deg); -webkit-transform: rotate(-10deg); }	
.zhuan_right{ -webkit-transform: rotate(10deg); transform: rotate(10deg); }	
.ren, .ren1{ width: 77px; height: 237px;background:url(../image/deng-112.png) no-repeat;position:absolute;top:10px; z-index: 99;transform-origin:70% 0 0;-webkit-transform-origin:50% 0 0;-webkit-transition:all 1.5s ease-in-out 0s;-o-transition:all 1.5s ease-in-out 0s;-moz-transition:all 1.5s ease-in-out 0s;transition:all 1.5s ease-in-out 0s}
.ren{ left:-50px;}
.ren1{ right:-50px;}

#modal-index .m1{position: absolute; right:-40px;bottom:-20px;}
#modal-index .m2{ position: absolute; left:-95px ;bottom:-20px;} 



@-webkit-keyframes bounceInDown {
	0%,100%,60%,75%,90% {-webkit-animation-timing-function:cubic-bezier(0.215,.61,.355,1);animation-timing-function:cubic-bezier(0.215,.61,.355,1)}
	0% {opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}
	60% {opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}
	75% {-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}
	90% {-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}
	100% {-webkit-transform:none;transform:none}
}
@keyframes bounceInDown {
	0%,100%,60%,75%,90% {-webkit-animation-timing-function:cubic-bezier(0.215,.61,.355,1);animation-timing-function:cubic-bezier(0.215,.61,.355,1)}
	0% {opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}
	60% {opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}
	75% {-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}
	90% {-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}
	100% {-webkit-transform:none;transform:none}
}
.bounceInDown {-webkit-animation-name:bounceInDown;animation-name:bounceInDown}
@-webkit-keyframes bounceInUp { 0% {
    opacity:0;
    -webkit-transform:translateY(2000px);
    transform:translateY(2000px)
}
60% {
    opacity:1;
    -webkit-transform:translateY(-30px);
    transform:translateY(-30px)
}
80% {
    -webkit-transform:translateY(10px);
    transform:translateY(10px)
}
100% {
    -webkit-transform:translateY(0);
    transform:translateY(0)
    }
}
@keyframes bounceInUp { 0% {
    opacity:0;
    -webkit-transform:translateY(2000px);
    -ms-transform:translateY(2000px);
    transform:translateY(2000px)
}
60% {
    opacity:1;
    -webkit-transform:translateY(-30px);
    -ms-transform:translateY(-30px);
    transform:translateY(-30px)
}
80% {
    -webkit-transform:translateY(10px);
    -ms-transform:translateY(10px);
    transform:translateY(10px)
}
100% {
    -webkit-transform:translateY(0);
    -ms-transform:translateY(0);
    transform:translateY(0)
}
}
.bounceInUp { -webkit-animation-name:bounceInUp; animation-name:bounceInUp }