@charset "utf-8";
.menu-nav{
	position:absolute;top:0px;left:0px;width:100%;z-index:999; height: 66px;
	background: none;
	transition:all .8s;
}
.menu-nav:hover{background: url("../../images/webv4/top_menu_bg.png") repeat-x 0px 50%;}
.menu-nav.black{background-color: #fff;}
.menu-nav.black:hover{background:#fff}
.top_menu{position: relative;height: 100%;width:1250px;z-index: 999;margin: 0px auto 0;}
.logo-area{height: 100%;width: 200px;float: left;line-height: 66px;}
.logo-area img{margin: 20px 0px 0px 0px;}
.menu-list{height: 100%;float: left;}
.menu-list .menu-ul{display: block;height: 100%;}
.menu-list .menu-ul li{float: left;display:block;}
.menu-list .menu-ul li:FIRST-CHILD {
	margin-left: 0;
}
.menu-list .menu-ul li>a{text-align: center;color: #fff;display: inline-block;height: 100%;line-height: 66px;transition:all .3s;padding: 0px 16px;position: relative;}
.menu-nav.black .menu-list .menu-ul li>a{color: #323232;}
.menu-list .menu-ul li>a:hover,.menu-list .menu-ul li>a.cur,.menu-nav.black .menu-list .menu-ul li>a:hover,.menu-nav.black .menu-list .menu-ul li>a.cur{color: #30a2fa;}
.sub-show-box{position: absolute;top:66px;z-index: 999;display: none;}
.menu-nav.black .sub-show-box{box-shadow:1px 1px 2px #c0d5ff;border: 1px solid #dfe0e1;}
.menu-list .menu-ul li:hover .sub-show-box{display: block;}
.sub-show-box.product{width: 650px;background-color: #fff;border-radius:8px;padding: 25px 30px 0;border: 1px solid #dfe0e1;box-shadow: 2px 3px 8px -1px rgba(76, 135, 253, 0.28);}
.sub-show-box .triangle{
	content: "";
	position: absolute;
	border-width: 10px;
	border-style: solid;
	border-color: transparent transparent #FFFFFF;
	line-height: 1;
	display: inline-block;
	left: 38px;
	top: -20px;
}
.sub-show-box .triangle em{
	content: "";
	position: absolute;
	border-width: 10px;
	border-style: solid;
	border-color: transparent transparent #FFFFFF;
	line-height: 1;
	display: inline-block;
	left: -10px;
	top: 0px;
}
.menu-nav.black .sub-show-box .triangle{border-color: transparent transparent #dfe0e1;}
.menu-nav.black .sub-show-box .triangle em{top:-9px;}
.sub-show-box .pro-intro-item{padding-left:62px;position: relative;margin-bottom: 30px;width:235px;float: left;}
.sub-show-box .pro-intro-item.even{margin-left: 30px;}
.sub-show-box .pro-intro-item em{position: absolute;left: 0px;width: 48px;height: 46px;}
.sub-show-box .pro-intro-item em.channel{background-position: -99px 0px;}
.sub-show-box .pro-intro-item em.player{background-position: -284px 0px;}
.sub-show-box .pro-intro-item em.nodify{background-position: -550px 0px;width:50px;}
.sub-show-box .pro-intro-item em.opra{background-position: -159px 0px;}
.sub-show-box .pro-intro-item em.abroad{background-position: -617px 0px;}
.sub-show-box .pro-intro-item em.qgad{background-position: -488px 0px;}
.sub-show-box .pro-intro-item em.glinkad{background-position: -668px 0px;}
.sub-show-box .pro-intro-item em.qkdeploy{background-position: -731px 2px;}
.sub-show-box .pro-intro-item h5{font-weight: 600;font-size: 14px;margin-bottom:8px;}
.sub-show-box .pro-intro-item p{color: #848484;font-size: 12px;}
.sub-show-box.sub-menu{border-radius:8px;background-color: #fff;border: 1px solid #dfe0e1;box-shadow: 2px 3px 8px -1px rgba(76, 135, 253, 0.28);}
.sub-menu-list a{padding: 12px 24px;border-top: 1px solid #dfe0e1;display: block;}
.sub-menu-list a:FIRST-CHILD{border-top: none;}
.login-area{
	float: right;height: 66px;
	color: #fff;
}
.menu-nav.black .login-area{color: #323232;}
.login_box_div{
	height:100%;
	line-height:66px;
	text-align:center;
	letter-spacing:2px;
	border-radius:4px;
}
.login_box_div a{color: #fff;padding: 2px 8px;}
.menu-nav.black .login_box_div a{color: #323232;} 
.login_box_div a:hover{color: #4c87fd;}
.menu-nav.black .login_box_div a:hover{color: #4c87fd;}

.banner-top{height: 500px;color: #fff;}
.banner-link{position: absolute;}
.banner-link a{color: #fff;display: block;height:54px;line-height: 54px;text-align: center;border: 1px solid #fff;border-radius:54px;font-size:18px;padding: 0px 22px;}
.banner-link a:hover{background-color: #fff;color: #323232;}
.big-tit{font-size: 24px;}
.tit-intro-p{text-align: center;margin-top: 16px;line-height: 24px;font-size: 18px;color: #848484}
.banner-tit{font-size: 44px;color: #fff;}
.banner-p{font-size: 14px;line-height: 26px;margin-top: 26px;color: #fff;}
.function-ul{display: block;margin-top: 80px;}
.function-ul li{display: block;float: left;width: 25%;text-align: center;margin-bottom: 70px;height: 195px;}
.fun-icon{width: 98px;height: 98px;margin: 0 auto;background: url("../../images/webv4/function_icons.png") no-repeat;}
.function-ul li h3{margin-top: 25px;font-size: 16px;font-weight: 600;}
.function-ul li p{color: #848484;margin-top: 13px;}
.fun-icon.free{background-position: -137px 2px;}
.fun-icon.quick{background-position: -406px 2px;}
.fun-icon.allright{background-position: -542px 2px;}
.fun-icon.cps{background-position: -815px 2px;}
.fun-icon.update{background-position: 5px 2px;}
.fun-icon.othersdk{background-position: -264px 2px;width: 112px;}
.fun-icon.channel{background-position: -678px 2px;}
.fun-icon.safe{background-position: -948px 2px;}
.liucheng-box{height:220px;background: url("../../images/webv4/product_liucheng_bg.jpg") no-repeat 50% 50%; position:relative;margin-top: 60px;}
.liucheng-box .box-item{position: absolute;width: 172px;text-align: center;}
.liucheng-box .box-item h3{font-size: 16px;line-height: 38px;color: #323232;}
.liucheng-box .box-item p{color: #848484;}
.qk-version-box{display: flex;margin-top: 80px;justify-content: center;}
.qk-version-box .ver-line{width: 300px;border-top-left-radius:20px;border-top-right-radius:20px;}
.qk-version-box .ver-line.line-base:hover{box-shadow: 0px 0px 2px 2px #dae2eb;z-index: 99}
.qk-version-box .ver-line.line-pro:hover{box-shadow: 0px 0px 2px 2px #4c87fd;z-index: 99}
.qk-version-box .ver-line.line-max:hover{box-shadow: 0px 0px 2px 2px #f5cd7c;z-index: 99}
.qk-version-box .ver-top{height: 340px;position: relative;border-bottom: 1px solid #ededed; }
.qk-version-box .ver-top .qr-box{padding-top:60px; }
.qk-version-box .ver-top .qr-box img{width: 135px;height: 135px;}
.qk-version-box .ver-top .qr-box h4{font-weight: bold;font-size: 16px;line-height: 36px;}
.qk-version-box .ver-top-box{padding-top: 96px;position: relative;text-align: center;height: 100%;box-sizing: border-box;}
.qk-version-box .tab-main{height: 100%;position: relative;border:1px solid #ededed;border-left: none;border-top:none;}
.qk-version-box .ver-top-box.base{background: url("../../images/webv4/qk_ver_bg_gray.png") no-repeat 50% 0;}
.qk-version-box .ver-top-box.pro{background: url("../../images/webv4/qk_ver_bg_blue.png") no-repeat 50% 0;}
.qk-version-box .ver-top-box.max{background: url("../../images/webv4/qk_ver_bg_yellow.png") no-repeat 50% 0;}
.qk-version-box .ver-top-box .tab-tit{position: absolute;width: 100%;height: 96px;text-align: center;top: -96px;line-height: 96px;font-size: 28px;}
.qk-version-box .ver-top-box.base .tab-tit{color: #85a4c2;}
.qk-version-box .ver-top-box.pro .tab-tit{color: #fff;}
.qk-version-box .ver-top-box.max .tab-tit{color: #af7027;}
.qk-version-box .ver-top-box.pro .recom{position: absolute;width: 64px;height: 64px;background: url("../../images/webv4/qk_ver_recom.png") no-repeat 50% 50%;right:-4px;top:-4px;z-index: 999}
.qk-version-box .ver-top-box .tab-price{padding: 40px 0;text-align: center;}
.qk-version-box .ver-top-box.base .tab-price{color: #85a4c2;}
.qk-version-box .ver-top-box.pro .tab-price{color: #4c87fd;}
.qk-version-box .ver-top-box.max .tab-price{color: #af7027;}
.qk-version-box .ver-top-box .tab-price .big{font-size: 28px;font-weight: bold;}
.qk-version-box .ver-top-box .tab-price .sm{font-size: 16px;}
.qk-version-box .ver-top-box .tab-link{display: inline-block;width: 214px;height: 48px;line-height: 46px;text-align: center;border-radius:25px;font-size: 18px; margin-top: 10px;}
.qk-version-box .ver-top-box.base .tab-link{background-color: #dae2eb;color: #85a4c2;}
.qk-version-box .ver-top-box.pro .tab-link{background-color: #4c87fd;color: #fff;}
.qk-version-box .ver-top-box.max .tab-link{background-color: #f5cd7c;color: #af7027;}
.qk-version-box .bg-gray{background-color: #f2f5f9}
.qk-version-box .ver-bg-tit{height: 60px;line-height: 60px;}
.qk-version-box .ver-bg-tit h3{font-weight: bold;color: #333;position: relative;font-size: 16px;margin-left: 30px;}
.qk-version-box .ver-bg-tit h3:before{content: '';position: absolute;width:4px;height: 14px;background-color: #498aff;left: -15px;top:24px; }
.qk-version-box .ver-tit{height: 60px;line-height: 60px;padding-left: 30px;border-bottom:1px solid #ededed;}
.qk-version-box .ver-txt{text-align: center;height: 60px;line-height: 60px;border-bottom:1px solid #ededed;border-left: 1px solid #ededed;}
.qk-version-box .ver-line.line-base .ver-txt{border-left: none;}
.qk-version-box .ver-line.line-max .ver-txt{border-right: 1px solid #ededed;}


.news-block{background-color: #f2f5f9;padding: 0px 0px 60px;}
.news-conmain{position: relative;}
.news-quick-menu{float: left;width: 320px;margin-left: 20px;}
.news-conmain .breadcrumb{position: absolute;top: -35px;width: 100%;height: 24px;line-height: 24px;}
.news-post-time{color: #fff;font-size: 12px;line-height: 20px;margin: 20px 0px 16px;}
.news-ul{display: block;}
.news-ul li{background-color: #fff;float: left;width: 401px;overflow: hidden;height: 351px;position: relative;margin: 33px 7px 0px 7px\9;}
:root .news-ul li{margin: 33px 0px 0px 23px;}
.news-ul li:nth-child(3n+1){margin-left:0px;}
.news-ul li .news-keys{margin: 12px 0px 20px 0;}
.news-ul li .news-keys img{vertical-align: middle;}
.news-ul li .news-keys a{margin-left: 10px;color: #eb4549;text-decoration: underline;font-size: 12px;}
.news-ul li .block-link{display: block;height: 100%;position: relative;background-color: #000;}
.news-ul li .summary-pic{height:100%;background-position: 50%;background-repeat: no-repeat;background-size:cover; position: absolute;width: 100%;transition:all .3s;}
.news-ul li:hover .summary-pic{opacity: 0.34;}
.news-ul li:hover .text-box{height: 217px;}
.news-ul li#pageTip{min-height:0;padding-left: 0px;padding-right: 0;text-align: center;margin-top: 10px;background-color: #f5f6f8;}
.news-ul li.noList{text-align: center;font-size: 18px;padding: 20px 0px;min-height: 400;}
.news-detail-link{text-align: right;margin: 10px 0px 0px 0px;font-size: 16px; }
.news-detail-link a{color: #323232;}
.news-detail-link a:hover{color: #428bf2}
.news-detail-box{background-color: #fff;}
.news-menu-box{height: 53px;background-color: #fff;border-bottom: 1px solid #dddddd;}
.news-menu-box.pfix{position: fixed;top:0px;left: 0px;z-index: 999999;}
.news-cat{float: left;line-height: 49px;}
.news-cat li{float: left;display: block;border-bottom: 3px solid #fff;cursor: pointer;}
.news-cat li a{color: #3d3d3d;font-size: 16px;padding: 0px 20px;border-left:1px solid #dddddd;}
.news-cat li:FIRST-CHILD a{border-left: none;}
.news-cat li:hover,.news-cat li.act{border-bottom:3px solid #4c87fd;}
.news-cat li:hover a,.news-cat li.act a{color: #4c87fd;}
.news-ser-box{float: right;}
.ser-box{float: left;}
.ser-box.ser-box-input{padding-right: 40px;background-color: #eeeeee;border-radius:28px;margin-top: 12px;position: relative;padding-left: 12px;}
.ser-box .ser-input{width: 248px;height: 28px;border: none;background: none;outline: none;}
.ser-submit-btn{position: absolute;width: 36px;height: 30px;background: url("../../images/webv4/wiki_ser_ico.png") no-repeat 8px -68px;right: 0px;top: 0px;border: none;outline: none;cursor: pointer;}
.text-box{padding: 4px 12px;height:163px; position: absolute;bottom:0px;left: 0px;width: 377px;background: url("../../images/webv4/new_li_bg.png") repeat-x left bottom;color: #fff;transition:all .3s;overflow: hidden;}
.text-box .news-tit{font-size: 18px;height:44px; line-height: 22px;font-weight: 600;overflow: hidden;position: relative;z-index: 1;margin-top: 70px;}
.text-box .news-abstract{color:#efefef;height:36px; line-height: 18px;margin-top: 6px;font-size: 12px;position: relative;z-index: 1;overflow: hidden;margin-bottom: 6px;}
.noList{padding: 40px 0px 30px;text-align: center;}
.article-block{padding: 60px 0;background-color: #f2f5f9;}
.article-block .news-conmain{float: left;width: 910px;}
.article-block .news-tit {
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 10px;
    padding-left: 50px;
    position: relative;
    font-weight: 600;
}
.article-block .news-tit em {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 40px;
    height: 100%;
    background: url(../../images/webv4/news_sprites.png) no-repeat 3px 3px;
}
.article-block .post-time{position: relative;font-size: 14px;color: #999;}
#pageTip{margin-top: 50px;text-align: center;}
#pageTip a{padding: 10px 30px;border: 1px solid #b8babd;border-radius:30px;background-color: #fff;}
#pageTip a:hover{background-color: #4c95fd;color: #fff;border: none;}
.menu-block{padding: 2px 1px 10px 8px;background-color: #fff;border-radius:8px;}
.menu-block .menu-block-h3{font-size: 18px;font-weight: 600;padding:8px 8px 10px 60px;line-height: 30px; position: relative;border-bottom: 1px solid #ededed}
.menu-block .menu-block-h3 em{position: absolute;left: 10px;top:8px;width: 30px;height: 30px;background: url("../../images/webv4/news_sprites.png") no-repeat;}
.menu-block .menu-block-h3 em.common-recom{background-position: -76px 2px;}
.menu-block .menu-block-h3 em.hot-tag{background-position: -153px 2px;}
.menu-block .menu-block-h3 em.hot-article{background-position: -217px 0px;}
.q-menu-ul{display: block;padding: 14px 16px 10px 17px}
.q-menu-ul li{display: block;margin: 5px 0;}
.q-menu-ul li a{display: block;line-height: 30px;overflow: hidden;white-space: nowrap; text-overflow: ellipsis;}
.tag-link{padding-bottom: 20px;padding-left: 17px;}
.tag-link a{display: inline-block;padding: 6px 15px;border-radius:30px;background-color: #f8f8f8;margin-right: 4px;margin-top: 20px;}
.tag-link a:hover{background-color: #4c95fd;color: #fff;}
.ui-use-doc{background-color: #fff;position: relative;padding: 28px 35px 40px 35px;border-radius:8px;}
.post-con{margin-top: 25px;}
.post-con img{max-width: 800px;}
.hot-article-ul{display: block;padding-bottom: 35px;padding-top: 15px;}
.hot-article-ul li{padding: 0px 5px;}
.hot-article-ul li a{display: block;white-space: nowrap; text-overflow: ellipsis;line-height: 40px;overflow: hidden;}
.hot-article-ul li a i{padding: 0px 5px;background-color: #ff7e42;color: #fff;margin-right: 6px;}
.left-img img{width: 100%;height: 100%;}
.left-img em{position: absolute;left: 2px;top:0px;background: url("../../images/webv4/hot_article_bg.png") no-repeat;height: 13px;}
.left-img em.top1{background-position: 0 0;width: 41px;}
.left-img em.top2{background-position: -70px 0;width: 41px;}
.left-img em.top3{background-position: -141px 0;width: 41px;}
.left-img em.top4{background-position: -218px 0;width: 26px;}
.left-img em.top5{background-position: -290px 0;width: 26px;}
.right-con{margin-left: 95px;height: 100%;position: relative;}
.right-con p{position: absolute;bottom: 0px;color: #999;font-size: 12px;}

.partner-banner{width: 1196px;margin: 80px auto 0px;height: 139px;background: url("../../images/webv4/partner_banner_splite.png") repeat-x 0 0;}
.pb-ul{display: block;padding: 28px 48px;}
.pb-ul li{display: block;float: left;width: 149px;height: 79px;margin-left: 40px;position: relative;}
.pb-ul li:FIRST-CHILD{margin-left: 0;}
.pb-ul li .pb-item-img{background-color: #fff;line-height: 79px;height: 79px;text-align: center;position: absolute;width: 100%;left: 0px;top:0px;transition:all .3s ease-out}
.pb-ul li .pb-item-img img{vertical-align: middle;}
.pb-ul li .pb-item-line{position: absolute;width: 163px;height: 90px;background: url("../../images/webv4/partner_white_box.png") no-repeat 50%;top:-6px;left: -8px;display: none;}
.pb-ul li:hover .pb-item-line{display: block;}
.pb-ul li:hover .pb-item-img{top:6px;left: -9px;}
.games_block{background-color: #f7fafc;}
.web-large-title{font-size: 30px;text-align: center;color: #fff;font-weight: 400;}
.web-large-title-shadow{text-align: center;padding-top: 5px;padding-bottom: 25px;}
.game_list_box{padding: 75px 20px 0px;}
.game-suc-tit-box{background: none;position: absolute;top:-115px;width: 100%;}
.game_list_ul{overflow: hidden;}
.game_list_ul li{display: block;float: left;margin: 10px 71px;width: 100px;}
.game_list_ul li .gamelogo{text-align: center;}
.game_list_ul li .gamelogo img {
  margin: 0 auto;
  width:100px;
  height:100px;
  max-width: 100%;
  max-height: 100%;
}
.game_list_ul li .gamename {
  text-align: center;
  font-size: 14px;
  margin-top: 10px;
  line-height: 24px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.game_list_ul.pt-link-ul li{
	display: block;float: left;margin: 10px 36px;width: 170px;
}
.game_list_ul li .pt-link-logo{width: 170px;height: 75px;line-height: 75px;background-color: #fff;}
.game_list_ul li .pt-link-logo img{
	width:170px;
	max-width: 100%;
	max-height: 100%;
	vertical-align: middle;
}
.seemore-game{
	margin-top: 40px;
}
.con-tit{font-size: 36px;text-align: center;margin-bottom: 43px}
.btn-more{display: inline-block;width: 118px;height: 38px;line-height: 38px;border:1px solid #c1c1c1;text-align: center;border-radius:38px; color: #323232;}
.btn-more:HOVER{color: #fff;background-color: #4c95fd;border-color: #4c95fd;}

.about-sprites{background: url("../../images/webv4/aboutus_sprites.png") no-repeat;}
.team-show-ul{display: block;width: 1070px;margin: 0 auto;}
.team-show-ul li{display: block;float: left;margin-left: 36px;width: 330px;border: 1px solid #dfe0e1;height: 330px;text-align: center;}
.team-show-ul li:FIRST-CHILD{margin-left: 0;}
.team-show-ul li .trust{background-position: -311px -143px;width: 90px;height: 95px;margin: 50px auto 0 auto;}
.team-show-ul li .power{background-position: -307px -3px;width: 90px;height: 95px;margin: 50px auto 0 auto;}
.team-show-ul li h3{font-size: 18px;font-weight: 600;margin-top: 25px;}
.team-show-ul li p{margin-top: 20px;line-height: 22px;}
.team-show-ul li:hover{border-color: #fff;box-shadow:1px 1px 4px #cdcdcd;}
.develop-box{position: relative;height: 163px;width: 1152px;margin: 0 auto;border-bottom: 1px dashed #dbdce1;}
.develop-box .year2014{position: absolute;width: 101px;height: 169px;bottom:-13px;left:27px; background-position: 0px 0px;}
.develop-box .year2015{position: absolute;width: 101px;height: 169px;bottom:-13px;left:271px; background-position: -136px 0px;}
.develop-box .year2016{position: absolute;width: 101px;height: 169px;bottom:-13px;left:509px; background-position: 0px -200px;}
.develop-box .year2017{position: absolute;width: 101px;height: 169px;bottom:-13px;left:754px; background-position: -136px -200px;}
.develop-box .year2018{position: absolute;width: 101px;height: 169px;bottom:-13px;left:1000px; background-position: 0px -400px;}
.develop-ul{display: block;}
.develop-ul li{width: 220px;text-align: center;display: block;float: left;}
.develop-ul li h3{margin-top: 40px;}
.develop-ul li h3 span{font-size: 16px;font-weight: 600;padding-bottom: 12px;border-bottom: 1px solid #dbdce1;display:inline-block;}
.develop-ul li p{margin-top: 15px;}
.about-buz-ul{display: block;padding: 63px 0px 58px 0;}
.about-buz-ul li{display: block;float: left;width: 30%;margin-left: 5%;}
.about-buz-ul li:FIRST-CHILD{margin-left: 0;}
.about-buz-ul li .buz{width: 110px;height: 90px; background-position: -306px -270px;float: left;}
.about-buz-ul li .about-buz-info{height: 90px;}
.about-buz-info h3{font-size: 18px;font-weight: 600;margin-bottom: 14px;padding-left: 40px;background: url("../../images/webv4/aboutus_sprites.png") no-repeat;}
.about-buz-info h3.buzico{background-position: -423px -8px;}
.about-buz-info h3.market{background-position: -423px -59px;}
.about-buz-info p{margin-top: 8px;}
.aboutus-contact-box{margin: 60px 35px;}
.cont-l{float: left;width: 470px;}
.cont-l .cont-l-items{display: block;}
.cont-l .cont-l-items li{display: block;position: relative;width: 330px;height:130px; border: 1px solid #dbdbdb;margin: 0px auto;padding: 20px 0 25px 105px;margin-top: 42px;}
.cont-l .cont-l-items li:FIRST-CHILD{margin-top: 0;}
.cont-l .cont-l-items li h4{color: #4c6071;font-size: 15px;font-weight: 600;margin-bottom:10px;line-height: 24px;}
.cont-l .cont-l-items li p{line-height: 24px;color: #99abb7;}
.cont-r{float: right;width: 635px;}
.cont-r-items{display: block;}
.cont-r-items li{display: block;margin-top: 30px;}
.cont-r-items li:FIRST-CHILD{margin-top: 0;}
.cont-r-items li img{width: 635px}
.cont-r-items li p{line-height: 24px;}
.cont-r-items .ditu{width: 470px;height: 250px;}

.joinus-cont{padding-left: 67px;border-left: 1px dashed #ececec;}
.joinus-cont .con-tit{font-size: 24px;text-align: left;margin-bottom: 24px;position: relative;}
.joinus-cont .con-tit em{position: absolute;width: 22px;height: 22px;left: -79px;top:8px; background-position: -8px -227px;}
.join-top-ul li{display: block;float: left;width: 477px;margin-right: 36px;height: 130px;border: 1px solid #dfe0e1;border-radius:10px;margin-bottom: 36px;}
.join-top-ul li:hover{border-color: #fff;box-shadow:1px 1px 4px #cdcdcd;}
.join-sprites{background: url("../../images/webv4/join_sprites.png") no-repeat;}
.join-top-ul li .people{width: 105px;height: 46px;margin-top: 43px;background-position: 30px -5px;float: left;}
.join-top-ul li .link{width: 88px;height: 46px;margin-top: 43px;background-position: 20px -162px;float: right;}
.join-top-ul li .info-box{margin: 0px 90px 0px 110px;}
.join-top-ul li .info-box h3{margin-top: 40px;font-size: 18px;}
.join-top-ul li .info-box p{margin-top: 10px;}
.join-top-ul li:hover .link{background-position: 20px -84px;}

.for-sence-ul{display: block;height: 380px;width: 1230px;margin-left:16px;}
.for-sence-ul li{height: 100%;float: left;display: block;width: 410px;position: relative;cursor: pointer;}
.for-sence-ul li .sence-item-top{position: absolute;top: 83px;left:147px; width: 115px;height: 100px;background: url("../../images/webv4/qgsys_sprites.png") no-repeat;transition:all .3s;}
.for-sence-ul li .sence-item-top.outsite{background-position: 7px 2px}
.for-sence-ul li .sence-item-top.insite{background-position: 7px -156px}
.for-sence-ul li .sence-item-top.channel{background-position: 7px -311px}
.for-sence-ul li h3{position: relative;top: 212px;text-align: center;color: #fff;font-size: 26px;transition:all .3s;}
.for-sence-ul li .line-white{position: absolute;width: 37px;height: 3px;top: 267px;background-color: #fff;left: 186px;}
.for-sence-ul li .detail-info{color: #fff;position: absolute;width: 100%;line-height: 24px;text-align: center;top:100%;transition:all .3s;}
.for-sence-ul li:hover{background: url("../../images/webv4/sence_bg_color.png") no-repeat 50% 50%;}
.for-sence-ul li:hover .sence-item-top{top:45px;}
.for-sence-ul li:hover h3{top: 174px;}
.for-sence-ul li:hover .line-white{display: none;}
.for-sence-ul li:hover .detail-info{top:267px;}
.qgsys-open-ul{display: block;margin: 0px aut0;width:1200px;margin-top: 66px; }
.qgsys-open-ul li{display: block;float: left;border: 1px solid #e2e2e2;margin-left: 58px;width: 564px;}
.qgsys-open-ul li:FIRST-CHILD{margin-left: 0;}
.qgsys-open-ul li h2{padding-left: 30px;line-height: 46px;background-color: #f0f5f9;font-size: 18px;border-bottom: 1px solid #e2e2e2;}
.qgsys-open-ul li .open-cont{padding: 45px 42px 45px 240px;position: relative;line-height: 150%;height: 100px;}
.qgsys-open-ul li .open-cont img{position: absolute;width: 152px;height: 128px;left: 30px;top:32px;}

.im-product-ul{display: block;height: 468px;width: 1050px;margin: 0px auto;}
.im-product-ul li{width: 318px;float: left;border: 1px solid #dfe0e1;margin-left: 44px;height: 466px;background-color: #fff;transition:all .3s;}
.im-product-ul li:FIRST-CHILD{margin-left: 0;}
.im-product-ul li.animate{border-color:#a8c5f9;box-shadow:1px 1px 6px #c9dcfd;margin-top: -20px;}
.im-sprites{background: url("../../images/webv4/im-sprites.png") no-repeat;}
.im-product-ul li .simple-box{position: relative;height: 100%;}
.im-product-ul li .simple-box .p-top{height: 115px;width: 115px;margin: 0px auto;}
.im-product-ul li .simple-box .p-top.base{background-position:1px 1px; }
.im-product-ul li .simple-box .p-top.company{background-position:-148px 1px; }
.im-product-ul li .simple-box .p-top.ultimate{background-position:-330px 1px; }
.im-product-ul li .simple-box h3{color: #37424b;font-size: 18px;margin-top: 20px;}
.im-product-ul li .simple-box .gray-line{width: 22px;height: 2px;background-color: #dfe0e1;margin: 28px auto 0;}
.im-product-ul li .simple-box h2{font-size: 18px;color: #666;margin-top: 35px;}
.im-product-ul li .simple-box p{color: #bcbcbc;margin-top: 10px;  text-decoration: line-through;}
.im-product-ul li .simple-box .get-more-link{position: absolute;width: 154px;height: 42px;line-height: 42px;border: 1px solid #e4e4e4;border-radius:40px;text-align: center;color: #37424b;bottom: 52px;left: 82px;}
.im-product-ul li.animate .simple-box{display: none;}
.im-product-ul li .detail-box{position: relative;height:100%; background-color: #fff;display: none}
.im-product-ul li .detail-box .detail-tit{border: 1px solid #dfe0e1;text-align: center;width: 130px;height: 42px;line-height: 42px;margin: 0 auto;color: #37424b;font-size: 20px;}
.im-product-ul li .detail-box .detail-list{display: block;width: 185px;margin: 25px auto 0;}
.im-product-ul li .detail-box .detail-list dt{display: block;text-align: center;line-height: 33px;color: #999999;border-bottom: 1px solid #f3f3f3;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.im-product-ul li .detail-box .detail-list dt:FIRST-CHILD{border-top: 1px solid #f3f3f3;}
.im-product-ul li.animate .detail-box{display: block;}
.use-now-im {height: 54px;margin: 72px auto 0;}
.use-now-im a{display: inline-block;height: 100%;line-height: 54px;color: #fff;background-color: #4c87fd;border-radius:50px;transition:all .3s;padding:0px 25px;}
.use-now-im a:hover{box-shadow:1px 1px 8px #6396fc}
.im-cont .cont-l-items{display: block;margin: 0px auto;width: 1070px;margin-top: 66px;}
.im-cont .cont-l-items li{display: block;position: relative;width: 350px;border: 1px solid #dbdbdb;margin: 0px auto;padding: 30px 0 30px 108px;margin-left: 150px;float: left;}
.im-cont .cont-l-items li:FIRST-CHILD{margin-left: 0;}
.im-cont .cont-l-items li h4{color: #4c6071;font-size: 15px;font-weight: 600;margin-bottom:10px;line-height: 24px;}
.im-cont .cont-l-items li p{line-height: 24px;color: #99abb7;}
.web-title{height: 70px;width: 234px;margin: 0px auto;background: url("../../images/webv4/web_title_sprites.png") no-repeat;}
.web-title.item-partner{background-position: 0 0;width: 170px;}
.web-title.item-maingame{background-position: -225px 0;width: 236px;}
.web-title.item-aboutus{background-position: -495px 0;width: 189px;}
.web-title.item-contact{background-position: -720px 0;width: 186px;}
.web-title.conitem{position: absolute;width: 70px;height: 70px;left: -35px;top:46px;}
.web-title.conitem.hand{background-position: -207px -116px;}
.web-title.conitem.qq{background-position: -11px -116px;}
.web-title.conitem.service{background-position: -109px -116px;}
.web-title.conitem.buz-man{background-position: -336px -116px;top:70px;}
.web-title.conitem.buz-lady{background-position: -452px -116px;top:70px;}

.ansys-func-ul{display: block;width:1180px;margin: 60px auto 0;}
.ansys-func-ul li{display: block;width: 276px;height: 100px;padding:24px 0; border: 1px solid #eaeaea;margin-right: 17px;float: left;background-color: #fff;margin-bottom: 17px;}
.ansys-list-icon{float: left;width: 94px;height: 100%;background: url("../../images/webv4/ansys_list_icon.png") no-repeat;}
.ansys-list-icon.gamedashbord{background-position: 15px 17px;}
.ansys-list-icon.basereport{background-position: -275px 14px;}
.ansys-list-icon.eventreport{background-position: -581px 14px;}
.ansys-list-icon.channelanasys{background-position: -856px 14px;}
.ansys-list-icon.userlist{background-position: 11px -83px;}
.ansys-list-icon.orderlist{background-position: -273px -83px;}
.ansys-list-icon.player{background-position: -580px -83px;}
.ansys-list-icon.role{background-position: -860px -83px;}
.ansys-list-icon.ltv{background-position: 9px -182px;}
.ansys-list-icon.hot{background-position: -279px -182px;}
.ansys-list-icon.livereport{background-position: -579px -188px;}
.ansys-list-icon.device{background-position: -857px -182px;}
.ansys-func-ul li .ansys-list-info{padding-right: 7px;margin-left: 100px;}
.ansys-func-ul li p{margin-top: 10px;font-size: 13px;}
.function-ul.ansys-fun {margin-top:0;}
.function-ul.ansys-fun li{width:25%;}

.ansys-fun .fun-icon{width: 100px;height: 98px;margin: 0 auto;background: url("../../images/webv4/function_ansys_icons.png") no-repeat;}
.ansys-fun .fun-icon.collect{background-position: -593px 1px;}
.ansys-fun .fun-icon.monitor{background-position: -143px 1px;}
.ansys-fun .fun-icon.ansys{background-position: -445px 1px;}
.ansys-fun .fun-icon.pay{background-position: -0px 1px;}
.ansys-fun .fun-icon.live{background-position: -299px 1px;}
.ansys-fun .fun-icon.crash{background-position: -744px 1px;}



.fb-menu{height: 245px;background-color: #282c33;padding: 55px 0 10px 0;}
.fb-menu-left{float: left;width: 850px;height: 100%;}
.fb-menu-right{float: left;width: 397px;text-align: center;height: 142px;padding-bottom: 62px;border-left: 1px solid #363a42}
.fb-menu-ul{display: block;}
.fb-menu-ul li{float: left;display: block;width: 25%;color: #fff;}
.fb-menu-ul li h4{font-size: 16px;margin-bottom: 22px;}
.fb-menu-ul li p{line-height: 30px;font-size: 14px;color: #ccc}
.fb-menu-ul li p a{color: #ccc;}

.footer-block{background-color:#23272e;padding: 16px 0;color: #ccc;text-align: center;line-height: 24px;}
.footer-block a{color: #ccc;}