@charset "utf-8";
/* CSS Document */
/*首页热门手游、近期新品、新游预约、专题合集*/
.hot_topBox{width: 100%; overflow: hidden; margin: 20px auto;}
.hot_topItem{width: 100%; overflow: hidden; border-bottom: 1px dashed #f7f7f7; margin-bottom: 10px;}
.hot_topItem dl{margin-bottom: 10px; width: 1220px; float: left; height: 28px; overflow: hidden;}
.hot_topItem dl dt{float: left; line-height: 28px; font-size: 0; color: #fff;}
.hot_topItem dl dt i, .hot_topItem dl dt span{display: inline-block; *display: inline; *zoom: 1; vertical-align: middle;}
.hot_topItem dl dt span{background: #d84f3f; font-size: 14px; padding: 0 12px; border-radius: 4px 0 0 4px;}
.hot_topItem dl dt i{width: 0; height: 0; border-top: 14px solid transparent; border-left: 12px solid #d84f3f; border-bottom: 14px solid transparent;}
.hot_topItem dl.dl_list1 dt span{background: #b23333;}
.hot_topItem dl.dl_list1 dt i{border-left-color: #b23333;}
.hot_topItem dl.dl_list2 dt span{background: #54aede;}
.hot_topItem dl.dl_list2 dt i{border-left-color: #54aede;}
.hot_topItem dl.dl_list3 dt span{background: #8847e1;}
.hot_topItem dl.dl_list3 dt i{border-left-color: #8847e1;}
.hot_topItem dl.dl_list4 dt span{background: #e18847;}
.hot_topItem dl.dl_list4 dt i{border-left-color: #e18847;}
.hot_topItem dl dd{float: left; color: #ccc; text-align: center; line-height: 28px;}
.hot_topItem dl dd a{float: left; max-width: 124px; overflow: hidden; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: inline; padding: 0 16px; font-size: 14px; color: #333; opacity: 0.9;}
.hot_topItem dl dd a font{opacity: 0.9;}
.hot_topItem dl dd a:hover{opacity: 1;}
.hot_topItem dl dd a:hover font{opacity: 1;}
/*首页smallBanner*/
.small_banner{width: 100%; height: 100px; overflow: hidden; margin: 20px auto; text-align: center; vertical-align: middle; position: relative;}
.small_banner a{display: block;}
.small_banner a img{text-align: center; vertical-align: middle; min-width: 100%; transition: all .4s ease;}
.small_banner img:hover{transform: scale(1.3); transition: all .4s ease;}
/*row1*/
.row1{position: relative; overflow: visible;}
.row1 .col_gd{position: relative; background-color: #fff; z-index: 1; overflow: hidden;}
.row1 .col_gd_l{width: 370px;}
.row1 .col_gd_r{width: 390px;}
/*m-slideBox*/
.ind_imgshow{width: 370px; height: 464px; overflow: hidden; position: relative;}
.ind_imgshow ul{height: 464px; position: absolute}
.ind_imgshow ul li{float: left; width: 370px; height: 464px; overflow: hidden; position: relative;}
.ind_imgshow ul li a{width: 370px; height: 464px; display: block;}
.ind_imgshow li img{width: 370px; height: 464px; transition: all .4s ease;object-fit: cover; /* 填满容器 */
    object-position: center; /* 居中裁剪 */}
.ind_imgshow img:hover{transform: scale(1.3); transition: all .4s ease;}
.ind_imgshow .btn{position: absolute; width: 370px; height: 30px; box-sizing: border-box; padding: 10px 10px; line-height: 8px; text-align: center; background: #000; filter: alpha(opacity=60); opacity: 0.6; left: 0; bottom: 0}
.ind_imgshow .btn span{display: inline-block; _display: inline; _zoom: 1; width: 32px; height: 6px; border-radius: 6px; _font-size: 0; margin: 0 6px; filter: alpha(opacity=100); opacity: 1; /* border-right: 1px solid #A2A2A2;*/ cursor: pointer; background: #b6b6b6}
.ind_imgshow .btn span.on{background: #f53e52}
/*m-hot-activity*/
.m-hot-activity{overflow: hidden;}
.m-hot-activity h4{height: 45px; line-height: 45px; overflow: hidden; text-align: center; color: #44494e; font-size: 16px; position: relative;}
.ico-i{width: 3px; height: 15px; display: inline-block; background-color: #f53e52; overflow: hidden;}
.m-hot-activity h4 .ico-i{position: absolute; top: 50%; margin-top: -7px;}
.m-hot-activity h4 .ico-l{left: 0;}
.m-hot-activity h4 .ico-r{right: 0;}
.m-hot-activity .ul-a{background-color: #fafafa; overflow: hidden; padding: 10px 0; max-height: 127px;}
.m-hot-activity .ul-a li{width: 170px; overflow: hidden; float: left; margin-left: 10px; border-radius: 5px; background-color: #fff; position: relative; font-size: 12px;}
.m-hot-activity .ul-a li img{width: 100%; height: 80px;}
.m-hot-activity .ul-a li .txt{color: #717171; height: 24px; line-height: 24px; text-align: center; overflow: hidden; display: block; padding: 0 10px;}
.m-hot-activity .ul-a li .sub{position: absolute; left: 0; top: 0; height: 21px; line-height: 21px; background: url(../images/cov_red70.png) left top repeat; color: #fff; text-align: center; padding: 0 12px; border-radius: 0 0 5px 0;}
.m-hot-activity .ul-a li:hover .txt{color: #f53e52;}
.m-hot-activity .ul-b{overflow: hidden; max-height: 89px;}
.m-hot-activity .ul-b li{height: 44px; overflow: hidden; line-height: 44px; padding: 0 10px 0 10px; position: relative; font-size: 12px;}
.m-hot-activity .ul-b li + li{border-top: 1px solid #ececec;}
.m-hot-activity .ul-b li a{color: #717171;font-size: 14px;}
.m-hot-activity .ul-b li span{display: inline-block; height: 24px;float: right; line-height: 45px; padding: 0px; border-radius: 5px; vertical-align: middle; color: #999;}
.m-hot-activity .ul-b li span.cy{border-color: #f53e52; color: #f53e52; width: 68px; position: absolute; right: 17px; top: 9px; margin: 0; padding: 0; text-align: center;}
.m-hot-activity .ul-b li a:hover{color: #f53e52;}
.m-hot-activity .ul-b li a:hover span{border-color: #f53e52; color: #f53e52;}
.m-hot-activity .ul-b li a:hover span.cy{background-color: #f53e52; color: #fff;}
/*col_gd_c*/
.row1 .col_gd_c{width: 500px; margin-left: 20px; margin-right: 20px; border-radius: 6px; background-color: #fefefe; box-shadow: 0px 0px 10px 0px rgba(218, 207, 204, 0.6); margin-bottom: 20px; box-sizing: border-box;}
.toggle_secNav{width: 100%; height: 54px; background-color: #fefefe; box-shadow: 0px 8px 8px 0px rgba(215, 215, 215, 0.4); border-radius: 10px 10px 0px 0px; text-align: center; /* font-size: 0;*/}
.toggle_secNav li{position: relative; vertical-align: bottom; font-size: 16px; line-height: 50px; color: #444444; width: 96px; margin: 0 10px; height: 58px; cursor: pointer; display: inline-block;}
.toggle_secNav li:hover, .toggle_secNav li.active{font-size: 18px; font-weight: bold;}
.toggle_secNav li.active:after{content: ""; width: 60px; height: 8px; background-color: #f76341; border-radius: 4px; position: absolute; bottom: 0; left: 0; right: 0; margin: auto; display: block;}
.rdzx_top{width: 100%; box-sizing: border-box; padding: 0 20px 0; max-height: 171px;}
.rdzx_top .h3-a{font-size: 0; margin: 15px auto 2px;}
.rdzx_top .h3-a a{display: inline-block; width: 50%; height: 30px;padding:0 2%;box-sizing: border-box; line-height: 30px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 18px; text-align: center; font-weight: bold;}
.rdzx_top .h3-a a:hover{color: #eb1a0f}
.orange{color: #ff2d22}
.rdzx_top .three-a{text-align: center; height: 30px; line-height: 32px; border-bottom: 1px solid #ededed; clear: both; padding: 5px 0 10px; overflow: hidden;}
.rdzx_top .three-a a{font-size: 13px;}
.rdzx_top .three-a a:hover{color: #ff2d22}
.rdzx_top .three-a i{font-style: normal; padding: 0 5px;}
.rdzx_top .three-a p{height: 30px; line-height: 30px; width: 100%; overflow: hidden;}
.news_link_ul{width: 100%; box-sizing: border-box; padding: 16px 20px 12px;border-bottom: 1px solid #ededed; overflow: hidden;}
.news_link_ul img{width:28px;height:28px;margin-left: 10px;margin-right: 10px;}
.news_link_ul li{width: 100%; height: 28px; line-height: 28px; text-align: left; overflow: hidden;margin-bottom: 10px;}
.news_link_ul li i{display: inline-block; vertical-align: bottom; background-color: #eaeaea; float: left; margin-right: 12px; width: 42px; height: 22px; font-size: 14px; color: #ffffff; text-align: center; line-height: 22px; border-radius: 6px; margin-top: 3px; font-style: normal;}
.news_link_ul li a{display: inline-block; max-width: 250px; height: 28px; line-height: 28px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.news_link_ul li a:hover{color: #ff2d22;}
.news_link_ul li span{float: right; color: #b1b1b1; line-height: 28px; font-size: 12px;margin-right: 38px;}
.news_link_ul li span.type{float:none; font-size: 14px;margin-right: 3px;}
.news_link_ul li span.type a{color: #b1b1b1; font-size: 14px;}
.news_link_ul li span.type a:hover{color: #ff2d22;}
.news_link_ul li a span{float: left; color: #b1b1b1; line-height: 28px; font-size: 14px;}
.news_link_ul li .bl{background-image: linear-gradient(39deg, #f73068 0%, #fa4c4c 100%);}
.news_link_ul li .hw{background-image: linear-gradient(39deg, #f74830 0%, #fa7d4c 100%);}
.news_link_ul li .sf{background-image: linear-gradient(39deg, #4830f7 0%, #924cfa 100%);}
.news_link_ul li .jx{background-image: linear-gradient(39deg, #30aff7 0%, #4cf4fa 100%);}
.news_link_ul li .yc{background-image: linear-gradient(39deg, #4ce887 0%, #4cfacb 100%);}
.news_link_ul li .bl{background-image: linear-gradient(39deg, #f73068 0%, #fa4c4c 100%);}
.news_link_ul li .yw{background-image: linear-gradient(39deg, #f7a530 0%, #facd4d 100%);}
.news_link_ul li .sp{background-image: linear-gradient(39deg, #3151f7 0%, #4da3fa 100%);}
.news_link_ul li .dj{background-image: linear-gradient(39deg, #a530f7 0%, #4cf4fa 100%);}
.news_link_ul li .jd{background-image: linear-gradient(39deg, #4ce8cf 0%, #4cd7fa 100%);}
.rdzx_list{overflow: hidden; width: 100%; margin: 0 auto; max-height: 186px;}
.rdzx_list i{float: right; color: #CCC;}
.rdzx_list li{width: 94%; margin: 0 auto; font-size: 14px; height: 36px; line-height: 36px; overflow: hidden; list-style-type: none; border-bottom: 1px dashed #eee;}
.rdzx_list li span.type{position: relative; float: left; width: 76px; display: inline-block;}
.rdzx_list li span.type a{color: #999;}
.rdzx_list li > a{position: relative; float: left; color: #666; text-decoration: none; width: 72%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap}
.rdzx_list li a:hover{color: #63B73D; text-decoration: underline;}
.dxh_ul{width: 100%; box-sizing: border-box; padding: 0 28px; max-height: 506px; overflow: hidden;}
.dxh_ul li{border-left: 1px solid #dadada; position: relative; padding: 10px 0 0 26px; height: 160px; box-sizing: border-box;}
.dxh_ul li:first-child{margin-top: 16px;}
.dxh_ul li i{position: absolute; left: -9px; top: 15px; width: 15px; height: 15px; background-color: #e2e2e2; display: block; border-radius: 50%;}
.dxh_ul li i b{width: 7px; height: 7px; border-radius: 50%; display: block; margin: 4px; float: left; background: #ffffff;}
.dxh_info{width: 100%; margin: 0 auto;}
.dxh_info a.dxhName{display: block; height: 24px; line-height: 24px; margin-bottom: 16px; width: 100%; overflow: hidden; font-size: 16px; color: #343434; font-weight: bold;}
.dxh_info a.dxhName:hover{color: #ff2d22}
.dxh_info .dxh_con{width: 100%; height: 96px; margin-bottom: 12px;}
.dxh_info .dxh_con a.dxh_img{float: left; width: 144px; height: 96px; overflow: hidden; border-radius: 8px; text-align: center; vertical-align: middle;}
.dxh_info .dxh_con a.dxh_img img{width: 100%; height: 100%; text-align: center; vertical-align: middle;}
.dxh_info .dxh_con p{overflow: hidden; width: 246px; height: 96px; float: right;}
.dxh_info .dxh_con p span{overflow: hidden; display: -webkit-box; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 3; width: 246px; display: block; height: 56px; line-height: 19px; color: #5d5d5d;}
.dxh_info .dxh_book{color: #ff644a; width: 78px; height: 24px; font-size: 15px; border-radius: 13px; border: solid 1px #f26043; line-height: 24px; float: right; margin-top: 12px; text-align: center;}
.dxh_info .dxh_book:hover{color: #fff; border: solid 1px #f26043; background: #f26043;}
.dxh_info img{transition: all .4s ease;}
.dxh_info img:hover{transform: scale(1.3); transition: all .4s ease;}
.zxhh_con{width: 100%; box-sizing: border-box; padding: 21px 20px 0;}
.new_hh_info{width: 100%; margin-bottom: 16px; height: 98px; border-bottom: 1px solid #ededed; padding-bottom: 16px;}
.new_hh_info .new_hh_img{width: 98px; height: 98px;overflow: hidden;}
.new_hh_name{width:344px;height: 98px;overflow: hidden;}
.new_hh_name a{/* font-weight: bold;*/ color: #555; font-size: 16px;display: block;width: 100%;height: 32px;line-height: 32px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.new_hh_name a.cur,.new_hh_name a:hover{color: #f76341;}
.new_hh_info .new_hh_img img{width: 98px; height: 98px; float: left; border-radius: 8px; overflow: hidden;}
.new_hh_infopc{height: 126px;}
.new_hh_infopc .new_hh_img{height: 126px;}
.new_hh_infopc .new_hh_name{height: 126px;}
.new_hh_infopc .new_hh_img img{height: 126px;}
.zxhh_con .new_hh_info:last-child{border-bottom: none;}
.new_hh_info .news_link_ul, .zxgl_con .news_link_ul{padding: 0; border-bottom: none;margin-top: 6px;}
.new_hh_info .news_link_ul li i, .zxgl_con .news_link_ul li i{font-size: 0; display: inline-block; vertical-align: bottom; width: 8px; height: 8px; background-color: #eaeaea; border-radius: 2px; float: left; margin-top: 10px; margin-right: 8px;}
.new_hh_info .news_link_ul li{height: 32px; line-height: 32px;}
.zxgl_con{width: 100%; overflow: hidden;  padding: 17px 20px 6px;}
.zxgl_con .zxgl_list{width: 100%; overflow: hidden; height: 90px;}
.zxgl_con .zxgl_list a.zxgl_pic{width: 130px; height: 80px; border-radius: 8px; overflow: hidden; float: left; text-align: center; vertical-align: middle;}
.zxgl_con .zxgl_list a.zxgl_pic img{width: 130px; height: 80px; text-align: center; vertical-align: middle; transition: all .4s ease;}
.zxgl_pic img:hover{transform: scale(1.3); transition: all .4s ease;}
.zxgl_con .zxgl_list a.zxgl_sum{width: 314px; height: 80px;}
.zxgl_con .zxgl_list a p.zxgl_tit{width: 100%; height: 30px; font-size: 16px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.zxgl_con .zxgl_list a p.zxgl_txt{width: 100%; height: 50px;color: #777; display: -webkit-box; text-overflow: ellipsis; line-height: 24px; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2;}
.zxgl_con .zxgl_list a.zxgl_sum:hover p.zxgl_tit{color: #ff2d22;}
.zxgl_con .zxgl_list a.zxgl_sum:hover p.zxgl_txt{color: #777;}
.zxgl_wz_list{width: 100%; overflow: hidden;}
.zxgl_wz_list a{width: 50%; float: left;height: 40px; box-sizing: border-box; padding: 10px 5%; color: #FF6600; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.zxgl_wz_list a:hover{color: #ff2d22;}
/*col_gd_r*/
.comm_more_tit h2{float: left; font-weight: bold; font-size: 18px; height: 22px; line-height: 22px; overflow: hidden;}
.comm_more_tit h2 em{display: block; float: left; width: 14px; height: 14px; border-radius: 50%; background: url(../images/azicon.png) no-repeat -130px -270px; margin: 5px 8px 0 0;}
.index_part_more{display: block; float: right; width: 22px; height: 20px; margin: 1px 0 0 15px; background: url(../images/azicon.png) no-repeat -100px -270px;}
.index_part_more:hover{background-position: -70px -270px;}
.index_mrlb_recom{margin-top: 15px; padding-bottom: 15px; border-bottom: 1px solid #EEEEEE;}
.index_mrlb_recom.one{margin-top: 20px;}
.index_mrlb_recom img{float: left; width: 74px; height: 74px; border-radius: 18px; margin-right: 15px; transition: transform 0.3s;}
.index_mrlb_recom img:hover{transform: scale(0.9); transition: transform 0.3s;}
.mrlb_recom_get{float: right; width: 50px; height: 50px; border-radius: 8px; border: 1px solid #70B63A; color: #70B63A; text-decoration: none; text-align: center;}
.mrlb_recom_get em{display: block; width: 20px; height: 20px; background: url(../images/azicon.png) no-repeat -175px -270px;color: #70B63A; border-color: #70B63A; margin: 5px auto 3px;}
.mrlb_recom_get:hover{color: #fff;background-color: #70B63A; border-color: #70B63A;}
.mrlb_recom_get:hover em{background-position: -150px -270px;}
.index_mrlb_recom dt{font-size: 16px; height: 20px; line-height: 20px;overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.index_mrlb_recom dd{font-size: 12px; height: 16px; line-height: 16px; overflow: hidden; color: #999999; margin-top: 11px;}
.index_mrlb_list b{display: block; float: left; width: 8px; height: 8px; border-radius: 50%; background: #eeeeee; margin: 9px 12px 0 0}
.index_mrlb_list{padding-top: 2px;overflow: hidden;}
.index_mrlb_list li{height: 26px; line-height: 26px; overflow: hidden; margin-top: 7px;}
.mrlb_list_get{float: right; width: 60px; height: 24px; line-height: 24px; text-align: center; text-decoration: none; color: #70B63A; border: 1px solid #70B63A; border-radius: 4px; margin-left: 10px;}
.mrlb_list_get em{display: block; float: left; width: 16px; height: 16px; margin: 4px 5px 0; background: url(../images/azicon.png) no-repeat -170px -300px;}
.mrlb_list_get:hover{color: #fff; background-color: #70B63A; border-color: #70B63A;}
.mrlb_list_get:hover em{background-position: -150px -300px;}
.index_mrlb_list span{display: block; float: right; width: 42px; height: 18px; line-height: 18px; font-size: 12px; color: #999999; text-align: center; padding-top: 3px; background: url(../images/azicon.png) no-repeat -150px -320px; margin: 2px 0 0 5px;}
.kfxy_content{padding-top: 16px; max-height: 290px; overflow: hidden;}
.comm_undle_tit{width: 100%; margin: 0 auto; overflow: hidden;}
.comm_undle_tit h2{width: 100%; margin: 0 auto 12px; height: 40px; line-height: 40px; font-size: 20px; color: #5b5b5b; text-align: center; font-weight: bold; position: relative;}
.comm_undle_tit h2:before{content: ''; display: block; width: 40px; height: 6px; background-color: #f76341; border-radius: 3px; bottom: -3px; position: absolute; left: 0; right: 0; margin: auto;}
.kfxy_list{width: 100%; overflow: hidden;}
.kfxy_list li{width: 45%; display: inline-block; overflow: hidden; margin-top: 30px;}
.kfxy_list li a.kfxy_pic{width: 68px; height: 68px; border-radius: 10px; float: left; text-align: center; vertical-align: middle; overflow: hidden;}
.kfxy_list li a.kfxy_pic img{width: 68px; height: 68px; text-align: center; vertical-align: middle; transition: transform 0.3s;}
.kfxy_list li:hover a.kfxy_pic img{transform: scale(0.9); transition: transform 0.3s;}
.kfxy_list li > div{width: 96px; margin-left: 10px; float: left; height: 72px;}
.kfxy_list li > div a{display: block; margin-bottom: 8px; font-size: 15px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #666;}
.kfxy_list li > div a:hover{color: #f76341;}
.kfxy_list li > div span{display: block; margin-bottom: 6px; font-size: 14px; color: #999;}
.kfxy_list li > div em{display: block; font-size: 13px; color: #999;}
/*手机游戏上方内容*/
.index_jxzq_box{height: 380px; width: 100%; position: relative; overflow: hidden; z-index: 3;}
.index_jxzq_menu_box{width: 1300px; margin: 0 auto;}
.index_jxzq_menu{float: left;}
.index_jxzq_menu li{float: left; width: 295px; height: 130px; border-radius: 6px; overflow: hidden; margin: 6px 0 6px 11px; box-sizing: border-box; position: relative;}
.index_jxzq_menu img{transition: transform 0.5s; position: absolute; min-width: 100%; top: 0; left: 0%; height: 130px;}
.index_jxzq_menu li:hover img{transform: scale(1.1);}
.index_jxzq_menu li:hover{box-shadow: 0 0 0 3px #ff2d22; box-sizing: border-box}
.index_jxzq_more{float: right; width: 64px; height: 88px; font-size: 16px; padding-top: 42px; background: #DDDDDD; color: #333333; text-decoration: none; margin: 6px 0 0 0; text-align: center;}
.index_jxzq_more b{display: block; width: 39px; height: 5px; background: url(../images/azicon.png) no-repeat -20px -350px; margin: 10px auto 0;}
.index_jxzq_more:hover{background: #70B63A; color: #FFFFFF;}
.index_jxzq_more:hover b{background-position: -20px -360px;}
/*手机游戏*/
.w880{width: 880px; float: left; overflow: hidden;}
.comm_undmore_tit{width: 100%;
/* overflow: hidden;*/ border-bottom: 2px solid #ededed; z-index: 1}
/*
.comm_undmore_tit::after{content: ''; display: block; width: 100%; height: 2px; background: #ededed; bottom: 2px; position: absolute; z-index: 1;}
*/
.comm_undmore_tit h2 i{display: inline-block; width: 30px; height: 30px;float: left;margin-right: 6px;background-image: url(../images/comtitle1_icon.png); background-repeat: no-repeat;}
.comm_undmore_tit h2 i.ind_icon_dj{background-position: 0 -108px;}
.comm_undmore_tit h2 i.ind_icon_sy{background-position: 0 0;}
.comm_undmore_tit h2 i.ind_icon_azsf{background-position: 0 -160px;}
.comm_undmore_tit h2 i.ind_icon_pcsf{background-position: 0 -324px;}
.comm_undmore_tit h2 em{display: block; float: left; width: 14px; height: 14px; border-radius: 50%; background: url(../images/azicon.png) no-repeat -130px -270px; margin: 5px 8px 0 0;}
.com_part_more{display: block; float: right; width: 22px; height: 20px; margin: 8px 0 0 10px; background: url(../images/azicon.png) no-repeat -100px -270px;}
.com_part_more:hover{background-position: -70px -270px;}
.comm_undmore_tit h2{display: inline-block; padding-right:6px; color: #404040; font-size: 20px; position: relative; height: 40px; font-weight: bold;}
.comm_undmore_tit h2::after{z-index: 2; content: ''; display: block; position: absolute; height: 5px; background-color: #f76341; border-radius: 3px; width: 81px; margin-left: -25px; left: 48%; bottom: -2px;}
.com_tit_menu{float: right;}
.com_tit_menu li{float: left; height: 26px; line-height: 26px; text-align: center; font-size: 15px; margin: 0 6px; cursor: pointer;}
.com_tit_menu li a, .com_tit_menu li span{display: block; border-radius: 13px; text-decoration: none; background: rgba(112, 182, 58, 0.1); padding: 0 8px; color: #70B63A;}
.com_tit_menu li.current a, .com_tit_menu li.current span{background: #70B63A; color: #FFFFFF;}
.com_sy_content{width: 100%; overflow: hidden;}
.com_sy_content ul{width: 100%; overflow: hidden;}
.com_sy_list li{float: left; width: 110px; text-align: center; vertical-align: middle; margin: 30px 0 0 0px;}
.com_sy_list li.one{margin-left: 0;}
.com_sy_list a{width: 88px; display: block; margin: 0 auto; overflow: hidden;}
.com_sy_list .img_show{width: 88px; height: 88px; margin: 0 auto; border-radius: 22px; display: block; margin: 0 auto; transition: transform 0.5s;}
.com_sy_list .img_show img{width: 100%; height: 100%;}
.com_sy_list li .ywAblack:hover .img_show{transform: rotateY(360deg); transition: transform 0.5s;}
.com_sy_list h3{text-align: center; height: 20px; font-size: 15px; line-height: 20px; overflow: hidden; margin-top: 10px; text-overflow: ellipsis; white-space: nowrap;}
.w380{width: 380px; overflow: hidden;}
.index_syRank_top li{padding: 12px 0; border-bottom: 1px solid #EEEEEE;}
.index_syRank_top li.one{margin-top: 12px;}
.index_syRank_top em{display: block; width: 20px; height: 20px; line-height: 20px; border-radius: 2px; float: left; margin: 27px 17px 0 0; color: #FFFFFF; text-align: center;}
.index_syRank_top em.top1{background: #ff6600}
.index_syRank_top em.top2{background: #ffa800}
.index_syRank_top em.top3{background: #ffc000}
.index_syRank_xz{float: right; width: 56px; height: 28px; line-height: 28px; text-align: center; border-radius: 14px; background: #f6f6f6; color: #999999; text-decoration: none; margin: 22px 0 0 10px;}
.index_syRank_xz:hover{background: #70B63A; color: #FFFFFF;}
.index_syRank_top img{float: left; width: 70px; height: 70px; border-radius: 16px; margin-right: 17px; transition: transform 0.3s;}
.ywAorange a, .ywAorange{color: #FF6600; text-decoration: none;}
.index_syRank_top img:hover{transform: scale(0.9); transition: transform 0.3s;}
.index_syRank_top dt{font-size: 17px; height: 22px; line-height: 22px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-top: 8px;}
.index_syRank_top dd{color: #999999; margin-top: 15px; height: 18px; line-height: 18px; overflow: hidden;}
.index_syRank_list{padding-top: 5px;}
.index_syRank_list li{height: 28px; line-height: 28px; overflow: hidden; margin-top: 13px;}
.index_syRank_list em{display: block; float: left; width: 22px; height: 22px; line-height: 22px; margin: 3px 10px 0 0; border-radius: 2px; color: #FFFFFF; text-align: center; background: #CCCCCC;}
.index_syRank_list .index_syRank_xz{margin-top: 0;}
/*单机游戏*/
.index_dj_cont{margin-top: 24px;}
.index_jpzq_left{float: left; width: 950px;position: relative;}
.index_djyx_menu{float: left; margin: 20px 30px 0 0;}
.index_djyx_menu li{width: 210px; height: 40px; line-height: 40px; margin-top: 10px; cursor: pointer;}
.index_djyx_menu li:first-child{margin-top: 0;}
.index_djyx_menu li span{display: block; padding-right: 15px; height: 40px; overflow: hidden; background: #f5f5f5;}
.index_djyx_menu em{display: block; float: left; margin-right: 15px; width: 40px; height: 40px; text-align: center; background: #cccccc; color: #FFFFFF; font-family: 杩蜂綘绠€鑿卞績, Impact; font-size: 30px;}
.index_djyx_menu li.current span{font-weight: bold; background: #dbffe8; color: #3ab65a;}
.index_djyx_menu li.current em{background: #3ab65a; position: relative;}
.index_djyx_menu li.current em:after{content: ''; display: block; width: 0; height: 0; border-width: 20px 0 20px 5px; border-style: solid; border-color: transparent transparent transparent #3ab65a; position: absolute; right: -5px; top: 0;}
.index_dj_lay{float: left; width: 700px; margin-top: 20px;}
.index_djyx_time{display: block; float: right; width: 104px; height: 92px; text-align: center; font-weight: bold; margin-left: 18px; background: url(../images/azicon.png) no-repeat 0 -390px;}
.index_djyx_time h3{color: #FFFFFF; margin-top: 22px; height: 18px; line-height: 18px; font-size: 14px; font-weight: bold;}
.index_djyx_time span{display: block; margin-top: 12px;}
.index_djyx_other{margin-top: 28px;}
.index_djyx_info dl{padding-top: 10px;}
.index_djyx_info dt{font-weight: bold; font-size: 24px; height: 28px; line-height: 28px; overflow: hidden; margin-right: 12px;}
.index_djyx_info dt span{color: #999999; font-weight: normal; font-size: 16px; margin-left: 30px;}
.index_djyx_info dd{margin-top: 22px; height: 28px; overflow: hidden;}
.index_djyx_info dd a, .index_djyx_info dd span{display: block; float: left; padding: 0 14px; background: #EFEFEF; color: #999999; height: 28px; line-height: 28px; border-radius: 4px; text-align: center; text-decoration: none; margin-right: 12px;}
.index_djyx_info dd a:hover{background: #dbffe8; color: #3ab65a;}
.index_djyx_other .img_box{width: 197px; height: 263px; float: right; border-radius: 8px; margin-left: 20px; overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center;}
.index_djyx_other .img_box img{height: 100%; border-radius: 8px;}
.index_djyx_other img:hover{transform: scale(1.3); transition: all .4s ease;}
.index_djyx_other dl,.ind_dj_vidCon dt{margin-top: 24px;}
.index_djyx_other dt,.ind_dj_vidCon dt{font-weight: bold; font-size: 18px; height: 26px; line-height: 26px; overflow: hidden;}
.index_djyx_other dt em,.ind_dj_vidCon dt em{display: block; width: 26px; height: 26px; float: left; margin-right: 13px; background: url(../images/azicon.png) no-repeat;}
.index_djyx_other dt em.icon1,.ind_dj_vidCon dt em.icon1{background-position: -110px -390px;}
.index_djyx_other dt em.icon2,.ind_dj_vidCon dt em.icon2{background-position: -140px -390px;}
.index_djyx_other dt em.icon3,.ind_dj_vidCon dt em.icon3{background-position: -170px -390px;}
.index_djyx_other dt em.icon4,.ind_dj_vidCon dt em.icon4{background-position: -110px -420px;}
.ind_dj_vidCon{position:absolute;bottom: 0px;}
.index_djyx_video{margin-left:-16px;}
.index_djyx_other dd{margin-top: 12px; height: 18px; line-height: 18px; overflow: hidden;}
.index_djyx_video li{float: left; width: 162px; height: 88px; border-radius: 6px; overflow: hidden; position: relative; margin: 14px 0 0 16px;}
.index_djyx_video li.one{margin-left: 0}
.index_djyx_video img{width: 100%; min-height: 100%; transition: transform 0.5s;}
.index_djyx_video li:hover img{transform: scale(1.1); transition: transform 0.5s;}
.index_djyx_video h3{height: 25px; line-height: 25px; overflow: hidden; padding: 25px 12px 0; position: absolute; left: 0; right: 0; bottom: 0; text-align: center; font-size: 12px; color: #FFF; background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.9));}
.index_djyx_video em{display: block; width: 30px; height: 30px; border-radius: 50%; position: absolute; left: 50%; top: 50%; margin: -15px 0 0 -15px; background: url(../images/azicon.png) no-repeat -60px -350px;}
.index_djyx_video li:hover em{transform: rotate(360deg); transition: transform 0.5s;}
.index_jjss_list{padding-top: 5px;}
.index_jjss_list li{margin-top: 14px;}
.index_jjss_list li .hover1{height: 18px; line-height: 18px; overflow: hidden;}
.index_jjss_list li .hover1 span{float: right; color: #999999; margin-left: 5px;}
.index_jjss_list li h3{font-weight: bold;}
.index_jjss_list li .hover1 h3{font-size: 14px; height: 18px; overflow: hidden;}
.index_jjss_list li .hover2{display: none;}
.index_jjss_list li .hover2 h3{font-size: 16px; height: 20px; line-height: 20px; overflow: hidden;}
.index_jjss_list li .hover2 .img_box{display: block; width: 130px; height: 172px; float: left; margin: 12px 17px 0 0; overflow: hidden;}
.index_jjss_list li .hover2 .img_box img{width: 100%; min-height: 100%; transition: transform 0.5s;}
.index_jjss_list li .hover2 .img_box:hover img{transform: scale(1.1); transition: transform 0.5s;}
.index_jjss_list li .hover2 dl{padding-top: 2px;}
.index_jjss_list li .hover2 dd{font-size: 14px; height: 18px; margin-top: 8px; overflow: hidden;}
.index_jjss_list li .hover2 dd.ywAorange:hover{text-decoration: none;}
.index_djyx_zxgx li{float: left; margin: 24px 0 0 22px; width: 130px;}
.index_djyx_zxgx li:first-child{margin-left: 0;}
.index_djyx_zxgx .img_box{display: block; width: 130px; height: 180px; position: relative; overflow: hidden; border-radius: 4px; transition: box-shadow 0.5s;}
.index_djyx_zxgx .img_box img{width: 100%; min-height: 100%;}
.index_djyx_zxgx li:hover .img_box{box-shadow: 5px 6px 9px 1px rgba(246, 191, 27, 0.5); transition: box-shadow 0.5s;}
.index_djyx_zxgx .img_info{display: block; background: rgba(0, 0, 0, 0.6); width: 100%; color: #FFFFFF; padding: 19px 12px 12px; box-sizing: border-box; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin-left: -100%; transition: all 0.5s;}
.index_djyx_zxgx .img_info dl{padding: 3px 0 3px 9px; border-left: 2px solid #FFFFFF;}
.index_djyx_zxgx .img_info dt{font-size: 16px; font-weight: bold; height: 20px; line-height: 20px; overflow: hidden;}
.index_djyx_zxgx .img_info dd{font-size: 14px; height: 18px; line-height: 18px; overflow: hidden; margin-top: 5px;}
.index_djyx_zxgx .img_box:hover .img_info{margin-left: 0; transition: all 0.5s;}
.index_djyx_qwxz{display: block; height: 18px; line-height: 18px; overflow: hidden; color: #FFFFFF; text-decoration: none; position: absolute; right: 12px; bottom: 12px;}
.index_djyx_qwxz b{display: inline-block; vertical-align: middle; width: 6px; height: 13px; margin: -2px 0 0 2px; background: url(../images/azicon.png) no-repeat -100px -370px;}
.index_djyx_qwxz:hover{text-decoration: underline;}
.index_djyx_zxgx h3{text-align: center; height: 20px; line-height: 20px; overflow: hidden; font-size: 16px; margin-top: 10px;}
.index_jpzq_right{width: 300px; float: right; overflow: hidden; height: 532px;}
.comtitle{border-bottom: 0; height: 20px; line-height: 20px; margin: 0px 0 20px 0}
.comtitle h2{border-left: 5px solid #ff9500; padding-left: 8px; font-size: 20px; color: #4f5361; float: left;}
.comtitle .more{float: right; width: 22px; height: 22px; background: url(../images/more2.png) 0 -124px no-repeat;}
.comtitle .more:hover{background-position: 0 -186px;}
.area2-right-cont{border: 1px solid #ececec; background-color: #fafafa; margin-left: 4px; padding-bottom: 30px;}
.area2-right-cont dt{width: 55px; height: 23px; background: url(../images/area2_icon.png) 0 -512px no-repeat; padding-left: 28px; color: #fff; line-height: 23px; margin: 22px 0 0 -4px;}
.area2-right-cont dd{width: 240px; line-height: 30px; margin: 20px 0 0 18px; background-color: #fff;}
.area2-right-cont dd a{display: block; color: #333; width: 220px; padding: 0 10px; height: 30px; line-height: 30px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.area2-right-cont dl.active dt{background-position: 0 -575px; width: 88px;}
.area2-right-cont a:hover{color: #ff5500; text-decoration: none;}
.mt20 {margin-top: 20px;}
.more {font-size: 14px;color: #888;float: right;}
.layer-soft {width: 950px;padding-top: 6px;padding-bottom: 4px;}
.soft-list {width: 102%;overflow: hidden;}
.soft-list li {float: left;padding: 0 46px 0 2px;width: 80px;margin-top: 14px;text-align: center;}
.soft-list li {width: 180px;height: 290px;}
.soft-list li a {display: block;}
.soft-list li img {display: block;width: 80px;height: 80px;margin: 0 auto 9px;border-radius: 12px;}
.soft-list li img {width: 180px;height: 240px;display: block;}
.main-bd .rank-box {float: right;width: 340px;overflow: hidden;margin-top: 14px;}
.rank-box .hd {height: 24px;position: relative;}
.rank-box .hd h4 {font-size: 18px;font-weight: 700;line-height: 24px;height: 24px;}
.main-bd .rank-box .hd h4 {border: none;padding-left: 0;}
.rank-list {*zoom: 1;overflow: hidden;font-size: 14px;margin-top: 13px;}
.rank-list .rank_li {height: 38px;line-height: 38px;clear: both;}
.rank-list span.other {float: right;padding-left: 10px;}
.rank-list span.other a {color: #999;}
.rank-list em {margin: 8px 14px 0 0;display: block;height: 22px;line-height: 22px;width: 22px;text-align: center;font-style: normal;background-color: #c8c8c8;color: #fff;float: left;}
.rank-list .em01 {background-color: #ff6161;}
.rank-list .em02 {background-color: #ffa800;}
.rank-list .em03 {background-color: #ffc000;}
.rank-list .title {line-height: 38px;height: 38px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
/*已上市*/
.area2-left-bottom{width: 1300px; margin-top: 20px;}
.area2-left-bottom .comtitle ol{margin-top: 3px; float: right;}
.area2-left-bottom .comtitle li{float: left; width: 16px; height: 16px; line-height: 16px; text-align: center; margin-left: 5px; color: #fff; cursor: pointer; background-color: #666;}
.area2-left-bottom .comtitle li.active{background-color: #ff5500;}
.area2-left-bottom .imgbox{display: none; border: 1px dashed #ddd; padding: 20px 0;}
.area2-left-bottom .show{display: block;}
.area2-left-bottom a{margin-left: 20px;}
.area2-left-bottom a img{width: 122px; height: 160px;}
.area2-left-bottom .imgbox .txt{width: 120px;}
.area2-left-bottom .grade{position: absolute; left: 0; top: 0; width: 50px; height: 25px; line-height: 25px; text-align: center; font-size: 16px; color: #fff; font-weight: bold; background-color: #20da9b;}
.area2-left-bottom .lang{position: absolute; right: 5px; top: 135px;
/* width: 35px;*/ height: 20px;padding:0 4px; line-height: 20px; text-align: center; font-size: 12px; color: #fff; background-color: rgba(0, 0, 0, .7); background-color: #000\9;}
.imgbox a{float: left; position: relative; display: block;}
.imgbox img{display: block; width: 110px; height: 70px; transition: opacity 0.3s ease-out; -webkit-transition: opacity 0.3s ease-out; -moz-transition: opacity 0.3s ease-out; -o-transition: opacity 0.3s ease-out;}
.imgbox img:hover{opacity: 0.8; filter: alpha(opacity=80)}
.imgbox .txt{display: block; width: 100%; height: 14px; line-height: 14px; color: #333; text-align: center; margin-top: 8px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

.imgbox .classify{position: absolute; right: 0; top: 80px; width: 30px; height: 20px; background-color: rgba(0, 0, 0, .7); background-color: #0009; color: #fff; line-height: 20px; text-align: center; font-size: 12px;}
.imgbox a:hover .txt{color: #ff5500;}
.imgbox a:hover .layer{display: block;}
/*首页排行*/
.index_body_six_con{width: 1300px; height: auto; overflow: hidden;}
.index_body_six_l{width:30%; margin-right: 40px; display: inline; height: auto; float: left;}
.index_body_six_t{width: 100%; height: 40px; border-bottom: 1px solid #D6D6D6; overflow: hidden;}
.index_body_six_t span{float: left; width: 30px; height: 30px; background: url(../images/m_icon.png) no-repeat 0px -194px; margin-top: 5px;}
.index_body_six_t em h2{display: inline; font-size: 22px;}
.index_body_six_t em{width: 100px; height: 40px; line-height: 40px; color: #8EB82E; font-size: 24px; margin-left: 5px;}
.index_body_six_t span.t_ios{background: url(../images/m_icon.png) no-repeat 0px -229px;}
.index_body_six_t em.t_ios{color: #4186C7;}
.index_body_six_t span.t_webgame{background: url(../images/m_icon.png) no-repeat 0px -300px;}
.index_body_six_t em.t_webgame{color: #4F5A70;}
.index_body_six_t span.t_soft{background: url(../images/m_icon.png) no-repeat 0px -265px;}
.index_body_six_t em.t_soft{color: #616161;}
.index_body_six_c{width: 100%; height: auto; overflow: hidden; zoom: 1;}
.index_body_six_list{width: 100%; height: auto; overflow: hidden; zoom: 1; padding-top: 12px; padding-bottom: 12px; border-bottom: 1px dashed #CCC;}
.index_body_six_list1 .l_num{width: 20px; text-align: center; float: left; height: 20px;color: #fff; line-height: 20px;background-color: #CCCCCC; font-size: 14px;}
.l_info{width: 64px; float: left; margin-left: 15px; display: inline; height: auto;}
.l_img{width: 64px; height: 64px; position: relative;}
.l_img img{width: 64px; height: 64px; display: block;border-radius: 4px; transition: transform 0.3s;}
.l_img img:hover{transform: scale(0.9); transition: transform 0.3s;}
.l_img span{width: 64px; height: 64px; position: absolute; left: 0px; top: 0px;}
.index_body_six_list .l_other{width: 20px; text-align: center; float: left; height: 20px; line-height: 20px; font-size: 14px; margin-top: 20px; color: #fff}
.index_body_six_list .l_other.top1{background: #ff6600}
.index_body_six_list .l_other.top2{background: #ffa800}
.index_body_six_list .l_other.top3{background: #ffc000}
.l_button{width: 48px; height: 22px; text-align: center; line-height: 22px; color: #25c88a ; margin: 0 auto; border: 1px solid #25c88a ; margin-top: 10px; display: block;}
.l_button:hover{color: #fff;background-color: #25c88a ; border: 1px solid #25c88a ;}
.index_body_six_list:hover .l_button{color: #fff;background-color: #25c88a ; border: 1px solid #25c88a ;}
.l_des{width: 180px; height: auto; overflow: hidden; float: left; margin-left: 15px; display: inline;}
.l_des_title{width: 100%; height: 28px; line-height: 28px; font-size: 16px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.l_des_type{width: 100%; height: 16px; line-height: 16px; margin-top: 2px;}
.l_des_down{width: 100%; height: 16px; line-height: 16px; margin-top: 2px;}
.l_des_star{width: 72px; height: 10px; background: url(../images/m_icon.png) no-repeat -77px -431px; margin-top: 8px; position: relative;}
.l_des .app_starBox{margin-top:5px;}
.l_des_star span{width: 55%; height: 10px; background: url(../images/m_icon.png) no-repeat 0px -431px; position: absolute; top: 0px; left: 0px;}
.l_link{width: 240px; float: left; height: 20px; line-height: 20px; overflow: hidden; font-size: 16px; margin-left: 22px; text-overflow: ellipsis; white-space: nowrap;}
.index_body_six_list1{width: 100%; height: auto; overflow: hidden; zoom: 1; padding-top: 12px; padding-bottom: 12px; border-bottom: 1px dashed #CCC;}
/*<!--首game_mainBodyy游戏开始-->*/
.type_title{width: 100%; height: 42px; position: relative; line-height: 42px; border-bottom: 2px solid #2681cf;}
.type_title span.soft_num{color: #999; float: right; position: absolute; right: 0px; top: 4px;}
.type_title span.soft_num em{color: #ff0000; margin: 0 4px; font-weight: bold;}
.CGTAnd_soft{float: left; width: 28px; height: 48px; margin-right: 12px; background-position: -240px -316px;}
.type_contBox .type_con_item{width: 100%; margin: 0 auto; overflow: hidden;}
.type_contBox .type_con_list{width: 900px; margin: 0 auto; overflow: hidden;}
.type_contBox .w980{width: 980px; margin: 0 auto; overflow: hidden;}
.type_con_list .appList_sort{width: 100%; margin: 0 auto; overflow: hidden;}
.appList_sort ul{width: 100%; margin: 0 auto; overflow: hidden; margin-bottom: 10px;}
.appList_sort ul li{padding: 6px 18px; cursor: pointer; float: left; margin-right: 20px; background: #f2f2f2; border-radius: 4px; margin-bottom: 12px; border: 1px solid #f2f2f2; color: #333333; text-align: center;}
.appList_sort ul li.cur, .appList_sort ul li:hover{background: #e5eeff; border: 1px solid #5387ed; color: #5387ed;}
/*手机游戏*/
.type_con_list .sy_appList{width: 100%; margin: 0 auto; overflow: hidden;}
.sy_appList li{width: 124px; float: left; margin-right: 26px; margin-bottom: 26px;}
.sy_appList li a{display: block;}
.sy_appList li a.app_img_name{width: 100%; text-align: center;}
.sy_appList li a.app_img_name img{width: 82px; height: 82px; text-align: center; vertical-align: middle; border-radius: 10px; box-sizing: border-box; border: 1px solid #f7f7f7;}
.sy_appList li a.app_img_name p{font-size: 14px; font-weight: normal; height: 20px; table-layout: fixed; word-break: break-all; margin-top: 4px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.sy_appList li a.app_btn{width: 82px; margin: 0 auto; height: 26px; font-size: 14px; color: #17a2e7; border: 1px #17a2e7 solid; background: #fff; text-align: center; line-height: 26px; border-radius: 4px; margin-top: 6px;}
.sy_appList li a.app_btn:hover{color: #fff; border: 1px #17a2e7 solid; background: #17a2e7;}
.sy_appList li .app_type_star{width: 100%; overflow: hidden; font-size: 12px; color: #999; line-height: 20px; position: relative; margin: 0 auto;}
.sy_appList li .app_type_star a{color: #999;}
.sy_appList li .app_type_star .app_starBox{position: absolute; right: 0; top: 4px;}
/*电脑游戏*/
.type_con_list .com_appList{width: 100%; margin: 0 auto; overflow: hidden;}
.com_appList li{width: 136px; float: left; margin-right: 14px; margin-bottom: 16px;}
.com_appList li a{display: block;}
.com_appList li a.app_img_name{width: 124px; margin: 0 auto; text-align: center;}
.com_appList li a.app_img_name img{width: 124px; height: 196px; text-align: center; vertical-align: middle; border-radius: 6px; box-sizing: border-box; border: 1px solid #f7f7f7; opacity: 0.9; filter: alpha(opacity=90);}
.com_appList li a.app_img_name img:hover{opacity: 1; filter: alpha(opacity=100);}
.com_appList li a.app_img_name p{font-size: 14px; font-weight: normal; height: 20px; table-layout: fixed; word-break: break-all; margin-top: 4px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.com_appList li .app_type_star{width: 124px; margin: 0 auto; overflow: hidden; font-size: 12px; color: #999; line-height: 20px; position: relative; margin: 0 auto; margin-top: 4px;}
.com_appList li .app_type_star a{color: #999;}
.com_appList li .app_type_star .app_starBox{position: absolute; right: 0; top: 4px;}
.comp_gam .rank_app_right li .hover_rank_app a.picAndRank{display: block; width: 60px; float: left; height: 90px; border-radius: 2px; position: relative; overflow: hidden;}
.comp_gam .rank_app_right li .hover_rank_app a.picAndRank img{width: 60px; height: 90px;}
.comp_gam .hover_rank_app .app_info{height: 90px;}
.comp_gam .app_info a{margin-bottom: 10px;}
.comp_gam .app_info p{margin-top: 10px;}
/*
.mainBody .w390{width: 390px; overflow: hidden; position: relative;}
.mainBody .w390 .sma_wid_title, .mainBody .w390 .sma_wid_conList{width: 100%; overflow: hidden; margin: 0 auto; position: relative;}
*/
.sma_wid_title h3{font-size: 18px; color: #666; font-weight: bold; margin-bottom: 16px;}
.sma_wid_title h3 i{float: left; width: 6px; height: 20px; margin-right: 10px; background: #e86505; border-radius: 6px; margin-top: 3px;}
.sma_wid_title .click_more{display: block; color: #888; position: absolute; top: -2px; right: 0px;}
.sma_wid_conList .spe_ticItem{width: 100%; overflow: hidden; margin: 0 auto; border-bottom: 1px #f7f7f7 dashed; padding-bottom: 12px; height: 104px;}
.sma_wid_conList .spe_ticItem li{width: 185px; /*margin-left:15px;*/ height: 100px; float: left; text-align: center; vertical-align: middle; margin-right: 20px; position: relative;}
.sma_wid_conList .spe_ticItem li a{display: block;}
.sma_wid_conList .spe_ticItem li p{width: 100%; height: 28px; padding: 0 12px; position: absolute; box-sizing: border-box; bottom: 0px; color: #f9f9f9; font-size: 14px; left: 0px; background: rgba(0, 0, 0, 0.7); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 28px; text-align: left}
.sma_wid_conList .spe_ticItem li a img{text-align: center; vertical-align: middle; position: absolute; width: 100%; top: 0; left: 50%; height: 100px; transform: translateX(-50%); opacity: 0.9; filter: alpha(opacity=90);}
.sma_wid_conList .spe_ticItem li a img:hover{opacity: 1; filter: alpha(opacity=100);}
.sma_wid_conList .spe_ticItem li:nth-child(2n){margin-right: 0px;}
.sma_wid_conList .spe_ticTxt{width: 100%; overflow: hidden; margin: 0 auto; max-height: 140px;}
.spe_ticTxt li{float: left; margin-right: 15px; padding: 6px 12px; margin-top: 12px; background: #f7f7f7; border: 1px solid #eee;}
.spe_ticTxt li a{display: block;}
.mainBody .w860{width: 860px; overflow: hidden; position: relative;}
.mainBody .w860 .big_wid_conBox{width: 100%; overflow: hidden; margin: 0 auto; position: relative;}
.mainBody .w860 .big_wid_title{width: 100%; /* overflow: hidden;*/ margin: 0 auto; position: relative; height: 36px; /* line-height: 36px;*/ border-bottom: 1px solid #2681cf;}
.big_wid_title h3{font-size: 18px; color: #666; float: left; font-weight: bold; margin-bottom: 16px;}
.big_wid_title .click_more{display: block; color: #888; position: absolute; top: 0px; right: 0px;}
.big_wid_title .CGAtext{margin-left: 100px; margin-right: 20px; font-size: 15px; font-weight: 400; color: #676767; font-family: "Microsoft YaHei"; float: left;}
.big_wid_title .CGAtext a{padding-left: 20px;}
.big_wid_title .CGAtext a span{color: #e3e3e3; margin-left: 20px;}
.big_wid_title .tab-item .bot-arrow{top: 36px;}
.big_wid_conBox .big_wid_conList{width: 100%; overflow: hidden; margin: 0 auto;}
.aids_item{width: 100%; overflow: hidden; margin: 0 auto;}
.aids_item li{width: 298px; float: left; margin-right: 36px; margin-top: 20px;}
.aids_item li .aids_img{width: 70px; height: 70px; float: left; margin-right: 10px; text-align: center; vertical-align: middle; border: 1px solid #f7f7f7; border-radius: 10px; overflow: hidden; box-sizing: border-box;}
.aids_item li .aids_img img{width: 70px; height: 70px; text-align: center; vertical-align: middle;}
.aids_item li .aids_info{width: 218px; float: left; height: 70px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 13px;}
.aids_info .aids_name{width: 100%; display: block; font-size: 15px; margin-bottom: 4px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #444;}
.aids_info p{width: 100%; font-size: 12px; margin-bottom: 6px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #999;}
.aids_info p span{margin-right: 8px;}
.aids_info .aids_btn{display: block; width: 60px; box-sizing: border-box; height: 24px; font-size: 13px; color: #17a2e7; border: 1px #17a2e7 solid; background: #fff; text-align: center; line-height: 24px; border-radius: 4px;}
.aids_item li:hover .aids_info .aids_btn{color: #fff; border: 1px #17a2e7 solid; background: #17a2e7;}
.mainBody .w320{width: 320px; overflow: hidden; position: relative;}
.mainBody .sma_wid_title, .mainBody .sma_wid_conList{width: 100%; overflow: hidden; margin: 0 auto; position: relative;}
.sma_wid_conList .hot_syList{width: 100%; overflow: hidden; margin: 0 auto;}
.hot_syList li{width: 150px; float: left; margin-top: 15px; margin-right: 5px; margin-left: 5px;}
.hot_syList li:nth-child(2n){margin-right: 0px;}
.hot_syList li a{display: block;}
.hot_syList li img{float: left; width: 48px; height: 48px; border-radius: 4px; margin-right: 10px;}
.hot_syList li span{width: 92px; float: left; overflow: hidden;}
.hot_syList li span a{display: block; width: 92px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.hot_syList li span i{display: block; color: #999; height: 22px; line-height: 31px; overflow: hidden; font-size: 12px;}
.mainBody .w934{width: 934px; overflow: hidden; position: relative;}
.big_wid_conBox{width: 100%; overflow: hidden; margin: 0 auto; position: relative;}
.big_wid_title{width: 100%; /* overflow: hidden;*/ margin: 0 auto; position: relative; height: 36px; /* line-height: 36px;*/ border-bottom: 1px solid #2681cf;}
.w934 .aids_item li{margin-right: 6.6px; margin-left: 6.6px;}
.w934 .aids_item li:nth-child(3n){margin-right: 0px;}
/*软件分类*/
.type_con_list .softfl_appBox{width: 100%; overflow: hidden;}
.softfl_appBox .softfl_applist{width: 100%; overflow: hidden; margin: 0 auto;}
.softfl_appBox li{width: 300px; margin-right: 25px; float: left; height: 42px; margin-bottom: 22px;}
.pcgm_list li{height: 50px;}
.softfl_appBox li:nth-child(4n){margin-right: 0px;}
.softfl_appBox li a{display: block;}
.softfl_appBox li img{float: left; width: 42px; height: 42px; border-radius: 4px; margin-right: 10px;}
.pcgm_list li img{width: 42px; height: 50px;}
.softfl_appBox li p{float: left; width: 228px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; height: 42px;}
.art_indlist li p{width: 100%;}
.softfl_appBox li p a{display: block; font-size: 16px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.softfl_appBox li p span{display: block; font-size: 13px; margin-top: 6px; color: #999;}
.softfl_appBox li p span u{margin-right: 10px;}
.softfl_appBox li p span u a{display: inline; font-size: 12px; color: #999;}
.softfl_appBox li p span u a:hover{color: #006bc7;}
.last_gam_ban{width: 100%; height: 309px; border-bottom: 1px dashed #f7f7f7; overflow: hidden; text-align: center; vertical-align: middle; position: relative; margin-bottom: 30px;padding-bottom: 12px;}
.last_gam_ban a{display: block; width: 100%; height: 260px; border-radius: 6px; overflow: hidden;}
.last_gam_ban a img{text-align: center; vertical-align: middle; /* position: absolute;*/ min-width: 100%; height: 260px; /* top: 0; left: 50%;
*/ border-radius: 6px; /* transform: translateX(-50%);*/}
.last_gam_ban p *{vertical-align: middle; display: inline-block;}
.last_gam_ban p{height: 36px; line-height: 36px; text-align: left; margin-top: 7px;}
.last_gam_ban p b{display: inline-block;float: left; font-size: 20px; max-width: 400px; margin-right: 5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.last_gam_ban p > span{height: 22px; line-height: 22px; margin-left: 20px; color: #666; vertical-align: middle;}
.last_gam_ban p span em{width: 18px; height: 20px; background: url(../images/dkcssimg.png) no-repeat -340px -20px; margin-right: 5px;}
.last_gam_ban p .platform-android{margin-right: 8px; background-position: -340px -19px;}
.last_gam_ban p .platform-ios{background-position: -340px -42px;}
.last_gam_ban p .platform-pc{background-position: -340px 3px;}
.last_gam_ban p a{width: 86px; height: 28px; background-color: #276eff; border-radius: 14px; text-align: center; color: #fffefe; line-height: 28px; margin-left: 30px;}
.last_gam_ban p a i{width: 12px; height: 12px; margin-right: 5px; background: url(../images/indexicon.png) no-repeat -662px -168px;}
.last_gam_ban p a + a{background-color: #52c17e;}
.last_gam_ban p a + a i{background-position: -705px -168px;}
.type_con_item .spe_ticBox{width: 100%; overflow: hidden; margin: 0 auto; position: relative; height: 442px;}
.spe_ticBox .spe_ticList{position: absolute; height: 442px; z-index: 1; margin-left: 0; overflow: hidden;}
.spe_ticBox .spe_ticList ul.spe_ticItem{width: 1300px; float: left; height: 442px; display: inline}
.spe_ticItem li{width: 310px; height: 210px; margin-bottom: 20px; float: left; margin-right: 7.5px; margin-left: 7.5px; position: relative; cursor: pointer;}
.spe_ticItem li:nth-child(4n){margin-right: 0px;}
.spe_ticItem li a.spe_tic_img{width: 310px; height: 180px; display: block; overflow: hidden;}
.spe_ticItem li a{display: block;}
.spe_ticItem li a.spe_tic_img img{width: 310px; height: 180px; text-align: center; vertical-align: middle;}
.spe_ticItem li p{width: 310px; height: 30px; text-align: center; line-height: 30px; font-size: 15px; padding: 0 10px; box-sizing: border-box; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.spe_ticItem li .mask_spe{display: none; width: 310px; height: 180px; background: rgba(0, 0, 0, 0.7); background: #000; position: absolute; top: 0; left: 0; padding: 16px; box-sizing: border-box; -moz-opacity: 0.7; -khtml-opacity: 0.7; opacity: 0.7; filter: alpha(opacity=70);}
.spe_ticItem li .mask_spe a{font-size: 14px; line-height: 24px; max-height: 148px; display: -webkit-box; display: -moz-box; text-overflow: -o-ellipsis-lastline; text-overflow: ellipsis; overflow: hidden; -webkit-line-clamp: 6; /*控制文本行数，多少行以后开始省略号 */ color: #eee; line-clamp: 4; -webkit-box-orient: vertical;}
.spe_ticItem li:hover .mask_spe{display: block;}
.spe_ticBox a.unslider-arrow{display: none; width: 36px; height: 90px; position: absolute; cursor: pointer; text-decoration: none; border: 0 none; outline: 0 none; text-align: center; z-index: 2;}
.spe_ticBox a.prev{top: 176px; left: 0px; background: url("../images/arrow_left.png") no-repeat; background-size: cover;}
.spe_ticBox a.next{top: 176px; right: 0px; background: url("../images/arrow_right.png") no-repeat; background-size: cover;}
.no_marTop{margin-top: 0px;}
/*专题推荐*/
.zt_sliderBox{position: relative; margin: 0 auto; width: 1300px}
.zt_sliderCon{height: 442px; margin: 0 auto 20px; overflow: hidden; position: relative; width: 1300px;}
.zt_sliderCon .zt_sliderWrap{left: 0; overflow: hidden; position: absolute; top: 0; width: 10000em; -webkit-transition: all 800ms ease; -moz-transition: all 800ms ease; -o-transition: all 800ms ease; transition: all 800ms ease;}
.zt_sliderCon .zt_slide{float: left; height: 442px; overflow: hidden; position: relative; width: 1300px;}
.zt_sliderNav{display: none; width: 1285px; height: 90px; left: 7.5px; top: -100px; position: absolute; cursor: pointer; text-decoration: none; border: 0 none; outline: 0 none; text-align: center; /*overflow: hidden;*/ z-index: 999;}
.zt_sliderBox:hover .zt_sliderNav{display: block}
.zt_sliderNav a.prev{width: 36px; height: 90px; position: absolute; top: 260px; left: 0px; background: url("../images/arrow_left.png") no-repeat; background-size: cover; z-index: 999;}
.zt_sliderNav a.next{width: 36px; height: 90px; position: absolute; top: 260px; right: 0px; background: url("../images/arrow_right.png") no-repeat; background-size: cover; z-index: 999;}
/*热门游戏推荐轮播*/
.slideshow{width: 100%; margin: 0 auto; position: relative; overflow: hidden;}
.slideshow .slide{position: relative; float: left; height: 303px; overflow: hidden; width: 100%;}
.slideshow .s-container{height: 303px; width: 1570px;}
.slideshow .s-content li{display: inline; width: 1300px; height: 303px; position: relative; float: left; text-align: center;}
.slideshow .s-content img{width: 1300px; height: 260px;}
.last_gam_ban span.unslider-arrow{display: none; width: 42px; height: 42px; position: absolute; cursor: pointer; text-decoration: none; border: 0 none; outline: 0 none; text-align: center; z-index: 9999;}
.last_gam_ban:hover span.unslider-arrow{display: block;}
.last_gam_ban span.unslider-arrow:hover{display: block;}
.last_gam_ban span.prev{top: 114px; left: 20px; background: url("../images/arrow_left2.png") no-repeat; background-size: cover;}
.last_gam_ban span.next{top: 114px; right: 20px; background: url("../images/arrow_right2.png") no-repeat; background-size: cover;}
.last_gam_ban span.prev:hover{background: url("../images/arrow_left2.png") no-repeat;}
.last_gam_ban span.next:hover{background: url("../images/arrow_right2.png") no-repeat;}
/*app列表*/
.w930{width: 930px; float: left; overflow: hidden;}
.w340{width: 340px; overflow: hidden;}
.com_ap_content{width: 100%; overflow: hidden;margin-top: 16px;}
.com_ap_content ul.com_ap_list{margin-left: -21px;overflow: hidden;}
.com_ap_list li{width: 216px; height: 80px; float: left; margin-left: 21px; margin-bottom: 26px;}
.com_ap_list li a{display: block;}
.com_ap_list li a.img{width: 80px; height: 80px;float: left; margin-right: 12px; text-align: center;overflow: hidden; box-sizing: border-box;
/* border: 1px solid #f7f7f7;*/}
.com_ap_list li a.img img{width: 80px; height: 80px; text-align: center; vertical-align: middle; border-radius: 10px;
transition: transform 0.3s;}
.com_ap_list li:hover a.img img{transform: scale(0.9); transition: transform 0.3s;}
.com_ap_list li p{width: 122px; font-size: 14px;float: left; font-weight: normal; height: 80px; table-layout: fixed; word-break: break-all; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.com_ap_list li p a{display: block;font-size: 15px;margin-bottom: 6px;overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.com_ap_list li p span{display: block;font-size: 13px;color: #999;margin-bottom: 8px;}
.com_ap_list li p span label{font-size: 13px;color: #999;}
.com_ap_list li p a.app_btn{width: 76px; height: 24px; font-size: 14px; color: #25c88a; border: 1px #25c88a solid; background: #fff; text-align: center; line-height: 24px; border-radius: 4px; margin-top: 0px;margin-bottom: 0px;}
.com_ap_list li:hover a.app_btn{color: #fff; border: 1px #25c88a solid; background: #25c88a;}
/*电脑软件-常用软件*/
.ind_area_com{width: 100%;margin-top: 16px;}
ul.soft_cylist{/*width:100%;*/margin-left:-20px;overflow: hidden;padding-bottom: 8px;max-height: 300px;border-bottom: 1px #eee dashed;}
ul.soft_cylist li{height: 32px; float: left; margin: 16px 0 8px 20px; width: 138px;font-size: 14px;}
ul.soft_cylist a{display: block;font-size: 14px;}
ul.soft_cylist a img{display: block; float: left; margin-right: 6px; width: 32px; height: 32px; border-radius: 2px;transition: transform 0.3s;}
ul.soft_cylist a span{display: block;width:100px;height:32px;line-height:32px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;float: left;font-size: 14px;}
/*电脑软件-最新软件*/
ul.soft_aplist{/*width:100%;*/margin-left:-20px;overflow: hidden;max-height: 246px;}
ul.soft_aplist li{height: 50px; float: left; margin: 20px 0 12px 20px; width: 217px;}
ul.soft_aplist a img{display: block; float: left; margin-right: 16px; width: 50px; height: 50px; border-radius: 10px;transition: transform 0.3s;}
ul.soft_aplist li:hover img{transform: scale(0.9); transition: transform 0.3s;}
ul.soft_aplist .sf_ls_info{float: left; width: 150px;height: 50px;overflow: hidden;}
.sf_ls_info a.name{display: block; width: 100%; height: 24px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 24px; font-size: 16px;}
.sf_ls_info p{width: 100%; font-size: 12px; margin-top: 6px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #999; line-height: 20px;}
.sf_ls_info p span{font-size: 13px; margin-right: 6px; margin-left: 6px;}
.sf_ls_info p span:first-child{margin-left: 0px;}
.sf_ls_info p span:last-child{margin-right: 0px;}
/*电脑软件排行*/
.rank_app_right{width: 100%; overflow: hidden; margin: 0 auto;}
.rank_app_right li{width: 100%; padding: 10px 0; border-bottom: 1px #eee dashed;}
.rank_app_right li .nor_rank_app{width: 100%; overflow: hidden; margin: 0 auto; position: relative;}
.rank_app_right li .hover_rank_app{width: 100%; overflow: hidden; margin: 0 auto; position: relative; display: none;margin-top: 8px;}
.rank_app_right li .nor_rank_app a.nameAndRank{/* display: inline-block;*/ width: 100%; font-size: 15px; height: 28px; line-height: 28px; color: #666; position: relative; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
a.nameAndRank span{width: 80%; overflow: hidden; display: block; text-overflow: ellipsis; white-space: nowrap; /* margin-left: 32px;*/}
.rank_app_right li .nor_rank_app a.nameAndRank:hover{color: #ed6d0f;}
.rank_app_right li .hover_rank_app a.picAndRank{display: block; width: 46px; float: left; height: 46px; border-radius: 4px; position: relative; overflow: hidden; left: 30px;}
a.picAndRank img{width: 46px; height: 46px;}
.rank_app_right li em{display: block; float: left; width: 22px; height: 22px; line-height: 22px; margin: 3px 10px 0 0; border-radius: 2px; color: #FFFFFF; text-align: center; background: #CCCCCC;}
.hover_rank_app em{position: absolute; left: 0; top: 0px;}
.hover_rank_app .app_info{width: 46%; height: 46px; float: left; margin-left: 38px; margin-right: 16px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.app_info a{display: block; margin-bottom: 3px; font-size: 15px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.app_info p{display: block; font-size: 12px; color: #777; margin-top: 6px;}
.app_info p a{display: inline; font-size: 12px; color: #777; margin-top: 2px;}
.app_info p a:hover{color: #1e89e0;}
.hover_rank_app a.app_btn{display: block; width: 56px; height: 28px; line-height: 28px; text-align: center; border-radius: 14px; background: #70B63A; color: #fff; font-size: 14px; position: absolute; top: 8px; right: 0px;}
.app_info .app_starBox{width: 200px;}
.app_info .app_starBox .star{float: left; margin-top: 4px;}
.app_info .app_starBox u{font-size: 14px; float: left; margin-left: 10px; margin-top: 2px;}
.rank_app_right li:nth-child(1) em{background: #ff6600}
.rank_app_right li:nth-child(2) em{background: #ffa800}
.rank_app_right li:nth-child(3) em{background: #ffc000}
.mt20{margin-top: 20px;}
