@font-face {
  font-family: "iconfont"; /* Project id 279971 */
  src: url('iconfont.woff2?t=1708934527923') format('woff2'),
       url('iconfont.woff?t=1708934527923') format('woff'),
       url('iconfont.ttf?t=1708934527923') format('truetype');
}
.iconfont{
    font-family:"iconfont" !important;
    font-size:16px;font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;
}
/*topbox*/
.topbox{ width:100%; border-bottom:1px solid #f1f1f1; background-color:#f9f9f9; }
.topbox .w1200{ margin:0 auto; width:1200px; height:36px;  line-height:36px; }
.topbox .topl span.home{ color:#999; float:left; padding-right:10px; }
.topbox .topl span.home a{ color:#999; }
.topbox .topl span.home a:hover{ color:#09f; }
.topbox .topr{ color:#ccc; font-size:14px; }
.topbox .topr ul li{ float:left; }
.topbox .topr ul li a{ margin:0 9px; color:#666; }
.topbox .topr ul li a:hover{ color:#09f; }
.top_menu, .top_phone, .top_apk{ float:left; padding:0 10px; margin-right:10px; position:relative; z-index:100; }
.top_menu .menu_top{ background:url(../images/index/top_icos1.gif) no-repeat scroll 0 10px; cursor:pointer; float:left; padding-left:24px; color:#333; }
.top_menu .menu_top span, .top_phone .phone_top span{ color:#666; float:left; padding-right:12px; position:relative; }
.top_menu .menu_top i, .top_phone .phone_top i{background:url(../images/index/top_ico2.gif) no-repeat scroll 0 0; display:block; width:7px; height:4px; position:absolute; top:16px; right:0; }
.top_menu .lowmenu{ display:none; background:#fff; border:1px solid #ccc; left:0; margin:36px 0 0 -95px; padding:0 0 16px; position:absolute; top:0; width:1198px; z-index:1000; }
.top_menu .lowmenu dl{ float:left; height:87px; padding:0 0 0 40px; width:358px; border-right:1px dashed #d2d2d2; font-size:14px; line-height:28px; color:#666; margin:20px 0 4px; overflow:hidden; }
.top_menu .lowmenu dl.no_line{ border-right:medium none; }
.top_menu .lowmenu dl.hot_zt{ width:759px; }
.top_menu .lowmenu dt{ font-size:16px; font-weight:bold; color:#333; line-height:25px; margin-bottom:7px; }
.top_menu .lowmenu dd a{ color:#666; display:inline-block; margin-right:24px; }
.top_menu .lowmenu dd a:hover{ text-decoration:underline; color:#09f !important; }
.top_menu_hover, .top_phone_hover{ background:#fff; border-bottom:1px solid #fff; border-left:1px solid #ccc; border-right:1px solid #ccc; padding: 0 9px; }
.top_menu_hover .white-line, .top_phone_hover .white-line{ position:absolute; bottom:-1px; left:0; right:0; height:1px; background:#fff; z-index:2000; }
.top_menu_hover .menu_top span, .top_phone_hover .phone_top span{ color:#09f; font-weight:bold; }
.top_menu_hover .menu_top i, .top_phone_hover .phone_top i{ -moz-transform:rotate(180deg); -webkit-transform:rotate(180deg); transform:rotate(180deg); filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2); }
.top_menu_hover .lowmenu{ display:block; }
.top_phone .phone_top{ background:url(../images/index/top_icos1.gif) no-repeat scroll -121px 10px; cursor:pointer; float:left; padding-left:18px; color:#333; }
.top_phone .lowphone{ display:none; }
.top_phone .lowphone img{ display:block; }
.top_phone_hover .lowphone{ display:block; background:#fff; border:1px solid #ccc; left:0; margin:36px 0 0 -22px; padding:15px; position:absolute; top:0; z-index:1000; }
.top_apk .apk_top{ background:url(../images/index/top_icos1.gif) no-repeat scroll -222px 10px; cursor:pointer; float:left; padding-left:18px; color:#333; }
.top_apk .apk_top a{ color:#666; }
.top_apk .apk_top a:hover{ color:#09f; }

/*header*/
.header{ width:100%; min-width:1200px; }
.header-top{ background:#fff; width:100%; height:112px; position:relative; z-index:20; }
.header-top .header-in{ width:1200px; margin:0 auto; }
.header-top .logo{ padding:25px 0 25px 20px; margin-right:20px; }
.header-top .logo a, .header-top .logo img{ display:block; width:244px; height:62px; text-indent:-9999px; }
.header-top .xpxt{ display:block; width:230px; height:42px; background:url(../images/index/icosprit.png) no-repeat 0 0; margin:33px 0 0 0; }
.search{ padding:30px 0 0; width:546px; }
.search form{ position:relative; }
.search_box{ height:34px; border:2px solid #17a2e7; width:542px; position:relative; }
.sech_keyword{ float:left; width:345px; height:17px; padding:8px 15px 8px 22px; background:#fff; font:14px/19px "Microsoft YaHei", "SimSun"; color:#444; overflow:hidden; outline:0; }
.sech_btn{ position:absolute; right:-1px; top:-1px; background:#17A2E7; width:90px; outline:none; height:35px; letter-spacing:2px; border:none; cursor:pointer; -webkit-appearance:none; color:#FFF; font-size:18px; font-family:"Microsoft YaHei", "SimSun";}
.search .type-label{ position:relative; float:left; display:block; width:58px; padding-left:12px; cursor:pointer; line-height:36px; font-size:16px; color:#666; }
.search .type-label em{ background:url(../images/index/top_ico2.gif) no-repeat 0 -18px; position:absolute; right:0; top:16px; width:10px; height:5px; overflow:hidden; }
.search .type-label-down{ background:#fff; }
.search .type-label-down em{ -moz-transform:rotate(180deg); -webkit-transform:rotate(180deg); transform:rotate(180deg); filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2); }
.search .type-list{ position:absolute; top:38px; left:0; width:72px; background:#fff; border:solid #17a2e7; border-width:0 2px 2px; }
.search .type-list li{ float:left; width:100%; line-height:32px; }
.search .type-list a{ display:block; text-indent:19px; color:#333; font-size:15px; }
.search .type-list a:hover{ background:#f5f5f5; color:#09f; }
.search .search-key{ height:23px; line-height:23px; padding:5px 4px; font-size:13px; color:#999; overflow:hidden; }
.search .search-key a{ color:#666; margin:0 10px 0 3px; }
.search .search-key a:hover{ color:#09f; text-decoration:underline; }

/*nav*/
.header-nav{ position:relative; z-index:10; }
.nav-column{ width:100%; height:38px; background-color:#17a2e7; }
.nav-column-in{ width:1200px; color:#fff; margin:0 auto; overflow:hidden; }
.nav-column ul{ width:1206px; }
.nav-column ul li{ float:left; margin-right:2px;}
.nav-column a{ width:132px; line-height:38px; display:block; text-align:center; font-size:18px; color:#fff; }
.nav-column a.nav-cur, .nav-column a:hover{ background-color:#36bdff; color:#fff; }
.sub-nav{ width:1200px; margin:0 auto; display:none; position:relative; }
.sub-nav-in{ position:absolute; top:0; width:1198px; border:1px solid #17a2e7; border-top:medium none; background:#f6f6f6; }
.sub-nav-in p{ line-height:24px; padding:9px 20px; color:#ccc; font-size:14px; }
.sub-nav-in p span{ font-size:12px; position:relative; top:-1px; margin:0 10px; }

.new_header_bg{ width: 100%; background-color: #f5f5f5;}
.new_header{ width: 1200px; margin:0 auto; display: flex; justify-content: space-between; align-items: center;}
.new_nav{ height: 68px; display: flex; flex-grow: 1; justify-content: space-evenly; align-items: inherit;}
.new_nav a{ font-size: 20px; }
.new_nav a.nav-cur{ color: #09f; }
.new_search_box{ display: flex; }
.new_sech_keyword{ height: 30px; width: 300px; border: 1px solid #ddd; border-radius: 4px; outline:0; text-indent: 10px; color: #666; }
.new_sech_btn{ height: 32px; background-color: #4293ed; color: #fff; margin-left: 9px; border-radius: 4px; padding: 0 14px; cursor: pointer;}
.new_banner_bg,.new_rank_bg{ width: 100%; position: relative; overflow: hidden; height: 650px; background-color: #fff;}
.new_banner_bg>img{ position: absolute; z-index: 1; left: 50%; margin-left: -960px; }
.new_banner{ width: 1200px; height: 650px; position: relative; margin: 0 auto; display: flex; justify-content: space-between; align-items: center; z-index: 2; }
.new_banner_msg h3{ font-size: 50px; font-style: italic; color:#4293ed; }
.new_banner_msg p{ margin-bottom: 10px; }
.new_banner_msg .intro{ font-size: 26px; color:#4293ed; margin-top:6px; margin-bottom: 22px;}
.new_banner .new_banner_img{ width: 750px; height: 420px;}
.banner_dl_btn{ display: inline-block; margin-top: 116px; font-size: 24px; padding: 13px 57px; border-radius: 10px; background-color: #4293ed; color: #fff;}
.banner_dl_btn:hover{ color: #fff; }
.new_rank_bg{ height: auto; }
.new_rank{ width: 1200px; margin: 0 auto; }
.rank_nav{ display: flex; width: 100%; height: 100px; background-color: #f3fbff; border:1px solid #dceef7; border-radius: 18px; box-shadow: 0 0 8px #dceef7; font-size: 22px; align-items: center;}
.rank_nav li{ width: 50%; line-height: 60px; height: 60px; text-align: center; cursor: pointer; background:url(../images/index/r_icon_00.png) no-repeat 188px; text-indent: 50px;}
.rank_nav li:first-child{ border-right: 2px solid #dceef7; background:url(../images/index/r_icon_10.png) no-repeat 188px;}
.rank_nav li:hover,.rank_nav li.on{ color:#4293ed; background:url(../images/index/r_icon_01.png) no-repeat 188px; }
.rank_nav li:first-child:hover,.rank_nav li:first-child.on{ background:url(../images/index/r_icon_11.png) no-repeat 188px; }
.new_rank_list{ display: flex; justify-content: space-between; align-items: center; padding: 60px 10px 138px; }
.new_rank_list_msg { width: 620px; height: 440px; flex-direction: column; justify-content: space-between; display: none;}
.new_rank_list_msg.on{ display: flex; }
.off{ display: none !important; }
.new_rank_list_msg a{ display: flex; justify-content: space-between; align-items: center; }
.new_rank_list_msg a img{ width: 64px; height: 64px; }
.new_rank_list_msg a span{ color:#4293ed; border: 1px solid #4293ed; border-radius: 8px; font-size: 18px; padding: 5px 22px; flex-shrink: 0; }
.new_rank_list_msg a span:hover{ color:#fff; background-color:#4293ed; }
.new_rank_list_msg a div{ margin-left: 50px; flex-grow: 1; }
.new_rank_list_msg a .msg_name{ font-size: 20px; margin-bottom: 6px;}
.new_rank_list_msg a .intro{ font-size: 18px; color: #b7b8b8; }
.new_rank_list .new_rank_list_ad{ width: 480px; height: 436px; }

.new_footer{ height:130px; background-color:#2d303c; text-align:center;}
.new_footer .aboutus,.aboutus a{ color:#fff; font-size:13px;}
.new_footer .aboutus a{ padding:0 18px;}
.new_footer .aboutus a:first-child{ padding-left:0;}
.new_footer .aboutus{ padding-bottom:3px; padding-top:33px;}
.new_footer .copyright,.copyright a{ color:#adadad; font-size:13px; padding-top:2px; letter-spacing:0.5px;}
.new_footer .copyright a:hover{ text-decoration:underline;}
.new_footer .botLogo{ padding:38px 44px 10px 0;}

.new_footer .copyrightFrame{ position:relative; width: 1200px; margin:0 auto; }
.new_footer .copyrightFrame ul li{ float:left; }
.new_footer .copyrightFrame ul{ padding-left:3px; }
.new_footer .copyrightFrame .rz{ position:absolute;right:3px;top:40px; }
.new_footer .copyrightFrame .rz img{ border-radius:4px;width: 100px;margin-right: 20px; }

.new_box_bg{ width: 100%; position: relative; overflow: hidden; background-color: #fff;}
.new_box{ width: 1200px; margin: 0 auto; }

.new_sort{ display: flex; min-height: 968px; }
.new_sort_nav{ flex-shrink: 0; width: 200px; padding-top: 10px; background-image: linear-gradient(to bottom right,#f0f0f0,#fff); }
.new_sort_nav_sx{ padding-left: 20px; color: #666; margin:10px 0; }
.new_sort_nav dl{ position: relative; overflow: hidden; max-height: 38px; }
.new_sort_nav dl.open{ max-height: 9999px; }
.new_sort_nav dt,.new_sort_nav dd{ height: 36px; line-height: 36px; padding-left: 20px; }
.new_sort_nav dt:hover,.new_sort_nav dd:hover,.new_sort_nav .on dt{ cursor: pointer; color: #09f; }
.new_sort_nav .on dt>a,.new_sort_nav .on>a{ color: #09f; }
.new_sort_nav dt{ display: flex; align-items: center; }
.new_sort_nav dd{ color: #666; text-indent: 26px; }
.new_sort_nav .iconfont{ font-size: 22px; margin-right: 4px; }
.new_sort_content{ flex-grow: 1; background-image: linear-gradient(to top left,#f5f5f5,#f0f0f0); padding:20px 20px 0; }
.new_bread{ display: flex; justify-content: space-between; }
.new_bread p,.new_bread p a{ color: #666; font-size: 12px; }
.sort_rule{ position: relative; overflow: hidden; height: 23px; }
.sort_rule:hover{ overflow: visible; cursor: pointer; }
.sort_rule dt,.sort_rule dd{ display: block; position: relative; border: 1px solid #ccc; background-color: #f2f4f7; color: #656e80; box-sizing: content-box; padding: 1px 4px 1px 8px; }
.sort_rule dt i{ display: inline-block; border:  margin-left: 4px; transform: rotate(180deg);  }
.sort_rule dd{ border-top: 1px solid #f2f4f7; border-bottom: 1px solid #f2f4f7;}
.sort_rule dd:last-child{ border-bottom: 1px solid #ccc;}
.sort_rule dd:hover{ background-color: #eaf6fe; }
.new_sort_content_pc{ display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; grid-gap: 12px; margin-top: 10px; }
.new_sort_content_pc a{ display: flex; background: #fff; padding: 29px 30px; box-shadow: 1px 1px 1px #eee; }
.new_sort_content_pc a img{ width: 48px; height: 48px; margin-right: 18px; }
.new_sort_content_pc a p{ white-space: nowrap; text-overflow: ellipsis; width: 108px; overflow: hidden; margin-bottom: 6px;}
.new_sort_content .pagination{ height:42px; display: flex; justify-content: center; align-items: center; margin-top: 20px; background-color: #fff;  }
.new_sort_content .pagination span,.new_sort_content .pagination a{
  color:#666; font-size: 15px; padding: 6px 8px;
}
.new_sort_content .pagination span{ color: #aaa; }
.new_sort_content .pagination a:hover,.new_sort_content .pagination .active span{ color: #09f; }

.new_vip_banner{ position: relative; left: 50%; transform:translateX(-50%); display: block;  }
.vip_softwares_list{ width: 980px; margin:28px auto; display: grid; grid-template-columns:repeat(3, 1fr); grid-gap: 16px; }
.vip_softwares_list li{ display: flex; flex-direction: column; background-color: #fff; align-items: center; padding: 60px 0 36px; }
.vip_softwares_list li.sale{ background: url(../images/software_list/sale.png) no-repeat 0 0 #ffffff; }
.vip_softwares_list li img { width: 100px; height: 100px; }
.vip_softwares_list .vip_name{ font-size: 15px; margin:2px 0 6px; }
.vip_softwares_list .vip_name:hover{ text-decoration: underline; color: #333; }
.vip_softwares_list .vip_intro{ color: #999; font-size: 12px; white-space: nowrap; text-overflow: ellipsis; width: 220px; overflow: hidden; text-align: center; }
.vip_softwares_list .vip_price{ color: #999; font-size: 12px; margin: 30px 0 8px; }
.vip_softwares_list .vip_price span{ color: #cc2320; font-size: 24px;}
.vip_softwares_list .vip_price i{ text-decoration: line-through; }
.vip_softwares_list .vip_dl_box a{ height: 29px; width: 87px; display: inline-block; text-align: center; line-height: 29px;  margin: 0 10px; }
.vip_softwares_list .vip_dl{ background: #fff6f2; border: 1px #f8d5c5 solid; color: #fe8f46; }
.vip_softwares_list .vip_dl:hover{ background: #fdf9f7; }
.vip_softwares_list .vip_buy{ background: #fe8f46; border: 1px #f57738 solid; color: #fff; }
.vip_softwares_list .vip_buy:hover{ background: #ff9956; }

.magic_box{
  position: fixed;
  height: 100vh;
  width: 100vw;
  background: rgba(0,0,0,0.5);
  top: 0;
  left: 0;
  z-index: 999;
  display: none;
}
.magic_box.on{
  display: block;
}
.magic_box_tip{
      position: fixed;
      left: 0;
      top: 0;
      right: 0;
      height: 450px;
      width: 760px;
      flex-shrink: 0;
      border-radius: 5px;
      background: linear-gradient(
  180deg, rgba(191, 234, 255, 0.80) 0%, rgba(211, 240, 254, 0.00) 100%), #EDF5FF;
      z-index: 999;
      bottom: 0;
      margin: auto;
      box-sizing: border-box;
}
.magic_box_tip .close_btn{
  position: absolute;
      top: 10px;
      right: 10px;
      width: 40px;
      height: 40px;
      cursor: pointer;
}
.magic_box_tip .magic_box_title{
      margin: 48px 0px 31px;
    display: flex;
    justify-content: center;
    color: var(--gray-black-900, #17171A);
    font-family: Microsoft YaHei;
    font-size: 28px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.magic_box_msg{
    display: flex;
    flex-direction: column;
    padding: 20px 20px;
    width: 660px;
    height: 230px;
    border-radius: 5px;
    border: 1px solid #FFF;
    background: linear-gradient(
0deg, #FFF 0%, #F1FAFF 100%);
    justify-content: space-between;
    align-items: flex-start;
    box-sizing: border-box;
    margin: 0px 50px 21px;
    position: relative;
}
.magic_box_msg dt{
      color: #000;
    font-family: Microsoft YaHei;
    font-size: 26px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.magic_box_msg .magic_box_dlbtn{
  position: absolute;
  right: 20px;
  top: 80px;
  display: flex;
  width: 160px;
  height: 70px;
  border-radius: 4px;
  border: 1px solid rgba(0, 0, 0, 0.10);
  background: #2049EE;
  color: var(--unnamed, #FFF);
  text-align: center;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.magic_box_msg span{
      margin-right: 8px;
      color: var(--nor, #2049EE);
      font-size: 16px;
      font-weight: 700;
}
.magic_box_msg p{
  color: #696969;

    font-size: 12px;

}