@charset "utf-8";
.clearfix:after {content: " ";display: block;height: 0;clear: both;}
.clearfix {zoom: 1;}
.fl{float:left;}
.fr{float:right;}
.copyright{background: #333;}
.copyright .bot_dir a{color: #dcdcdc; border-color: #909090;}
.copyright .bot_dir a:hover{color: #dcdcdc;}
.copyright p{color: #a8a7a7;}
.copyright p a{color: #a8a7a7;}
.content{padding: 23px 0 0; width: 1200px; margin: 0 auto;}

/* tab-wrap */
.tab-wrap{padding-bottom:19px;box-shadow: 0 0 6px #ccc;}
.tab-wrap .top-intro{padding-left: 26px; position: relative; margin-bottom: 13px;}
.tab-wrap .top-intro .icon{width: 120px; height: 122px; position: absolute; left: -7px; top: -9px;background: url(../images/h-icons.png) no-repeat; z-index: 2;}
.tab-wrap .top-intro ul{padding-top: 24px; overflow: hidden; zoom: 1;width: 1200px;}

.tab-wrap .top-intro ul li{width:124px; float: left; margin-right: 23px;transition: all .5s;}
.tab-wrap .top-intro ul li a{display: block; width: 100%;}
.tab-wrap .top-intro ul li a span{display: block; width:124px; height:124px; overflow: hidden;}
.tab-wrap .top-intro ul li a span img{display: block; width:118px; height:118px; border-radius: 16px;transition: all .8s; border:3px solid #e8e6e6;}
.tab-wrap .top-intro ul li a p{height:30px; font-size: 14px; color: #333; text-align: center; line-height: 30px;overflow: hidden; margin-top: 3px;}
.tab-wrap .top-intro ul li:hover{transform: translateY(-8px);}
.tab-wrap .top-intro ul li:hover p{font-weight: bold; color: #066b9b;}

.tab-wrap .intro-game{padding-left: 26px; overflow: hidden; zoom: 1; height: 24px; line-height: 24px; margin-bottom: 20px;}
.tab-wrap .intro-game .tit{width: 74px; height: 24px; border-radius: 2px; background: #00a4ff; float: left; margin-right: 22px; text-align: center; line-height: 24px; color: #ffff; font-size: 12px; position: relative;}
.tab-wrap .intro-game .tit::after{display: block;content: ""; border:5px solid; border-color: transparent transparent transparent #00a4ff; position: absolute; right: -10px; top: 7px;}
.tab-wrap .intro-game a{padding: 0 17px; color: #666;font-size: 14px; transition: all .3s;}
.tab-wrap .intro-game a:hover{color: #00a4ff;}
.tab-wrap .intro-game a:nth-of-type(3n){color: #00a4ff;}
.tab-wrap .intro-game i{font-size: 14px; line-height: 24px; color: #dadada;font-weight: bold; font-style: normal;}

.tab-wrap .intro-soft{padding-left: 26px; overflow: hidden; zoom: 1; height: 24px; line-height: 24px;}
.tab-wrap .intro-soft .tit{width: 74px; height: 24px; border-radius: 2px; background: #93c146; float: left; margin-right: 22px; text-align: center; line-height: 24px; color: #ffff; font-size: 12px; position: relative;}
.tab-wrap .intro-soft .tit::after{display: block;content: ""; border:5px solid; border-color: transparent transparent transparent #93c146; position: absolute; right: -10px; top: 7px;}
.tab-wrap .intro-soft a{padding: 0 17px; color: #666;font-size: 14px; transition: all .3s;}
.tab-wrap .intro-soft a:hover{color: #93c146;}
.tab-wrap .intro-soft a:nth-of-type(4n){color: #93c146;}
.tab-wrap .intro-soft i{font-size: 14px; line-height: 24px; color: #dadada;font-weight: bold;font-style: normal;}

/* fir-con */
.fir-con{margin: 0 0 8px;}

/** fir-l **/
.fir-l{width: 400px; float: left; padding-top: 30px; margin-right: 40px;}

.fir-l .fir-slide{height: 290px; overflow: hidden; margin-bottom:25px;}
.fir-l .fir-slide .swiper-slide a{display: block; width: 100%; height: 100%; position: relative;}
.fir-l .fir-slide .swiper-slide img{width: 100%; height:290px; display: block;}
.fir-l .fir-slide .swiper-slide a p{width: 100%; padding: 0 100px 0 14px; height: 46px; line-height: 46px; font-size: 16px; color: #fff; font-weight: bold; overflow: hidden; position: absolute; left: 0; bottom: 0; background: rgba(0,0,0,.7); box-sizing: border-box;}

.fir-l .fir-slide .swiper-pagination{bottom: 15px; overflow: hidden; zoom: 1; left: auto; right: 15px;}
.fir-l .fir-slide .swiper-pagination .swiper-pagination-bullet{width: 12px; height:12px; float: right; margin: 0 0 0 5px; background: #a5a6a7; border-radius:50%; opacity: 1;}
.fir-l .fir-slide .swiper-pagination .swiper-pagination-bullet-active{background: #066b9b;}

/** fir-tit **/
.fir-tit{height: 24px; line-height: 24px;}
.fir-tit em{display: block; width: 5px; height:24px; background: #066b9b; float: left;margin: 0 10px 0 0;}
.fir-tit h2{float: left; font-size: 18px; color: #333;font-weight: bold;}

/** intro-box **/
.intro-box .intro-list{padding-top: 6px;}

.intro-box .intro-list li{padding: 12px 0; overflow: hidden; zoom: 1; border-bottom: 1px dashed #ddd;}
.intro-box .intro-list .li-3{border-bottom: none;}
.intro-box .intro-list li .img{display: block; width: 68px; height: 68px; float: left; margin-right: 10px; overflow: hidden;border-radius: 10px;}
.intro-box .intro-list li .img img{display: block; width: 100%; height: 100%; border-radius: 10px; transition: all .5s;}
.intro-box .intro-list li .mid{width: 250px;float: left; padding-top: 4px;}
.intro-box .intro-list li .mid a{display: block; height: 22px; line-height: 22px; font-size: 14px; color: #333; font-weight: bold; overflow: hidden;}
.intro-box .intro-list li .mid a:hover{color: #066b9b;}
.intro-box .intro-list li .mid .type{font-size: 12px; height: 20px; line-height: 20px; color: #9d97be;}
.intro-box .intro-list li .mid .type span{color: #999;}
.intro-box .intro-list li .mid .type i{color: #ccc; font-style: normal; margin: 0 6px;}
.intro-box .intro-list li .mid p{font-style: 12px; height: 20px; line-height: 20px; color: #999; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.intro-box .intro-list li .mid p span{color: #f44747;}
.intro-box .intro-list li .btn{display: block; width: 62px; height: 26px; line-height: 26px; text-align: center; color: #f44747; border:1px solid #f44747; border-radius: 2px; font-size: 12px; float: right; margin-top: 18px; transition: all .3s;}
.intro-box .intro-list li .btn:hover{color: #fff; background: #f44747;}
.intro-box .intro-list li .img img:hover{transform: scale(1.1);}
/** update-box **/
.fir-mid{width: 460px;float: left; padding: 18px 0 0;}
.fir-mid .fir-tit{height: 46px;border-bottom: 2px solid #eee;}
.fir-mid .fir-tit h2{font-size: 20px; float: left; color: #f44747; font-weight: bold; line-height: 46px;}

.fir-mid .fir-tab{float: right;height: 37px; margin-top: 9px; line-height: 37px;}
.fir-mid .fir-tab span{display: block; float: left; height: 37px; line-height: 37px; cursor: pointer; font-size: 15px; color: #444; padding: 0 5px;}
.fir-mid .fir-tab span.active{color: #066b9b; border-bottom: 2px solid #066b9b; font-weight: bold;}
.fir-mid .fir-tab i{font-size: 22px; color: #e4e4e4; font-style: normal; margin: 0 12px; line-height: 37px;float: left;}

.update-list-box{overflow: hidden; padding-top: 10px; float: right;}
.update-list{width: 300%; overflow: hidden; zoom: 1;}
.update-list ul{width: 460px; float: left;}
.update-list li{height: 40px; overflow: hidden; zoom: 1;}

.update-list li .num{width: 4px; float: left; margin-right: 10px; height: 100%; overflow: hidden;}
.update-list li .num em{display:block; width:4px; height:4px;  border-radius: 50%; background: #ccc; margin: 2px 0;}
.update-list li .num::before{display: block; content: ' '; width: 1px; height:16px; background: #ccc; margin: 0 auto;}
.update-list li .num::after{display: block; content: ' '; width: 1px; height: 16px; background: #ccc; margin: 0 auto;}
.update-list li.li-1 .num::before,.update-list li.li-8 .num::before{background: #fff;}
.update-list li.li-7 .num::after,.update-list li.li-14 .num::after{background: #fff;}
.update-list li.li-7{margin-bottom: 13px;}

.update-list li a{display: block; height: 100%;overflow: hidden; zoom: 1; line-height: 40px; font-size: 15px;}
.update-list li .type{display: block; float: left; width: 80px; color: #999; font-size: 12px;transition: all .3s;line-height: 40px;transition: all .3s;}
.update-list li i{float: left; line-height: 40px; margin-right: 13px;color: #ddd;}
.update-list li img{display: block; float: left; width: 22px; height: 22px; margin:9px 10px 0 0; border-radius:2px;}
.update-list li .t{width: 240px; display: block; height: 40px; line-height: 40px; color: #333; overflow: hidden;zoom: 1; float: left; }
.update-list li .date{float: right; color: #999; font-size: 12px;}
.update-list li .date.new{color: #f00;}
.update-list li a:hover .t{color: #066b9b; font-weight: bold;}
.update-list li a:hover .type{margin-left: 5px;}
/* fir-r */
.fir-r{width: 260px; float: right; padding-top: 30px;float: right;}
.fir-r .hot-hj{ margin-bottom: 25px;}
.fir-r .hot-hj .hj-1{padding-top: 19px; overflow: hidden; zoom: 1; width: 280px;}
.fir-r .hot-hj .hj-1 a{display: block; width: 122px; float: left; margin-right: 16px;}
.fir-r .hot-hj .hj-1 a .img{display: block; width: 118px; height: 68px; padding: 1px; border:1px solid #ccc; overflow: hidden;}
.fir-r .hot-hj .hj-1 a .img img{display: block; width: 100%; height: 100%;transition: all .5s;}
.fir-r .hot-hj .hj-1 a p{display: block; height: 34px; line-height:34px; text-align: center; font-size: 14px; color: #333; overflow: hidden;}
.fir-r .hot-hj .hj-1 a:hover p{font-weight: bold; color: #066b9b;}
.fir-r .hot-hj .hj-1 a:hover img{transform: scale(1.1);}
.fir-r .hot-hj .hj-2{padding-top: 4px;}
.fir-r .hot-hj .hj-2 a{display: block; height: 34px; line-height: 34px; font-size: 14px; color: #333; overflow: hidden; zoom: 1;}
.fir-r .hot-hj .hj-2 a::before{display: inline-block;content: ''; float: left; width: 5px; height: 5px; border-radius: 5px; margin: 15px 10px 0 0; background: #30a5dd;}
.fir-r .hot-hj .hj-2 a:hover{font-weight: bold; color: #066b9b;}

.fir-r-intro ul{padding-top: 6px; width: 280px; overflow: hidden; zoom: 1;}
.fir-r-intro ul li{width: 75px; float: left; margin-right: 18px; margin-top: 14px;}
.fir-r-intro ul li a{display: block; width: 100%;}
.fir-r-intro ul li a span{display: block; width:75px; height:75px; border-radius:8px; overflow: hidden;}
.fir-r-intro ul li a span img{display: block; width:75px; height:75px; border-radius:8px; transition: all .5s;}
.fir-r-intro ul li a p{height: 34px; font-size: 14px; color: #333; text-align: center; line-height: 34px;overflow: hidden;}
.fir-r-intro ul li:hover p{color: #066b9b; font-weight: bold;}
.fir-r-intro ul li:hover span img{transform: scale(1.1);}
/* home-tit */
.home-tit{height: 49px; border-bottom:2px solid #eee;}
.home-tit h2{float: left; color: #00a4ff; font-weight: bold;height:49px; line-height:49px; font-size: 20px; border-bottom: 2px solid #00a4ff;}
.home-tit .more-btn{float: right; color: #999; font-size: 12px; height: 34px; padding-top: 15px; line-height: 34px;}
.home-tit .more-btn:hover{color: #00a4ff;}

.home-tit .mob-game-tab{float: left; margin-left: 430px; margin-top: 27px;}
.home-tit .mob-game-tab li{float: left; display: inline-block; padding: 0 12px; height: 24px; line-height: 24px; font-size: 12px; color: #666;margin-right: 17px; border-radius: 2px;position: relative; cursor: pointer;}
.home-tit .mob-game-tab li.active{background: #00a4ff; color: #fff; font-weight: bold;}
.home-tit .mob-game-tab li.active::after{display: inline-block;content: '';border:5px solid; border-color: #00a4ff transparent transparent; position: absolute; left: 50%; margin-left: -5px; bottom: -10px;}

/* mob-game */ 
.mob-game{padding-bottom: 8px;}
.mob-game .mob-game-l{width: 860px; float: left;}
.mob-game .mob-game-item{overflow: hidden;}
.mob-game .mob-game-item .r-list{width: 2000px;}

.mob-game .mob-game-item ul.r-list1{width:890px; padding: 25px 0 0; float: left;}
.mob-game .mob-game-item ul.r-list1 li{width:268px; float: left; margin: 0 25px 13px 0; height: 90px; border-radius:3px;padding: 16px 0; border:1px solid #ddd;transition: all .3s;}

.mob-game .mob-game-item ul.r-list1 li .img{display: block; width: 90px; height: 90px; border-radius:13px; float: left; overflow: hidden; margin:0 12px 0 14px;}
.mob-game .mob-game-item ul.r-list1 li .img img{width: 100%; height: 100%; border-radius:13px;transition: all .5s;margin-right: 12px;}
.mob-game .mob-game-item ul.r-list1 li .infor{padding-top: 7px;width: 139px;float: left;}
.mob-game .mob-game-item ul.r-list1 li .infor .tit{display: block; font-size: 16px; height: 30px; line-height: 30px; overflow: hidden; color: #333; transition: all .5s;}
.mob-game .mob-game-item ul.r-list1 li .infor .stars{display: block; width: 74px; height: 13px; background: url(../images/h-icons.png) no-repeat; background-position: -130px -15px; margin-top: 4px; overflow: hidden;zoom: 1;}
.mob-game .mob-game-item ul.r-list1 li .infor .stars em{display: block; width: 100%; height: 100%; float: left; background: url(../images/h-icons.png) no-repeat; background-position: -130px 0;}
.mob-game .mob-game-item ul.r-list1 li .infor .type-box{height: 32px; overflow: hidden;margin-top: 3px;}
.mob-game .mob-game-item ul.r-list1 li .infor .type{font-size: 12px; height: 30px; line-height: 30px; color: #9d97be; overflow: hidden;transition: all .3s; }
.mob-game .mob-game-item ul.r-list1 li .infor .type i{margin: 0 7px; color: #ccc; font-style: normal;}
.mob-game .mob-game-item ul.r-list1 li .infor .btn{width: 70px; height: 26px; line-height: 26px;background: #00a4ff; font-size: 12px; text-align: center; border-radius: 2px;color: #fff; margin-top: 8px; display: block;}
.mob-game .mob-game-item ul.r-list1 li .infor .type span{color: #a9c2a8;}
.mob-game .mob-game-item ul.r-list1 li:hover .type{margin-top: -32px;}
.mob-game .mob-game-item ul.r-list1 li:hover .tit{color: #066b9b;}
.mob-game .mob-game-item ul.r-list1 li:hover .img img{transform: scale(1.1);}
.mob-game .mob-game-item ul.r-list1 li:hover{box-shadow: 0 0 10px #ccc;}

.mob-game .mob-game-item ul.r-list2{width: 890px; padding: 14px 0 0; float: left;}
.mob-game .mob-game-item ul.r-list2 li{width: 268px; float: left; margin-right:28px; height:38px;}
.mob-game .mob-game-item ul.r-list2 li a{display: block; width: 100%; height: 100%;overflow: hidden; zoom: 1; line-height: 38px; font-size: 14px;color: #666;}

.mob-game .mob-game-item ul.r-list2 li a .num{width:3px; float: left; margin-right: 8px; height: 100%; overflow: hidden;}
.mob-game .mob-game-item ul.r-list2 li a .num em{display:block; width:3px; height:3px;  border-radius: 50%; background: #ccc; margin: 2px 0;}
.mob-game .mob-game-item ul.r-list2 li a .num::before{display: block; content: ' '; width: 1px; height:16px; background: #ccc; margin: 0 auto;}
.mob-game .mob-game-item ul.r-list2 li a .num::after{display: block; content: ' '; width: 1px; height: 15px; background: #ccc; margin: 0 auto;}
.mob-game .mob-game-item ul.r-list2 li.li-1 a .num::before,
.mob-game .mob-game-item ul.r-list2 li.li-2 a .num::before,
.mob-game .mob-game-item ul.r-list2 li.li-3 a .num::before{background: #fff;}
.mob-game .mob-game-item ul.r-list2 li.li-31 a .num::after,
.mob-game .mob-game-item ul.r-list2 li.li-32 a .num::after,
.mob-game .mob-game-item ul.r-list2 li.li-33 a .num::after{background: #fff;}

.mob-game .mob-game-item ul.r-list2 li a p{float: left; width: 182px; transition: all .3s; }
.mob-game .mob-game-item ul.r-list2 li a span{color: #999;float: right;}
.mob-game .mob-game-item ul.r-list2 li a:hover p{font-weight: bold; color: #066b9b;}

.mob-game .mob-game-r{width: 300px; float: right;margin-top: 15px; border:1px solid #ebebeb; border-bottom: none; border-right: none;}
.mob-game .mob-game-r h3{font-size: 15px; height: 34px; line-height: 34px; border-bottom: 1px solid #ebebeb; overflow: hidden; zoom: 1; font-weight: bold;border-right:1px solid #ebebeb;}
.mob-game .mob-game-r h3 em{display: block; width: 17px; height: 17px; float: left; margin: 8px 7px 0 10px; background: url(../images/h-icons.png) no-repeat; background-position: -130px -36px;}
.mob-game .mob-game-r ul li{width: 99px;float: left; background-color: #fafbfd; border-bottom: 1px solid #ebebeb; border-right:1px solid #ebebeb;}
.mob-game .mob-game-r ul li a{display: block; height: 93px; padding-top: 12px;width: 100%;}
.mob-game .mob-game-r ul li a em{display: block; width: 60px;height: 60px; background: url(../images/h-icons.png) no-repeat; background-position: 0 -140px; margin: 0 auto;}
.mob-game .mob-game-r ul li a p{height: 30px; line-height: 30px; font-size: 14px;color: #333; text-align: center; overflow: hidden;}
.mob-game .mob-game-r ul li:hover a p{font-weight: bold; color: #066b9b;}
.mob-game .mob-game-r ul .li-2 a em{background-position: -63px -140px;}
.mob-game .mob-game-r ul .li-3 a em{background-position: -126px -140px;}
.mob-game .mob-game-r ul .li-4 a em{background-position: 0 -203px;}
.mob-game .mob-game-r ul .li-5 a em{background-position: -63px -203px;}
.mob-game .mob-game-r ul .li-6 a em{background-position: -128px -203px;}
.mob-game .mob-game-r ul .li-7 a em{background-position: 0 -265px;}
.mob-game .mob-game-r ul .li-8 a em{background-position: -63px -265px;}
.mob-game .mob-game-r ul .li-9 a em{background-position: -128px -265px;}
.mob-game .mob-game-r ul .li-10 a em{background-position: 0 -328px;}
.mob-game .mob-game-r ul .li-11 a em{background-position: -63px -328px;}
.mob-game .mob-game-r ul .li-last a em{width: 35px; height: 45px; background-position: -144px -328px;}
.mob-game .mob-game-r ul .li-last a p{font-weight: bold; color: #999;}

/* zt-box */
.zt-box .home-tit h2{color: #90c43a; border-color:#90c43a;}
.zt-box .home-tit .more-btn:hover{color: #90c43a;}
.zt-box .zt-list{padding-top: 25px; overflow: hidden;}
.zt-box .zt-list ul{width: 1240px; overflow: hidden; zoom: 1;}
.zt-box .zt-list ul li{width: 270px; padding: 3px; padding-bottom: 0;border:1px solid #eee; float: left; margin-right: 29px; transition: all .5s; margin-bottom: 20px;}
.zt-box .zt-list ul li span{display: block; width: 100%; height: 126px; overflow: hidden;}
.zt-box .zt-list ul li span img{display: block; width: 100%; height: 100%;}
.zt-box .zt-list ul li p{height: 38px; line-height: 38px; font-size: 14px; color: #333; text-align: center; overflow: hidden; transition: all .5s;}
.zt-box .zt-list ul li:hover{background: #90c43a;}
.zt-box .zt-list ul li:hover p{color: #fff;}

/* mob-box */
.mob-box{padding: 5px 0 0; background: #fff; margin-bottom: 12px;}
.mob-box .home-tit h2{color: #fc9e1e; border-color:#fc9e1e;}
.mob-box .home-tit .more-btn:hover{color: #fc9e1e;}
.mob-box .home-tit .mob-game-tab li.active{background: #fc9e1e;}
.mob-box .home-tit .mob-game-tab li.active::after{border-top-color: #fc9e1e;}
.mob-box .home-tit .mob-game-tab{margin-left: 620px;}
.mob-box .mob-game-item{overflow: hidden;}
.mob-box .mob-game-item .r-list{width: 3000px;}
.mob-box .mob-game-item ul.r-list1{width:1250px;float: left;padding-top: 25px;}
.mob-box .mob-game-item ul.r-list1 li{width:276px; float: left; margin: 0 28px 14px 0; height: 90px; border-radius:3px;padding: 17px 0; border:1px solid #ddd;transition: all .3s;}
.mob-box .mob-game-item ul.r-list1 li .img{display: block; width: 90px; height: 90px; border-radius:13px; float: left; overflow: hidden; margin:0 12px 0 14px;}
.mob-box .mob-game-item ul.r-list1 li .img img{width: 100%; height: 100%; border-radius:13px;transition: all .5s;}
.mob-box .mob-game-item ul.r-list1 li .infor{padding-top: 7px;width: 145px;float: left;}
.mob-box .mob-game-item ul.r-list1 li .infor .tit{display: block; font-size: 16px; height: 30px; line-height: 30px; overflow: hidden; color: #333; transition: all .5s;}
.mob-box .mob-game-item ul.r-list1 li .infor .stars{display: block; width: 74px; height: 13px; background: url(../images/h-icons.png) no-repeat; background-position: -130px -15px; margin-top: 4px; overflow: hidden;zoom: 1;}
.mob-box .mob-game-item ul.r-list1 li .infor .stars em{display: block; width: 100%; height: 100%; float: left; background: url(../images/h-icons.png) no-repeat; background-position: -130px 0;}
.mob-box .mob-game-item ul.r-list1 li .infor .type-box{height: 32px; overflow: hidden;margin-top: 3px;}
.mob-box .mob-game-item ul.r-list1 li .infor .type{font-size: 12px; height: 30px; line-height: 30px; color: #9d97be; overflow: hidden;transition: all .3s;}
.mob-box .mob-game-item ul.r-list1 li .infor .type i{margin: 0 7px; color: #ccc; font-style: normal;}
.mob-box .mob-game-item ul.r-list1 li .infor .btn{width: 70px; height: 26px; line-height: 26px;background: #fc9e1e; font-size: 12px; text-align: center; border-radius: 2px;color: #fff; margin-top: 8px; display: block;}
.mob-box .mob-game-item ul.r-list1 li .infor .type span{color: #a9c2a8;}
.mob-box .mob-game-item ul.r-list1 li:hover .type{margin-top: -32px;}
.mob-box .mob-game-item ul.r-list1 li:hover .img img{transform: scale(1.1);}
.mob-box .mob-game-item ul.r-list1 li:hover .tit{color: #066b9b;}
.mob-box .mob-game-item ul.r-list1 li:hover{box-shadow: 0 0 10px #ccc;}

.mob-box .mob-game-item ul.r-list2{width: 1260px; padding: 14px 0 0; float: left;}
.mob-box .mob-game-item ul.r-list2 li{width: 268px; float: left; margin-right:42px; height:38px;}
.mob-box .mob-game-item ul.r-list2 li a{display: block; width: 100%; height: 100%;overflow: hidden; zoom: 1; line-height: 38px; font-size: 14px;color: #666;}
.mob-box .mob-game-item ul.r-list2 li a .num{width:3px; float: left; margin-right: 8px; height: 100%; overflow: hidden;}
.mob-box .mob-game-item ul.r-list2 li a .num em{display:block; width:3px; height:3px;  border-radius: 50%; background: #ccc; margin: 2px 0;}
.mob-box .mob-game-item ul.r-list2 li a .num::before{display: block; content: ' '; width: 1px; height:16px; background: #ccc; margin: 0 auto;}
.mob-box .mob-game-item ul.r-list2 li a .num::after{display: block; content: ' '; width: 1px; height: 15px; background: #ccc; margin: 0 auto;}
.mob-box .mob-game-item ul.r-list2 li.li-1 a .num::before,
.mob-box .mob-game-item ul.r-list2 li.li-2 a .num::before,
.mob-box .mob-game-item ul.r-list2 li.li-3 a .num::before,
.mob-box .mob-game-item ul.r-list2 li.li-4 a .num::before
{background: #fff;}
.mob-box .mob-game-item ul.r-list2 li.li-41 a .num::after,
.mob-box .mob-game-item ul.r-list2 li.li-42 a .num::after,
.mob-box .mob-game-item ul.r-list2 li.li-43 a .num::after,
.mob-box .mob-game-item ul.r-list2 li.li-44 a .num::after
{background: #fff;}
.mob-box .mob-game-item ul.r-list2 li a p{float: left; width: 182px; transition: all .3s; }
.mob-box .mob-game-item ul.r-list2 li a span{color: #999;float: right;}
.mob-box .mob-game-item ul.r-list2 li a:hover p{font-weight: bold; color: #066b9b;}

/* rank-box */
.rank-box{margin-bottom:20px;}
.rank-box .home-tit h2{color: #3fc7e4; border-color:#3fc7e4;}
.rank-box .home-tit .more-btn:hover{color: #3fc7e4;}

.rank-box .rank-item{padding: 26px 0 0; width: 1250px;}
.rank-item .item{width: 370px; float: left; margin-right: 30px;padding:17px 0 20px; border: 1px solid #e6e6e6; border-left-width: 9px; border-radius: 9px;}
.rank-item .item h3{height: 38px; line-height: 38px; font-size: 16px; color: #fff; text-indent:15px;position: relative;background: #ef6d66;}
.rank-item .item h3 em{display: block; width: 9px; height: 42px; background: url(../images/h-icons.png) no-repeat; background-position: -130px -57px; position: absolute; left: -9px; top: -4px;}
.rank-item .item ul{padding: 0 15px;}
.rank-item .item ul li{padding-left: 30px;position: relative; margin-top: 20px;}
.rank-item .item ul li .num{display:block;width:20px; height:23px;font-size:12px; text-align:center; color:#fff;line-height: 23px; text-align: center; transition: all .3s; position: absolute; left: 0; top: 0; background:url(../images/h-icons.png) no-repeat;background-position: -198px -107px;}
.rank-item .item ul li.open{height: 90px; background: #fff; border-radius: 4px; box-shadow: 0 0 6px #ccc;}
.rank-item .item ul li.open .num{top: 34px; left: 10px;}
.rank-item .item ul li.open .r-a{display:none;}
.rank-item .item ul li.open .r-b{display:block;}

.rank-item .item ul li.top-1 .num {background-position: -130px -107px;}
.rank-item .item ul li.top-2 .num {background-position: -130px -107px;}
.rank-item .item ul li.top-3 .num {background-position: -130px -107px;}

.rank-item .r-a{overflow:hidden;zoom: 1; height: 23px; line-height: 23px;}
.rank-item .r-a a{display: block;float:left;line-height:23px;height:23px; font-size: 15px; color: #333;width:100%; overflow: hidden;zoom: 1;}
.rank-item .r-a a span{float: left; display: block; width: 230px;font-size: 15px;}
.rank-item .r-a a em{float: right; line-height: 23px; color: #999; font-size: 12px;}

.rank-item .r-b{height:70px; display: none; overflow:hidden;zoom:1; padding-left: 10px; padding-top: 10px;}
.rank-item .r-b .img{display: block; width: 70px; height: 70px; border-radius: 10px; float: left; overflow: hidden; margin-right: 10px;}
.rank-item .r-b .img img{width: 100%; height: 100%; border-radius: 10px;transition: all .5s;}
.rank-item .r-b .infor{width: 138px; float: left; padding-top: 4px;}
.rank-item .r-b .infor .tit{display: block; font-size: 15px; height: 27px; line-height: 27px; overflow: hidden; color: #333;}
.rank-item .r-b .infor .star{display: block; width: 74px; height: 13px; background: url(../images/h-icons.png) no-repeat; background-position: -130px -15px; margin-top: 4px; overflow: hidden;zoom: 1;}
.rank-item .r-b .infor .star em{display: block; width: 100%; height: 100%; float: left; background: url(../images/h-icons.png) no-repeat; background-position: -130px 0;}

.rank-item .r-b .infor .type{font-size: 12px; height: 26px; line-height: 26px; color: #9d97be; overflow: hidden;}
.rank-item .r-b .infor .type i{margin: 0 8px; color: #ccc; font-style: normal;}
.rank-item .r-b .infor .type span{color: #a9c2a8;}
.rank-item .r-b .img img:hover{transform: scale(1.1);}

.rank-item .item ul li .r-b .infor .tit:hover{color: #ef6d66;}
.rank-item .item ul li .r-b .btn{display: block; float: right; width: 62px; height: 26px; line-height: 26px; text-align: center; color: #fff; background:linear-gradient(to right,#de5b54,#ee6c64); border-radius: 2px; margin-top: 30px; font-size: 12px; margin-right:18px;}

/* item2 */
.rank-item .item2 h3{background:#43c157;}
.rank-item .item2 h3 em{background-position: -151px -57px;}
.rank-item .item2 ul li.top-1 .num {background-position: -152px -107px;}
.rank-item .item2 ul li.top-2 .num {background-position: -152px -107px;}
.rank-item .item2 ul li.top-3 .num {background-position: -152px -107px;}
.rank-item .item2 ul li .r-b .infor .tit:hover{color: #43c157;}
.rank-item .item2 ul li .r-b .btn{background:linear-gradient(to right,#35b249,#42c056);}
/* item3 */
.rank-item .item3 h3{background:#4b8be9;}
.rank-item .item3 h3 em{background-position: -169px -57px;}
.rank-item .item3 ul li.top-1 .num {background-position: -175px -107px;}
.rank-item .item3 ul li.top-2 .num {background-position: -175px -107px;}
.rank-item .item3 ul li.top-3 .num {background-position: -175px -107px;}
.rank-item .item3 ul li .r-b .infor .tit:hover{color: #4b8be9;}
.rank-item .item3 ul li .r-b .btn{background:linear-gradient(to right,#3e7ad1,#4a8ae8);}

/* links-box */
.links-box{margin-bottom: 30px;}
.links-box .home-tit h2{color: #066b9b; border-color:#066b9b;}
.links-box .home-tit .more-btn:hover{color: #066b9b;}
.links-box .links-list{overflow: hidden; zoom: 1; padding-top: 16px;}
.links-box .links-list a{float: left; display: inline-block; font-size: 16px; color: #666; height: 34px; line-height: 34px;}
.links-box .links-list i{ line-height: 34px; float: left; color: #c0bdbd; margin: 0 24px;}
.links-box .links-list a:hover{font-weight: bold; color: #066b9b;}

/*homepage*/
.page_index .header-box{width:100%;height:42px;background-color:#333333 !important;border:none;}
.page_index .header-box div{width:1200px;margin:0 auto;background-color:#333333 !important;border:none;}
.page_index .header-box a{display: block;line-height: 42px;color:#fff;}
.page_index .container{width:1200px;margin:20px auto 80px;}
.page_index  .container p{margin-bottom:24px;color: #797979;font-size:16px;line-height:28px;}
.page_index .article div{float: left;}
.page_index .article .imgboxs{width:413px;height:285px;border: 1px solid #ecebeb;margin-right: 20px;margin-bottom:20px;}
.page_index .article-right{width:750px;}
.page_index .article .imgboxs img{margin:7px auto;display: block;}
.page_index .footer-box{width:100%;background:#30302f;height:90px;}
.page_index .footer-box div{margin:0 auto;width:1200px;height:90px;padding: 0 !important;color:#fff;text-align: center;line-height:90px;font-size:18px;font-weight: bold;}
.page_index .footer-box div a{color:#fff; font-weight: bold;}
.page_index .margins{margin-right:20px;}


/*homepage*/

@keyframes rotate{
	0% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.2);
    }
    100% {
        transform: scale(1);
    }
}
@-webkit-keyframes rotate{
	0% {
        -webkit-transform:scale(1);
    }
    50% {
        -webkit-transform:scale(1.2);
    }
    100% {
        -webkit-transform:scale(1);
    }
}
/*头部*/
.top-header{ width: 100%; min-width:1360px;}
.top-header .t_box{ width: 1200px; overflow: hidden;zoom:1; height: 110px; margin: 0 auto; }
.top-header .t_box .logo{ display: block; float: left; height: 50px; margin: 30px 0 0 0; font-size: 40px; color: #222; line-height: 50px;}
.top-header .t_box .nav{ float: right; height: 110px; overflow: hidden;zoom:1; }
.top-header .t_box .nav li{ float: left; width: 150px; height: 110px; }
.top-header .t_box .nav li span{ display: block; width: 100%; height: 30px; line-height: 30px; font-size: 18px; color: #666; font-weight: bold; text-align: center;padding-top: 30px; overflow: hidden; }
.top-header .t_box .nav li em{ display: block; width: 100%; height: 20px; line-height: 20px; font-size: 12px; color: #ccc; text-align: center;overflow: hidden; }
.top-header .t_box .nav li:hover,.top-header .t_box .nav li.active{ background: #ec682f; }
.top-header .t_box .nav li:hover span,.top-header .t_box .nav li.active span{ color: #fff; }
.top-header .t_box .nav li:hover em,.top-header .t_box .nav li.active em{ color: #fff; font-weight: bold; }
/*底部*/
.hfooter{ width: 100%; padding: 30px 0; background: #333; min-width:1360px;} 
.hfooter p{color: #fff;font-size: 15px; height: 30px;line-height: 30px;text-align: center;}
.hfooter p a{color: #fff;}
/*banner*/
.banner{ width: 100%; min-width:1360px; }
.banner img{display: block; width: 100%;}
/*以人为本*/
.intros{ width: 100%; padding-top: 110px;min-width:1360px;}
.intros>h1{ font-size: 36px; text-align: center;height: 48px; line-height: 48px; color: #333;margin-bottom: 85px; }
.intros .pic_box{ width: 100%; }
.box{ overflow: hidden;zoom:1; width: 100%; }
.box1 .home_timg{ width: 33.3%; float: left; position: relative;z-index: 0; cursor: pointer;overflow: hidden;}
.box2 .home_timg{ width: 50%; float: left; position: relative;z-index: 0;cursor: pointer; overflow: hidden; }
.box .home_timg img{ width: 100%;vertical-align: middle; }
.box .home_timg .shadom{ width: 100%; height: 100%; position: absolute;left:-100%; top: 0;background: url(../images/b_img_1.png) no-repeat;transition: all ease .3s;}
.box .home_timg.active .shadom{ left: 0;}
.home_timg:hover .shadom{left: 0;}
.home_timg p{display: none;}
.box .home_timg .shadom_1{ background: url(../images/b_img_1.png) no-repeat; background-size: 100% 100%; opacity:.95; filter: alpha(opacity=95;) }
.box .home_timg .shadom_2{ background: url(../images/b_img_2.png) no-repeat; background-size: 100% 100%; width: 101%;}
.box .home_timg .shadom_3{ background: url(../images/b_img_3.png) no-repeat; background-size: 100% 100%; opacity:.95; filter: alpha(opacity=95;)}
.box .home_timg .shadom_4{ background: url(../images/b_img_4.png) no-repeat; background-size: 100% 100%; opacity:.95; filter: alpha(opacity=95;)}
.box .home_timg .shadom_5{ background: url(../images/b_img_5.png) no-repeat; background-size: 100% 100%; opacity:.95; filter: alpha(opacity=95;)}
/*合作共赢*/
.hezuo{ width: 100%; padding: 110px 0 36px;min-width:1360px;}
.hezuo .title h2{ font-size: 36px; text-align: center;height: 48px; line-height: 48px; color: #333;margin-bottom: 20px; }
.hezuo .title p{ font-size: 24px; height: 48px; line-height: 48px; color: #666; margin-bottom: 76px;text-align: center; }
.hezuo .title span{ display:block;font-size: 24px; height: 48px; line-height: 48px; color: #333; width:370px; background: url(../images/b_icon2.png) left center no-repeat; text-align: center;margin: 0 auto; margin-bottom: 65px; }
.hezuo .logos{padding: 0 40px; }
.hezuo .logos ul{overflow: hidden;zoom:1;}
.hezuo .logos ul li{ width: 12.5%; height: 80px; float: left; margin-bottom: 87px; }
.hezuo .logos ul li a{ display: block; width: 170px;height: 80px; margin:0 auto; background: url(../images/b_logos.jpg) no-repeat; opacity: .6;}
.hezuo .logos ul li a:hover{ opacity: 1; }
.hezuo .logos ul li.li_1 a{ background-position: 0 0; }
.hezuo .logos ul li.li_2 a{ background-position: -230px 0; }
.hezuo .logos ul li.li_3 a{ background-position: -460px 0; }
.hezuo .logos ul li.li_4 a{ background-position: -690px 0; }
.hezuo .logos ul li.li_5 a{ background-position: -920px 0; }
.hezuo .logos ul li.li_6 a{ background-position: -1150px 0; }
.hezuo .logos ul li.li_7 a{ background-position: -1380px 0; }
.hezuo .logos ul li.li_8 a{ background-position: -1610px 0; }
.hezuo .logos ul li.li_9 a{ background-position: 0 -167px; }
.hezuo .logos ul li.li_10 a{ background-position: -230px -167px; }
.hezuo .logos ul li.li_11 a{ background-position: -460px -167px; }
.hezuo .logos ul li.li_12 a{ background-position: -690px -167px; }
.hezuo .logos ul li.li_13 a{ background-position: -920px -167px; }
.hezuo .logos ul li.li_14 a{ background-position: -1150px -167px; }
.hezuo .logos ul li.li_15 a{ background-position: -1380px -167px; }
.hezuo .logos ul li.li_16 a{ background-position: -1610px -167px; }
/*加入我们*/
.join_box{ width: 100%;background: url(../images/b_banner2.jpg) center top no-repeat; height: 894px; overflow: hidden;zoom:1;min-width:1360px; }
.join_box .left{ width: 50%; float: left; height: 100%; }
.join_box .left a{ display:block; width: 607px; height: 545px; background: url(../images/b_join.png) no-repeat center bottom; margin: 0 auto; padding-top: 160px;}
.join_box .left a:hover{  -webkit-animation: rotate 1s linear;-moz-animation: rotate 1s linear;animation: rotate 1s linear; }
.join_box .right{ width: 50%; float: left;background-color: #ec682f; opacity: .8; filter: alpha(opacity=80);  }
.join_box .right .cont{ width: 650px; margin: 0 auto; padding-top: 27px; }
.join_box .right .cont ul{}
.join_box .right .cont ul li{ overflow: hidden;zoom:1; margin-bottom: 67px; overflow: hidden;zoom:1; cursor: pointer;}
.join_box .right .cont ul li .icon{ display: block; width:202px; height: 140px; float: left; background: url(../images/b_iconbg.png) no-repeat; }
.join_box .right .cont ul li .icon em{ display: block; width: 113px; height: 113px; margin: 13px 0 0 15px; background: url(../images/b_icons1.png) no-repeat;-webkit-transition:all 0.15s linear;-moz-transition:all 0.15s linear;transition:all 0.15s linear;}
.join_box .right .cont ul li.li_1 .icon em{background-position: -133px 0;}
.join_box .right .cont ul li.li_2 .icon em{background-position: -133px -128px;}
.join_box .right .cont ul li.li_3 .icon em{background-position: -133px -255px;}
.join_box .right .cont ul li.li_4 .icon em{background-position: -133px -382px;}
.join_box .right .cont ul li.li_1:hover .icon em{background-position: 0 0;-webkit-transition:all 0.15s linear;-moz-transition:all 0.15s linear;
transition:all 0.15s linear;}
.join_box .right .cont ul li.li_2:hover .icon em{background-position: 0 -128px;-webkit-transition:all 0.15s linear;-moz-transition:all 0.15s linear;
transition:all 0.15s linear;}
.join_box .right .cont ul li.li_3:hover .icon em{background-position: 0 -255px;-webkit-transition:all 0.15s linear;-moz-transition:all 0.15s linear;
transition:all 0.15s linear;}
.join_box .right .cont ul li.li_4:hover .icon em{background-position: 0 -382px;-webkit-transition:all 0.15s linear;-moz-transition:all 0.15s linear;
transition:all 0.15s linear;}
.join_box .right .cont ul li .article{margin-left: 240px; padding-top: 40px; color: #fff;}
.join_box .right .cont ul li .article h4{ font-size: 30px; height: 50px; line-height: 50px; overflow:hidden; }
.join_box .right .cont ul li .article p{ height: 60px; line-height: 30px; font-size: 18px; overflow: hidden; }
@media screen and (max-width:1700px){
	.hezuo .logos ul li{ width: 14%;}
}
@media screen and (max-width:1500px){
  .hezuo .logos ul li{ width: 16.5%;}
}