.banner-ent {position: relative;width: 100%;overflow: hidden;margin: 0 auto;text-align: center;height: 600px;background: url(../img/lives/banner_show.jpg) no-repeat center 0 #f8f3f1;}
.banner-ec {position: relative;width: 100%;overflow: hidden;margin: 0 auto;text-align: center;height: 600px;background: url(../img/lives/banner_ec.jpg) no-repeat center 0 #f8f3f1;}
.banner-game {position: relative;width: 100%;overflow: hidden;margin: 0 auto;text-align: center;height: 600px;background: url(../img/lives/banner_game.jpg) no-repeat center 0 #f8f3f1;}
.mod-hd{margin-bottom:60px;}
.mod-hd h2{font-size: 28px;color: #333;text-align: center;font-weight: bold;}
.mod-hd p{font-size: 16px;color: #999;text-align: center;margin-top: 20px;line-height:28px;}

/* 简介 */
.intros{background-color: #f3f0fa;}
.intros .container h2{font-size: 28px;color: #333;text-align: center;font-weight: bold;}
.intros .container p{font-size: 14px;color: #999;text-align: center;padding-top: 18px;}
.intros .intro-img {margin-top: 58px;text-align: center;}
.intros .intro-btn{text-align: center;padding: 10px 0;}
.intros .intro-btn a{margin-left: 60px;}
.intro-btn a{
	display: inline-block;width: 100px;line-height: 32px;text-align: center;border-radius: 20px;
	-webkit-border-radius: 20px;-moz-border-radius: 20px;
	font-size: 14px;color: #22aefb;border: 1px solid #22aefb;transition: all 0.5s ease-in-out;margin-top: 8px;
}
.intro-btn a:hover{background-color: #22aefb;color: #fff;}

/*图片墙**/
.photo-wall{width: 100%;}
.photo-wall ul{display: flex;}
.photo-wall ul li{width: 20%;position: relative;cursor: pointer;transition: all 1s ease-in-out;}
.photo-wall ul li .show-wall{position: relative;}
.photo-wall ul li:hover .hide-wall{display: block;transition: all 1s ease-in-out;}
.photo-wall ul li .show-wall .show-wall-info{position: absolute;top: 288px;left: 0;right: 0;margin: 0 auto;}
.photo-wall ul li .show-wall .show-wall-info i{width: 80px;height: 80px;display: block;margin: 0 auto;background: url(../img/lives/icon.png) ;background-repeat: no-repeat;}
.photo-wall ul li .show-wall .show-wall-info i.wall_icon1{background-position: -53px -1256px;}
.photo-wall ul li .show-wall .show-wall-info i.wall_icon2{background-position: -163px -1254px;}
.photo-wall ul li .show-wall .show-wall-info i.wall_icon3{background-position: -269px -1256px;}
.photo-wall ul li .show-wall .show-wall-info i.wall_icon4{background-position: -373px -1256px;}
.photo-wall ul li .show-wall .show-wall-info i.wall_icon5{background-position: -477px -1256px;}
.photo-wall ul li .show-wall .show-wall-info i.wall_icon6{background-position: -63px -669px;}
.photo-wall ul li .show-wall .show-wall-info i.wall_icon7{background-position: -169px -673px;}
.photo-wall ul li .show-wall .show-wall-info i.wall_icon8{background-position: -275px -674px;}
.photo-wall ul li .show-wall .show-wall-info i.wall_icon9{background-position: -374px -674px;}
.photo-wall ul li .show-wall .show-wall-info i.wall_icon10{background-position: -487px -674px;}
.photo-wall ul li .show-wall .show-wall-info span{display: block;text-align: center;font-weight: bold;color: #fff;font-size: 22px;margin-top: 22px;}
.photo-wall ul li .show-wall img{width: 100%;}
.photo-wall ul li .hide-wall{position: absolute;top: 0;left: 0;background-color: rgba(0,0,0,0.5);width: 100%;padding: 0 30px;height: 100%;display: none;transition: all 0.3s ease-in-out;}
.photo-wall ul li .hide-wall img{width: 326px;height: 580px;margin: 30px 0;}
.photo-wall ul li .hide-wall > span{font-size: 18px;color: #fe345e;text-align: center;display: block;font-weight: bold;margin-right: 25px;}

.scene{width: 100%;background-color: #fafafa;}
.scene .bd{margin-top: 100px;margin-bottom: 56px;}
.scene .bd .sc-l{width: 634px;}
.scene .bd .sc-r{width: 430px;}
.scene .sc-box a{margin: 0 auto;}
.scene .bd .sc-r li{display: flex;margin-bottom:40px;}
.scene .bd .sc-r li i{display: block;width: 80px;height: 80px;background-image: url(../img/lives/icon.png);background-repeat:  no-repeat;margin-right: 16px;vertical-align: middle;}
.scene .bd .sc-r li i.icon1{background-position:-51px -1366px;}
.scene .bd .sc-r li i.icon2{background-position:-161px -1366px;}
.scene .bd .sc-r li i.icon3{background-position:-271px -1366px;}
.scene .bd .sc-r li i.icon4{background-position:-381px -1366px;}
.scene .bd .sc-r li i.icon5{background-position:-52px -969px;}
.scene .bd .sc-r li i.icon6{background-position:-157px -969px;}
.scene .bd .sc-r li i.icon7{background-position:-264px -968px;}
.scene .bd .sc-r li i.icon8{background-position:-365px -969px;}
.scene .bd .sc-r li i.icon9{background-position:-465px -968px;}
.scene .bd .sc-r li i.icon10{background-position:-381px -1366px;}
.scene .bd .sc-r li i.icon11{background-position:-64px -791px;}
.scene .bd .sc-r li i.icon12{background-position:-164px -791px;}
.scene .bd .sc-r li i.icon13{background-position:-264px -791px;}
.scene .bd .sc-r li i.icon14{background-position:-364px -791px;}
.scene .bd .sc-r li i.icon15{background-position:-53px -1093px;}
.scene .bd .sc-r li i.icon16{background-position:-171px -1093px;}
.scene .bd .sc-r li i.icon17{background-position:-283px -1096px;}
.scene .bd .sc-r li i.icon18{background-position:-372px -1097px;}
.scene .bd .sc-r li .info{width: 320px;}
.scene .bd .sc-r li .info h6{font-size: 18px;color: #333;font-weight: bold;}
.scene .bd .sc-r li .info p {margin-top: 10px;font-size: 14px;color: #999;text-align: left;}

.game-feature{background-color: #fff;}

a.btn-consult {width: 100px;height: 32px;background: #22aefb;border-radius: 20px;display: block;font-size: 14px;color: #fff;text-align: center;line-height: 32px;}
.bg1,.bg2,.bg3,.bg4,.bg5,.bg6,.bg7,.bg8,.bg9{border-radius: 50%;}
.bg1{background-color: #0fc9c2;}
.bg2{background-color: #579af5;}
.bg3{background-color: #a572f9;}
.bg4{background-color: #e045e6;}
.bg5{background-color: #24c2e9;}
.bg6{background-color: #f9974f;}
.bg7{background-color: #1894db;}
.bg8{background-color: #f67480;}
.bg9{background-color: #0ad2a1;}

.realize-platform{width: 100%;height: 550px;background: url(../img/lives/traffic_to_liquidate_bg.png) no-repeat;}
.realize-platform .mod-hd h2{color:#fff;}
.realize-wrapper ul{margin-top: 56px;display: flex;}
.realize-wrapper ul li{width: 240px;height: 240px;border-right: 1px solid #777;position: relative;cursor: pointer;transition: all 0.5s ease-in-out;}
.realize-wrapper ul li:last-child{border-right: 0;}
.realize-wrapper ul li i{width: 80px;height: 80px;background-image: url(../img/lives/icon.png);background-repeat: no-repeat;display: block;margin: 50px auto 30px auto;}
.realize-wrapper ul li i.icon1{background-position: -57px -481px;}
.realize-wrapper ul li i.icon2{background-position: -158px -482px;}
.realize-wrapper ul li i.icon3{background-position: -267px -481px;}
.realize-wrapper ul li i.icon4{background-position: -366px -481px;}
.realize-wrapper ul li i.icon5{background-position: -469px -481px;}
.realize-wrapper ul li > span{font-size: 18px;text-align: center;display: block;color: #fff;font-weight:bold;}
.realize-wrapper ul li:hover .box{display: block;}
.realize-wrapper ul li .box{position: absolute;top: 0;left: 0;padding: 24px;height: 100%;background-color: rgba(0,0,0,0.8);display: none;}
.realize-wrapper ul li .box h6{font-size: 18px;color:#fff;text-align: center;padding-top: 50px;padding-bottom: 16px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;font-weight: bold;}
.realize-wrapper ul li .box p{font-size: 14px;color: #fff;text-align: left;}

.live-case-wrap{}
.case-show{width: 100%;overflow: hidden;}
.case-show .case-list li {margin-top:20px;}
.case-show .case-list li .item{background: #fff;}
.case-show .case-list li .item .img{height: 200px;overflow: hidden;}
.case-show .case-list li .item .cnt{padding:20px 0;}
.case-show .case-list li .item .cnt a{font-size: 18px;color: #22aefb;text-align: center;text-overflow: ellipsis;overflow: hidden;white-space:nowrap;display: block;font-weight:bold;}
.case-show .case-list li .item .cnt p{margin-top:15px;color: #333;font-size: 14px;padding: 0 20px;text-align:center;}
.case-show .case-list li .item .cnt p em{display: inline-block;width: 18px;height: 1px;background: #b3b3b3;vertical-align: middle;margin: 0 4px;}
.case-show .case-list li .item:hover{box-shadow: 0 6px 12px #ccc;transform: translateY(-2px);-webkit-transform: translateY(-2px);-webkit-transition: all 0.4s ease-in-out;}

/*系统服务*/
.services{background:#F3F3F3;padding-bottom:40px;}
.services .bd{margin:0 auto;}
.services .bd li{margin: 30px 0;cursor: pointer;}
.services .bd li:hover{color: #2277da;animation: sdou 1s infinite;}
.services .left{}
.services .right{margin-left: 20px;width: 240px;}
.services .right .title{height: 40px;line-height: 40px;font-size: 18px;font-weight:bold;}
.services .right .desc{color:#666;}
@keyframes sdou {  
   0% {  
       transform: translate(0px, 0px);  
   }  
   50% {  
       transform: translate(0px, -10px);  
   }  
   100% {  
       transform: translate(0px, 0px);  
   }  
}
/*
bottom
 */
.bottom{height: 239px;width: 100%;}
.bottom p{text-align: center;font-size: 32px;color: white;padding-top: 70px;}
.bottom a{
    display: block;
    width: 150px;
    height: 40px;
    border: 1px solid white;
    text-align: center;
    line-height: 40px;
    font-size: 15px;
    color: white;
    margin: 25px auto 0;
}
.bottom a:hover{

    background-color: #fff;
    color:black;
}