.content {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
	}
	
	
	/* .header .navBox .navList .nav a{color: #fff;} */
	
	.content .iconBox{background: #fff;border-radius: 10px;padding: 15px;width: 100%;box-sizing: border-box;display: flex;flex-wrap: wrap;margin: 15px 0;}
	.content .iconBox .box{width: 10%;display: flex;flex-direction: column;justify-content: center;align-items: center;}
	.content .iconBox .seIcon {
	    width: 62px;
	    height: 62px;
	    display: inline-block;
	    position: relative;
	}
	.content .iconBox .seIcon img{
	    width: 62px;
	    height: 62px;
	    border-radius: 10px;
	    transition: transform .5s ease-in-out 0s;
	    -webkit-transition: transform .5s ease-in-out 0s;
	}
	.content .iconBox .seName {
	    height: 21px;
	    line-height: 21px;
	    margin-top: 10px;
	    font-size: 14px;
	    color: #1d1d1d;
	    overflow: hidden;
	    text-overflow: ellipsis;
	    white-space: nowrap;
	    display: block;  
		text-align: center;
	}
	
	.content .iconBox .seName:hover,
	.indNavWrap li a:hover {
	    text-decoration: underline;
	    color:#009cff;
	}
	.content .iconBox .softIcon {
	    position: relative;
	}
	.content .iconBox .softIcon .softIcon-hover {
	    background-color: var(--color);
	    background-size: cover;
	    background-repeat: no-repeat;
	}
	.content .iconBox .softIcon .softIcon-hover{
	    --size: 83px;
	    width: var(--size);
	    height: var(--size);
	    position: absolute;
	    top: 19px;
	    left: -10px;
	    
	    border-radius: 55px;
	    opacity: .6;
	    transform: scale(0) translateX(-50%);
	    filter: blur(20px) opacity(70%);
	    z-index: 0;
	    transition-delay: .05s;
	    transition: transform .3s ease-in-out;
	}
	.content .iconBox .box .softIcon .softIcon-hover{
	    top: -56px;
	    left: -10px;
	}
	.content .iconBox .box .seIcon:hover .softIcon-hover {
	    transform: scale(1);
	}
	.content .iconBox .box .seIcon:hover img{
	    transform: scale(1.1);
	}
	.content .iconBox .hot1 .seIcon:before,.content .iconBox .new1 .seIcon:before,.content .iconBox .hot2 .seIcon:before,.content .new2 .seIcon:before,.mzjrtj h3:before,.rmrjk h3:before,.main-layout .block .floatR .tabbox dl dd span:before,.blocktit dt:before,.cyrj_list dl dt,.rj_list .box:nth-of-type(1) .top span,.rj_list .box:nth-of-type(2) .top span,.rj_list .box:nth-of-type(3) .top span,.swiper-button-next, .swiper-container-rtl .swiper-button-prev,.swiper-button-prev, .swiper-container-rtl .swiper-button-next,.xzph_list h3:before,.xzph_list ul li:nth-of-type(1) > em,.xzph_list ul li:nth-of-type(2) > em,.xzph_list ul li:nth-of-type(3) > em,.blocktit dd.more a:after{
		background:url(../img/index_icon.png) no-repeat;
	}
	.content .iconBox .hot1 .seIcon:before{
		content:'';
		width: 38px;
		height: 22px;
		background-position: 0 0;
		position: absolute;
		top: -10px;
		right: -5px;
		display: inline-block;
		z-index: 2;
	}
	.content .iconBox .new1 .seIcon:before{
		content:'';
		width: 38px;
		height: 22px;
		background-position: -44px 0;
		position: absolute;
		top: -10px;
		right: -5px;
		display: inline-block;
		z-index: 2;
	}
	.content .iconBox .hot2 .seIcon:before{
		content:'';
		width: 37px;
		height: 38px;
		background-position: 0 -28px;
		position: absolute;
		left: -6px;
		left: -4px;
		display: inline-block;
		z-index: 2;	
	}
	.content .iconBox .new2 .seIcon:before{
		content:'';
		width: 37px;
		height: 38px;
		background-position: -46px -28px;
		position: absolute;
		top: -3px;
		left: -3px;
		display: inline-block;
		z-index: 2;
		transition: transform .5s ease-in-out;
	}
	.content .iconBox .new2:hover .seIcon:before{
		transform: scale(1.2);
	}
	
	
	
	
	
	
	/* 热门文章 */
	.hotBox .swiper {overflow: hidden;position: relative;}
	/* .hotBox .swiper .swiper-pagination{
	    bottom: -3px!important;    
	} */
	.hotBox .swiper .swiper-pagination-bullet{
	    width:91px;
	    height:4px;    
	    border-radius: 4px;
	    background:#dcdcdc;
	    opacity:1;
	}
	.hotBox .swiper>.swiper-pagination-bullets .swiper-pagination-bullet{
		margin: 0 10px 0 0;
	}
	.hotBox .swiper>.swiper-pagination-bullets .swiper-pagination-bullet:nth-of-type(6){
		margin-right: 0;
	}
	.hotBox .swiper .swiper-pagination-bullet-active{
		width: 91px;
		height: 4px;
	    opacity:1;
	    position: relative;
	}
	.hotBox .swiper .swiper-pagination-bullet-active:before{
		content:'';
		width: 4px;
		height: 4px;
		background:#009cff;   
		border-radius: 4px; 
	  	animation: tear-animation 3s linear forwards;
	  	display: inline-block;
	  	position: absolute;
	  	top: 0;
	  	left: 0;
	}
	@keyframes tear-animation {
	    0% {
	    	width: 4px;
	        
	    }   
	    100% {     
	      width: 91px;
	    }
	}
	.hotBox{display: flex;margin: 15px 0;justify-content: space-between;}
	.hotBox .news{width: 350px;background: #fff;padding: 15px;box-sizing: border-box;}
	.hotBox .news .name{font-weight: bold;font-size: 18px;color: #2C2C2C;}
	.hotBox .news .box{
		font-size: 14px;
		color: #2C2C2C;
		position: relative;
		padding: 9px 0;
		padding-left: 15px;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}
	.hotBox .news .box::before{content: '';position: absolute;
	top: calc((100% - 6px)/2);
	left: 0px;width: 6px;height: 6px;border-radius: 50%;background: #999;}
	.hotBox .swiper{width: 470px;height: 296px;}
	.hotBox .swiper img{width: 100%;height: 296px;border-radius: 10px;}
	.hotBox .software{width: 350px;background: #fff;border-radius: 10px;padding: 15px;box-sizing: border-box;}
	.hotBox .software .tit{font-weight: bold;font-size: 18px;color: #2C2C2C;width: 100%;text-align: center;}
	.rj_list .box{
	    margin-top: 9px; 
	    position: relative;   
	}
	.rj_list .box .top{
		width: 100%;
	    overflow: hidden;
	    white-space: nowrap;
	    text-overflow: ellipsis;
	}
	.rj_list .box .top span{
		width: 27px;
		height: 24px;
	    display: inline-block;
	    font-size: 14px;
	    color: #c2c2c2;
	    line-height: 21px;
	    font-weight: bold;
	    text-align: center;  
	    position: absolute;
	    top: 2px;
	    left: 0px; 
	}
	.rj_list .box:nth-of-type(1) .top span,.rj_list .box:nth-of-type(2) .top span,.rj_list .box:nth-of-type(3) .top span{
		font-size: 12px;	
		color:#fff;
		line-height: 28px;
		margin-top: -2px;
	}
	.rj_list .box:nth-of-type(1) .top span{    
		background-position: -138px -69px!important;
	}
	.rj_list .box:nth-of-type(2) .top span{	
		background-position: -167px -69px!important;
	}
	.rj_list .box:nth-of-type(3) .top span{	
		background-position: -196px -69px!important;
	}
	.rj_list .box .top .name{
	    font-size: 14px;
	    color: #1d1d1d;
	    line-height: 24px;
	    margin-left: 5px;    
	    
	    padding-left: 34px;
	}
	.rj_list .box:hover .top .name{
	    color:#1d1d1d;
	}
	.rj_list .box.show .top .name{
		color:#1d1d1d;
	}
	.rj_list .box.show .top .name:hover{
	    color: #009cff;
	}
	.rj_list .box .cl{
	    margin-left: 40px;
	    margin-top: 9px;
	    overflow: hidden;
	    display: none;
	}
	.rj_list .box.show .cl{
	    display: block;
	}
	.rj_list .box .cl .picture_box{
	    width: 48px;
	    height: 48px;
	    border: 1px solid #eee;
	    border-radius: 5px;
	    position: relative;
	    display: block;
	    float: left;
	}
	.rj_list .box .cl .picture_box img{
	   width: 35px;
	   position: absolute;
	   top: 50%;
	   left: 50%;
	   margin-left: -17px;
	   margin-top: -17px;
	   vertical-align: top;
	}
	.rj_list .box .cl .title{
	    vertical-align: top;
	    font-size: 14px;
	    color: #838282;
	    float: left;
	    margin-left: 10px;
	    margin-top: -2px;
	}
	.rj_list .box .cl .title text{
	    color: #dbdbdb;
	    padding: 0px 15px;
	}
	.rj_list .box .cl .title img{
		vertical-align: 1px;
		width: 54px;
	}
	.rj_list .box .cl .title .btn{
	    display:block;
	    width: 62px;
	    height: 21px;
	    border: 1px solid #00ca44;
	    color: #00ca44;
	    font-size: 14px;
	    text-align: center;
	    line-height: 20px;
	    border-radius: 5px;
	    margin-top: 12px;
	    background: #fff;
	    cursor: pointer;
	}
	.rj_list .box .cl .title .btn:hover{
	    background: #00ca44;
	    color: #fff;
	}
	
	
	
	/* 热门软件 */
	.rows{display: flex;justify-content: space-between;margin: 15px 0;}
	.rows .tabWrap{background: #fff;padding: 15px;border-radius: 10px;width: 585px;box-sizing: border-box;}
	.rows .tabWrap .tabBox{display: flex;font-size: 20px;color: #2C2C2C;border-bottom: 1px solid #CCCCCC;}
	.rows .tabWrap .tabBox .tab{width: 25%;text-align: center;padding: 6px 0;border-bottom: 2px solid transparent;}
	.rows .tabWrap .tabBox .tab.active{border-color: #00ca44;}
	.rows .tabWrap .list{display: none;}
	.rows .tabWrap .list.active{display: block;}
	.rows .tabWrap .list .clearfix{
		margin-top: 14px;
		width: 100%;
		height: 25px;
		line-height: 25px;
		overflow: hidden;
	}
	.rows .tabWrap .list .clearfix .pull-left,.rows .tabWrap .list .clearfix .pull-right{
		display: block;
	}
	.rows .tabWrap .list .clearfix .pull-left{
		width: 450px;
		overflow:hidden;
		text-overflow:ellipsis;
		white-space:nowrap;
		float:left;
	}
	.rows .tabWrap .list .clearfix .pull-right{float: right;}
	.rows .tabWrap .list .clearfix .software{
		width:25px;
		height: 25px;
		margin-right: 10px;
		float:left;
	}
	.rows .tabWrap .list .clearfix .software img{
		width: 25px;
		height: 25px;
		display: block;
	}
	.rows .tabWrap .list .clearfix .classification{
		width: 55px;
		font-size: 14px;
		color:#999;	
		line-height: 25px;
		margin-right: 10px;
		float:left;	
		overflow: hidden;
		white-space:nowrap;
	}
	.rows .tabWrap .list .clearfix .softtit{	
		font-size: 14px;
		color:#1d1d1d;
		line-height: 25px;	
		cursor: pointer;
		overflow: hidden;
		text-overflow: ellipsis;
	}
	.rows .tabWrap .list .clearfix .time{
		margin-left: 10px;
		font-size: 16px;
		color:#7e7e7e;
		line-height: 25px;
	}
	.rows .tabWrap .list .clearfix .softtit:hover{
		color:#009cff;
	}
	.rows .tjBox{margin-bottom: 15px; background: #fff;border-radius: 10px;padding: 15px;box-sizing: border-box;width: 585px;}
	.rows .tjBox:nth-last-of-type(1){margin-bottom: 0;}
	.rows .tjBox .name{
		font-weight: bold;
		font-size: 22px;
		color: #2C2C2C;
		width: 100%;text-align: center;margin: 5px 0;
	}
	.rows .tjBox .wrap{display: flex;flex-wrap: wrap;}
	.rows .tjBox .wrap .box{
		
	}
	.rows .tjBox .wrap .box{
		margin-left:18px;
		margin-top: 15px;
		width: 160px;
		display: flex;
	}
	.rows .tjBox .wrap .box .img{
		margin-right: 10px;
		width: 40px;
		float:left;
	}
	.rows .tjBox .wrap .box .img img{
		width: 40px;
		height: 40px;
	}
	.rows .tjBox .wrap .box .rig{width: 110px;}
	.rows .tjBox .wrap .box .rig  .name{
		font-size: 14px;
		color:#1d1d1d;
		display: block;
		overflow:hidden;	
		white-space:nowrap;
		text-align: left;
	}
	.rows .tjBox .wrap .box .rig  .name:hover{
		color:#009cff;
	}
	.rows .tjBox .wrap .box .rig .size{
		margin-top: 4px;
		font-size: 12px;
		color:#999999;
		overflow:hidden;	
		white-space:nowrap;
		height: 20px;
	}
	.rows .tjBox .wrap .box .rig .btn{
		float: left;
		width: 48px;
		height: 18px;
		font-size: 12px;
		color:#00b951;
		line-height: 18px;
		text-align: center;
		border:#00b951 solid 1px;
		border-radius: 5px;
		cursor: pointer;
		display: none;
	
	}
	.rows .tjBox .wrap .box:hover .size{
		display: none;
	}
	.rows .tjBox .wrap .box:hover .btn{
		display: inline-block;
	}
	.rows .tjBox .wrap .box .btn:hover{
		color:#fff!important;
		background:#00b951;	
	}
	.rows .tjBox .wrap .box .btn:hover a{color:#fff;}
	.typeBox{margin: 15px 0; background-color: #fff;border-radius: 10px;padding: 15px;padding-bottom: 0; width: 100%;box-sizing: border-box;}
	.typeBox .title{border-bottom: #e4e4e4 solid 1px;padding: 10px 0; display: flex;align-items: center;justify-content: space-between;}
	.typeBox .title .lef{display: flex;align-items: center;font-weight: bold;font-size: 22px;color: #2C2C2C;}
	.typeBox .title .lef img{width: 29px;height: 29px;margin-right: 8px;}
	.typeBox .title .rig{display: flex;align-items: center;font-size: 16px;color: #999999;}
	.typeBox .title .rig .type.active{color: #47B751;}
	.typeBox .title .rig .type{margin-right: 40px;cursor: pointer;}
	.typeBox .title .rig .more{font-size: 16px;color: #000000;}
	.typeBox .list{display: none;flex-wrap: wrap;}
	.typeBox .list.active{display: flex;}
	.typeBox .list .clearfix{
	    padding: 24px 22px;
	    width: 145px; 
	    border-bottom:#eee solid 1px;
		display: flex;
	}
	.typeBox .list .clearfix:nth-child(n+13){
		border-bottom: 0;
	}
	
	.typeBox .list .clearfix .pull-left{
	    width: 50px;
	    height: 50px;
	}
	
	.typeBox .list .clearfix .pull-left img{
	    width: 50px;
	    height: 50px;
	}
	.typeBox .list .clearfix .pull-rig{
	    width: 85px;
	    white-space: nowrap;
	    overflow: hidden;
	    margin-left: 10px;
	}
	.typeBox .list .clearfix .pull-rig .name{ 
		font-size: 14px;
		color:#1d1d1d;   
	    display: block;
	}
	.typeBox .list .clearfix .pull-rig .name:hover{
		color:#009cff;
	}
	.typeBox .list .clearfix .pull-rig .type{
	    font-size: 12px;
	    color: #999;
	}
	.typeBox .list .clearfix .pull-rig img{
	    display: block;
	    margin:2px 0;
	    width: 54px;
	}
	.typeBox .textList{display: none;flex-wrap: wrap;}
	.typeBox .textList.active{display: flex;}
	.typeBox .textList .item {
	  display: inline-block;
	  position: relative;
	  width: calc((100% - 30px)/3);
	  margin-right: 15px;
	  height: 36px;
	  overflow: hidden;
	  font-size: 14px;
	  line-height: 36px;
	  border-bottom: 1px dashed #ccc;
	  display: flex;align-items: center;justify-content: space-between;padding: 5px 0;
	  color:#333;
	}
	.typeBox .textList .item  .lef{display: flex;align-items: center;width: calc(100% - 60px);}
	.typeBox .textList .item  .lef .cname{
		
	}
	.typeBox .textList .item:nth-of-type(3n){margin-right: 0;}
	
	
	.typeBox .textList .item .kname {
	  display: inline-block;
	  vertical-align: middle;
	}
	
	.typeBox .textList .item .cname {
	  max-width: 200px;
	  overflow: hidden;
	      white-space: nowrap;
	      text-overflow: ellipsis;
	      word-break: break-all;
	}
	
	.typeBox .textList .item .time {
	  display: inline-block;
	  float: right;
	  margin-right: 8px;
	  vertical-align: middle;
	  color: #2c5be5;
	}
	.typeBox .linkList{padding: 15px 0; display: flex;align-items: center;flex-wrap: wrap;font-size: 16px;color: #666666;}
	.typeBox .linkList .name{padding: 10px 25px;}