/*!
 * 软件下载
 * 更新于2021-11-22
 * 版权归属wpzt.net
 */

 *{box-sizing:border-box;}
 *:focus{outline:none;}
html {height:100%;}
body { 
	font-family:'Microsoft Yahei',"Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size:14px;line-height:1.4;color:#333;
	-webkit-appearance:none;
	-webkit-tap-highlight-color:rgba(255,255,255,0);/*只在苹果设备有效，点击链接按钮时有灰色半透明背景*/
	-webkit-tap-highlight-color:transparent;/*去掉被点击时的高亮*/
	-webkit-box-sizing:border-box;
	box-sizing:border-box;/*边框和内边距算在内*/
	letter-spacing:.3px;/*字间距*/
	-webkit-font-smoothing:antialiased;/*去锯齿*/
	-moz-osx-font-smoothing:grayscale;
	height:100%
	}
a {text-decoration:none;}
a:hover,a:active {text-decoration:none;}
button,input,button:focus,input:focus {outline:none;}/*去掉点击时的边框*/
ul,li {margin:0;padding:0}
li {list-style:none;}
img {object-fit:cover;}/*图片全覆盖且不变形*/
h1,h2,h3,h4,h5,h6 {margin-top:0;padding:0;margin-bottom:0;}
h1{font-size:26px;}
h2{font-size:20px;}
h3{font-size:18px;}
h4{font-size:16px;}
h5{font-size:14px;}
h6{font-size:12px;}
p,pre{margin:0;}

/*-----------------------------------布局宽度----------------------------------*/
/*大宽页--本框架针对浏览器大小有不同的宽度设置，以下container根据浏览器宽度设置三档，1400px&1200px&100%，自动切换*/

.container{padding:0;margin:0 auto;width:100%;max-width:765px}

/*---列宽---*/
.col5{	width:5%;}
.col10{	width:10%;}
.col20{	width:20%;}
.col25{	width:25%;}
.col26{	width:26%;}
.col30{	width:30%;}
.col33{	width:33%;}
.col35{	width:35%;}
.col38{	width:38%;}
.col40{	width:40%;}
.col45{	width:45%;}
.col48{	width:48%;}
.col49{	width:49%;}
.col50{	width:50%;}
.col55{	width:55%;}
.col60{	width:60%;}
.col65{	width:65%;}
.col68{	width:68%;}
.col70{	width:70%;}
.col75{	width:75%;}
.col80{	width:80%;}
.col90{	width:90%;}
.col100{ width:100%;}
/*--三等分列宽*/
.col-3x{width:32%;}/*与弹性盒子同用，有间隔*/
.col-3d{width:33.33%;}
/*左侧带侧边栏工具的布局，侧边栏固定350px*/
.col350{width:350px;}
.col830{width:830px;}
.col850{width:850px;}
.height100{height:100%;}
.height50{height:50%;}

/*-------------------------弹性盒子（class请带上 d-flex）--------------------------*/
.fw-n{flex-wrap: nowrap;}/*不换行*/
.fw-w{flex-wrap:wrap;}/*换行*/
.fw-wr{flex-wrap: wrap-reverse;}/*换行，第一行在下方*/

.jc-fs {justify-content: flex-start;}/*左对齐*/
.jc-fe {justify-content:flex-end;}/*右对齐*/
.jc-c {justify-content:center;}/*居中*/
.jc-sb {justify-content:space-between;}/*两端对齐，项目之间的间隔都相等*/

.ai-fs {align-items: flex-start;}/*交叉轴的起点对齐*/
.ai-fe {align-items:flex-end;}/*交叉轴的终点对齐*/
.ai-c {align-items:center;}/*交叉轴的中点对齐*/
.ai-b {align-items:baseline;}/*项目的第一行文字的基线对齐*/
.ai-s {align-items: stretch;}/*占满整个容器的高度*/
/*----常用组合-----*/
.sb-c{justify-content:space-between;align-items:center;}/*两端对齐-交叉轴中点对齐*/
.sb-fs{justify-content:space-between;align-items: flex-start;}/*两端对齐-交叉轴起点对齐*/
.sb-s{justify-content:space-between;align-items: stretch;}/*两端对齐-占满整个容器的高度*/
.fs-c{justify-content:flex-start;align-items:center;}/*左对齐-交叉轴中点对齐*/
.fs-fs{justify-content:flex-start;align-items: flex-start;}/*左对齐-交叉轴起点对齐*/
.fs-s{justify-content:flex-start;align-items: stretch;}/*左对齐-占满整个容器的高度*/
.flexauto:after {content: "";flex: auto;}

/*----------------------------------边距--------------------------------------*/
/*--4个外边距--margin*/
.m0{	margin:0;}
.m5{	margin:5px;}
.m10{	margin:10px;}
.m15{	margin:15px;}
.m20{	margin:20px;}
.m25{	margin:25px;}
.m30{	margin:30px;}
.m35{	margin:35px;}
.m40{	margin:40px;}
.m45{	margin:45px;}
.m50{	margin:50px;}
.m55{	margin:55px;}
.m60{	margin:60px;}
.m65{	margin:60px;}
.m70{	margin:60px;}
.m75{	margin:60px;}
.m80{	margin:60px;}
.m85{	margin:60px;}
.m90{	margin:60px;}
/*--上下外边距--margin-top-bottom*/
.mtb0{	margin-top:0;margin-bottom:0;}
.mtb5{	margin-top:5px;margin-bottom:5px;}
.mtb10{	margin-top:10px;margin-bottom:10px;}
.mtb15{	margin-top:15px;margin-bottom:15px;}
.mtb20{	margin-top:20px;margin-bottom:20px;}
.mtb25{	margin-top:25px;margin-bottom:25px;}
.mtb30{	margin-top:30px;margin-bottom:30px;}
.mtb35{	margin-top:35px;margin-bottom:35px;}
.mtb40{	margin-top:40px;margin-bottom:40px;}
.mtb45{	margin-top:45px;margin-bottom:45px;}
.mtb50{	margin-top:50px;margin-bottom:50px;}
.mtb55{	margin-top:55px;margin-bottom:55px;}
.mtb60{	margin-top:60px;margin-bottom:60px;}
.mtb65{	margin-top:65px;margin-bottom:65px;}
.mtb70{	margin-top:70px;margin-bottom:70px;}
.mtb75{	margin-top:75px;margin-bottom:75px;}
.mtb80{	margin-top:80px;margin-bottom:80px;}
.mtb85{	margin-top:85px;margin-bottom:85px;}
.mtb90{	margin-top:90px;margin-bottom:90px;}
/*--左右外边距--margin-left-right*/
.mlrauto{	margin-left:auto;margin-right:auto;}
.mlr0{	margin-left:0;margin-right:0;}
.mlr5{	margin-left:5px;margin-right:5px;}
.mlr10{	margin-left:10px;margin-right:10px;}
.mlr15{	margin-left:15px;margin-right:15px;}
.mlr20{	margin-left:20px;margin-right:20px;}
.mlr25{	margin-left:25px;margin-right:25px;}
.mlr30{	margin-left:30px;margin-right:30px;}
.mlr35{	margin-left:35px;margin-right:35px;}
.mlr40{	margin-left:40px;margin-right:40px;}
.mlr45{	margin-left:45px;margin-right:45px;}
.mlr50{	margin-left:50px;margin-right:50px;}
.mlr55{	margin-left:55px;margin-right:55px;}
.mlr60{	margin-left:60px;margin-right:60px;}
.mlr65{	margin-left:65px;margin-right:65px;}
.mlr70{	margin-left:70px;margin-right:70px;}
.mlr75{	margin-left:75px;margin-right:75px;}
.mlr80{	margin-left:80px;margin-right:80px;}
.mlr85{	margin-left:85px;margin-right:85px;}
.mlr90{	margin-left:90px;margin-right:90px;}
/*--上外边距--margin-top*/
.mt0{	margin-top:0;}
.mt5{	margin-top:5px;}
.mt10{	margin-top:10px;}
.mt15{	margin-top:15px;}
.mt20{	margin-top:20px;}
.mt25{	margin-top:25px;}
.mt30{	margin-top:30px;}
.mt35{	margin-top:35px;}
.mt40{	margin-top:40px;}
.mt45{	margin-top:45px;}
.mt50{	margin-top:50px;}
.mt55{	margin-top:55px;}
.mt60{	margin-top:60px;}
.mt65{	margin-top:65px;}
.mt70{	margin-top:70px;}
.mt75{	margin-top:75px;}
.mt80{	margin-top:80px;}
.mt85{	margin-top:85px;}
.mt90{	margin-top:90px;}
/*--右外边距--margin-right*/
.mr0{	margin-right:0;}
.mr5{	margin-right:5px;}
.mr10{	margin-right:10px;}
.mr15{	margin-right:15px;}
.mr20{	margin-right:20px;}
.mr25{	margin-right:25px;}
.mr30{	margin-right:30px;}
.mr35{	margin-right:35px;}
.mr40{	margin-right:40px;}
.mr45{	margin-right:45px;}
.mr50{	margin-right:50px;}
.mr55{	margin-right:55px;}
.mr60{	margin-right:60px;}
.mr65{	margin-right:65px;}
.mr70{	margin-right:70px;}
.mr75{	margin-right:75px;}
.mr80{	margin-right:80px;}
.mr85{	margin-right:85px;}
.mr90{	margin-right:90px;}
/*--下外边距--margin-bottom*/
.mb0{	margin-bottom:0;}
.mb5{	margin-bottom:5px;}
.mb10{	margin-bottom:10px;}
.mb15{	margin-bottom:15px;}
.mb20{	margin-bottom:20px;}
.mb25{	margin-bottom:25px;}
.mb30{	margin-bottom:30px;}
.mb35{	margin-bottom:35px;}
.mb40{	margin-bottom:40px;}
.mb45{	margin-bottom:45px;}
.mb50{	margin-bottom:50px;}
.mb55{	margin-bottom:55px;}
.mb60{	margin-bottom:60px;}
.mb65{	margin-bottom:65px;}
.mb70{	margin-bottom:70px;}
.mb75{	margin-bottom:75px;}
.mb80{	margin-bottom:80px;}
.mb85{	margin-bottom:85px;}
.mb90{	margin-bottom:90px;}
/*--左外边距--margin-left*/
.ml0{	margin-left:0;}
.ml5{	margin-left:5px;}
.ml10{	margin-left:10px;}
.ml15{	margin-left:15px;}
.ml20{	margin-left:20px;}
.ml25{	margin-left:25px;}
.ml30{	margin-left:30px;}
.ml35{	margin-left:35px;}
.ml40{	margin-left:40px;}
.ml45{	margin-left:45px;}
.ml50{	margin-left:50px;}
.ml55{	margin-left:55px;}
.ml60{	margin-left:60px;}
.ml65{	margin-left:65px;}
.ml70{	margin-left:70px;}
.ml75{	margin-left:75px;}
.ml80{	margin-left:80px;}
.ml85{	margin-left:85px;}
.ml90{	margin-left:90px;}
/*--4个内边距--padding*/
.p0{	padding:0;}
.p5{	padding:5px;}
.p10{	padding:10px;}
.p15{	padding:15px;}
.p20{	padding:20px;}
.p25{	padding:25px;}
.p30{	padding:30px;}
.p35{	padding:35px;}
.p40{	padding:40px;}
.p45{	padding:45px;}
.p50{	padding:50px;}
.p55{	padding:55px;}
.p60{	padding:60px;}
.p65{	padding:65px;}
.p70{	padding:70px;}
.p75{	padding:75px;}
.p80{	padding:80px;}
.p85{	padding:85px;}
.p90{	padding:90px;}
/*--上下内边距--padding*/
.ptb0{	padding-top:0;padding-bottom:0;}
.ptb5{	padding-top:5px;padding-bottom:5px;}
.ptb10{	padding-top:10px;padding-bottom:10px;}
.ptb15{	padding-top:15px;padding-bottom:15px;}
.ptb20{	padding-top:20px;padding-bottom:20px;}
.ptb25{	padding-top:25px;padding-bottom:25px;}
.ptb30{	padding-top:30px;padding-bottom:30px;}
.ptb35{	padding-top:35px;padding-bottom:35px;}
.ptb40{	padding-top:40px;padding-bottom:40px;}
.ptb45{	padding-top:45px;padding-bottom:45px;}
.ptb50{	padding-top:50px;padding-bottom:50px;}
.ptb55{	padding-top:55px;padding-bottom:55px;}
.ptb60{	padding-top:60px;padding-bottom:60px;}
.ptb65{	padding-top:65px;padding-bottom:65px;}
.ptb70{	padding-top:70px;padding-bottom:70px;}
.ptb75{	padding-top:75px;padding-bottom:75px;}
.ptb80{	padding-top:80px;padding-bottom:80px;}
.ptb85{	padding-top:85px;padding-bottom:85px;}
.ptb90{	padding-top:90px;padding-bottom:90px;}
/*--左右内边距--padding*/
.plr0{	padding-left:0;padding-right:0;}
.plr5{	padding-left:5px;padding-right:5px;}
.plr10{	padding-left:10px;padding-right:10px;}
.plr15{	padding-left:15px;padding-right:15px;}
.plr20{	padding-left:20px;padding-right:20px;}
.plr25{	padding-left:25px;padding-right:25px;}
.plr30{	padding-left:30px;padding-right:30px;}
.plr35{	padding-left:35px;padding-right:35px;}
.plr40{	padding-left:40px;padding-right:40px;}
.plr45{	padding-left:45px;padding-right:45px;}
.plr50{	padding-left:50px;padding-right:50px;}
.plr55{	padding-left:55px;padding-right:55px;}
.plr60{	padding-left:60px;padding-right:60px;}
.plr65{	padding-left:65px;padding-right:65px;}
.plr70{	padding-left:70px;padding-right:70px;}
.plr75{	padding-left:75px;padding-right:75px;}
.plr80{	padding-left:80px;padding-right:80px;}
.plr85{	padding-left:85px;padding-right:85px;}
.plr90{	padding-left:90px;padding-right:90px;}
.plr-15{	padding-left:-15px;padding-right:-15px;}
/*--上内边距--padding-top*/
.pt0{	padding-top:0;}
.pt5{	padding-top:5px;}
.pt10{	padding-top:10px;}
.pt15{	padding-top:15px;}
.pt20{	padding-top:20px;}
.pt25{	padding-top:25px;}
.pt30{	padding-top:30px;}
.pt35{	padding-top:35px;}
.pt40{	padding-top:40px;}
.pt45{	padding-top:45px;}
.pt50{	padding-top:50px;}
.pt55{	padding-top:55px;}
.pt60{	padding-top:60px;}
.pt65{	padding-top:65px;}
.pt70{	padding-top:70px;}
.pt75{	padding-top:75px;}
.pt80{	padding-top:80px;}
.pt85{	padding-top:85px;}
.pt90{	padding-top:90px;}
/*--右内边距--padding-right*/
.pr0{	padding-right:0;}
.pr5{	padding-right:5px;}
.pr10{	padding-right:10px;}
.pr15{	padding-right:15px;}
.pr20{	padding-right:20px;}
.pr25{	padding-right:25px;}
.pr30{	padding-right:30px;}
.pr35{	padding-right:35px;}
.pr40{	padding-right:40px;}
.pr45{	padding-right:45px;}
.pr50{	padding-right:50px;}
.pr55{	padding-right:55px;}
.pr60{	padding-right:60px;}
.pr65{	padding-right:65px;}
.pr70{	padding-right:70px;}
.pr75{	padding-right:75px;}
.pr80{	padding-right:80px;}
.pr85{	padding-right:85px;}
.pr90{	padding-right:90px;}
/*--下内边距--padding-bottom*/
.pb0{	padding-bottom:0;}
.pb5{	padding-bottom:5px;}
.pb10{	padding-bottom:10px;}
.pb15{	padding-bottom:15px;}
.pb20{	padding-bottom:20px;}
.pb25{	padding-bottom:25px;}
.pb30{	padding-bottom:30px;}
.pb35{	padding-bottom:35px;}
.pb40{	padding-bottom:40px;}
.pb45{	padding-bottom:45px;}
.pb50{	padding-bottom:50px;}
.pb55{	padding-bottom:55px;}
.pb60{	padding-bottom:60px;}
.pb65{	padding-bottom:65px;}
.pb70{	padding-bottom:70px;}
.pb75{	padding-bottom:75px;}
.pb80{	padding-bottom:80px;}
.pb85{	padding-bottom:85px;}
.pb90{	padding-bottom:90px;}
/*--左内边距--padding-left*/
.pl0{	padding-left:0;}
.pl5{	padding-left:5px;}
.pl10{	padding-left:10px;}
.pl15{	padding-left:15px;}
.pl20{	padding-left:20px;}
.pl25{	padding-left:25px;}
.pl30{	padding-left:30px;}
.pl35{	padding-left:35px;}
.pl40{	padding-left:40px;}
.pl45{	padding-left:45px;}
.pl50{	padding-left:50px;}
.pl55{	padding-left:55px;}
.pl60{	padding-left:60px;}
.pl65{	padding-left:65px;}
.pl70{	padding-left:70px;}
.pl75{	padding-left:75px;}
.pl80{	padding-left:80px;}
.pl85{	padding-left:85px;}
.pl90{	padding-left:90px;}

/*-------------------------------清除浮动clearfix---------------------------------*/
.clearfix::after {display: block;clear: both;content: "";}

/*-------------------------------显示--display---------------------------------*/
.dis-none {display:none;}
.d-inline {display:inline !important;}
.d-inline-block {display:inline-block !important;}
.d-block {display:block !important;}
.d-table {display:table !important;}
.d-table-row {display:table-row !important;}
.d-table-cell {display:table-cell !important;}
.d-flex {display:-ms-flexbox !important;display:flex !important;}/*结合弹性盒子*/
.d-inline-flex {display:-ms-inline-flexbox !important;display:inline-flex !important;}

/*-------------------------------overflow---------------------------------*/
.overflow-auto {overflow:auto !important;}
.overflow-hidden {overflow:hidden !important;}

/*-------------------------------position---------------------------------*/
.position-s {position:static !important;}
.position-r {position:relative !important;}
.position-a {position:absolute !important;}
.position-f {position:fixed !important;}
.position-sticky {position:-webkit-sticky !important;position:sticky !important;}/*粘性位置*/
.fixed-top {position:fixed;top:0;right:0;left:0;z-index:1030;}
.fixed-bottom {position:fixed;right:0;bottom:0;left:0;z-index:1030;}

/*-------------------------------文字对齐方式---------------------------------*/
.textalign-c{text-align:center;}
.textalign-l{text-align:left;}
.textalign-r{text-align:right;}
.textalign-f{text-align:justify;}/*两端对齐*/

/*-------------------------------文字常用颜色值---------------------------------*/
.text-black{color:#000;}
.text-gray-3{color:#333;}
.text-gray-6{color:#666;}
.text-gray-9{color:#999;}
.text-gray-a{color:#aaa;}
.text-gray-b{color:#bbb;}
.text-gray-c{color:#ccc;}
.text-gray-e{color:#eee;}
.text-white{color:#fff;}
.text-red{color:#ff0000;}
.text-yello{color:#ffff00;}
.text-orange{color:#ff9900;}
.text-orange-d{color:#ff6600;}/*橘红色*/
.text-blue{color:#0094ff;}/*天蓝色*/
.text-green{color:#339933;}/*森林绿*/
.text-wood{color:#deb887;}/*实木色*/

/*-------------------------------背景常用色---------------------------------*/
.bgc-black{background-color:#000;}
.bgc-white{background-color:#fff;}
.bgc-gray-e{background-color:#eee;}/*灰色背景*/
.bgc-gray-de{background-color:#dedede;}/*de灰色背景*/
.bgc-gray-f4{background-color:#f4f4f4;}/*浅灰色灰色背景*/
.bgc-gray-f46{background-color:#f4f4f6;}/*偏蓝浅灰色灰色背景*/
.bgc-gray-f46{background-color:#f4f4f6;}/*偏蓝浅灰色灰色背景*/
.bgc-bluegray{background-color:#172433;}/*深蓝灰色背景-更多使用于页脚*/
.bgc-bluegray-00{background-color:#001328;}/*深蓝灰色接近黑色背景-更多使用于页脚*/
.bgopc-black-03{background-color:rdb(0,0,0,0.3);}/*黑色背景透明度0.3*/
.bgopc-black-05{background-color:rdb(0,0,0,0.5);}
.bgopc-black-07{background-color:rdb(0,0,0,0.7);}
.bgopc-white-03{background-color:rdb(255,255,255,0.3);}/*白色背景透明度0.3*/
.bgopc-white-05{background-color:rdb(255,255,255,0.5);}
.bgopc-white-07{background-color:rdb(255,255,255,0.7);}

/*-------------------------------常用边框 ---------------------------------*/
/*-------------------------------常用边框 ---------------------------------*/
.border-no{border:none;}
.border{border:1px #eee solid;}
.border-top{border-top:1px #eee solid;}
.border-right{border-right:1px #eee solid;}
.border-bottom{border-bottom:1px #eee solid;}
.border-left{border-left:1px #eee solid;}

/*-------------------------------常用圆角 ---------------------------------*/
.radius3{border-radius:3px;}
.radius5{border-radius:5px;}
.radius6{border-radius:6px;}
.radius8{border-radius:8px;}
.radius10{border-radius:10px;}
.radius15{border-radius:15px;}
.radius20{border-radius:20px;}
.radius50x{border-radius:50%;}

/*-------------------------------滤镜 ---------------------------------*/
  /*--动感模糊*/
.blur{
	-webkit-filter: blur(5px);
	-moz-filter: blur(5px);
	-o-filter: blur(5px);
	-ms-filter: blur(5px);
	filter: blur(5px); 
}


/*-------------------------------常用阴影 ---------------------------------*/
.boxshadow{box-shadow:0 0 6px #000;}
/*-------------------------------常用z-index ---------------------------------*/
.z-index-9{z-index:-9;}
.z-index-99{z-index:-99;}
.z-index-999{z-index:-999;}
.z-index-9999{z-index:-9999;}
.z-index-99999{z-index:-99999;}
.z-index9{z-index:9;}
.z-index99{z-index:99;}
.z-index999{z-index:999;}
.z-index9999{z-index:9999;}
.z-index99999{z-index:99999;}

/************************************************************************/
.container{
	padding-left:5px;
	padding-right:5px;
}
.site-wrapper{
	background:#f4f4f4;	
	min-height:100%;
}
a{
	color:#333;
}
a:hover{
	color:#50bfff;
}

/*导航*/
.appnav{

	padding-right:30px;
	padding-left:5px;
	position:relative;
	height:38px;
	overflow:hidden;
}
.appnav.appnavqb{
	height:auto;
}
.navul{
	display:flex;
		justify-content:flex-start;
		align-items:center;
		flex-wrap:wrap;
		
}
.navul li{
	width:25%;
	height:38px;
	padding-right:1px;
	margin-bottom:1px;
	text-align:center;
	border-radius:3px;
	overflow:hidden;
}
.navul li a{
	line-height:38px;
	color:#666;
	background:#fff;
	display:block;
	width:100%;
	height:38px;
}
.navul li a img{
	width:24px;
	height:24px;
}
.navjts{
	position:absolute;
	right:0;
	top:0;
	display:block;
	text-align:center;
	border-radius:3px;
	width:30px;
	height:38px;
	background:#fff;
	padding-top:7px;
}
.navjts img{
	width:20px;
}
.navjtx{
	position:absolute;
	right:0;
	bottom:0;
	display:block;
	text-align:center;
	border-radius:3px;
	width:30px;
	height:38px;
	background:#fff;
	padding-top:7px;
}

.navjtx img{
	width:20px;
}
/***********手机端页头************/
.header {
		display:flex;
		justify-content:space-between;
		align-items:center;
		padding:10px 15px;
		background:#50bfff;
		box-shadow:1px 1px 6px #ccc;
	}

	.header a.mb-navbtn{
		color:#ffffff;
		display:block;
		width: 30px;
	}
	.header a i{
		font-size:20px;
	}
	.header .schcart-btn a i{
		font-size:24px;
		
	}
	.header .logo img{
		height:52px;
	}
	.searchmod{
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		background: rgba(0,0,0,0.6);
		z-index: 999;
		padding: 20px;
		display: none;
		height:100%;
	}

	.search-form button {
		top: 25px;
		right: 15px;
	}
	.searchmod .search-form{
		position:absolute;
		top:50%;
		left:50%;
		transform:translate(-50%,-50%);
		background:#fff;
		padding:30px;
		border-radius:8px;
		width:80%;
		margin:0 auto;
		background:#fff;
	}
	.searchmod .search-form input{
		width:100%;
		height:42px;
		border:none;
		border-bottom:1px #dedede solid;
		padding-left:15px;
		padding-right:50px;
	}
	.searchmod .search-form button{
		position:absolute;
		top:50px;
		right:50px;
		background:none;
		border:none;
	}
	.searchmod .search-form button i{
		font-size:28px;
	}
	.searchmod .search-form .closesearch{
		position:absolute;
		top:-10px;
		right:-10px;
		color:#777;
		background:none;
		box-shadow:none;
		padding:0;
	}
	.searchmod .search-form .closesearch i{
		font-size:14px;
		display:block;
		width:25px;
		height:25px;
		line-height:25px;
		background:#dedede;
		border-radius:50%;
		text-align:center;
	}
	.searchmod .search-form .closesearch:hover{
		box-shadow:none;
	}
.mbnav{
		position:fixed;
		top:0;
		bottom:0;
		left:-100%;
		width:100%;
		height:100%;
		background:rgba(0,0,0,0.6);
		z-index:999;
		overflow-y:auto;
	}
	.mbnav nav{
		background:#fff;
		width:80%;
		padding:30px;
		min-height: 100%;
	}
	.mbnav .navclose{
		position:absolute;
		top:20px;
		right:20px;
		color:#000;
		display:block;
		width:40px;
		height:40px;
		line-height:40px;
		text-align:center;
		background:#ccc;
		border-radius:50%;
	}
	.mbnav .navclose i{
		font-size:20px;
	}
	.mbnavuc{
		padding:15px;
		background:#f4f4f4;
		color:#999;
	}
	.mbnavuc img{
		width:40px;
		height:40px;
	}
	.mbnavuc a{
		font-size:16px;
		color:#333;
		margin:0 10px;
	}
	.mbnavul{
		margin-top:15px;
	}
	.mbnavul > li {
		border-bottom:1px #dedede dotted;
	}
	.mbnavul > li > a{
		display:block;
		height:42px;
		line-height:42px;
		padding-left:10px;
		padding-right:10px;
		font-weight:600;
		font-size:16px;
	}
	.mbnavul .sub-menu{
		padding-left:15px;
		padding-bottom:15px;
		display:flex;
		justify-content:space-between;
		align-items:center;
		flex-wrap:wrap;
	}
	.mbnavul .sub-menu li{
		width:48%;
		margin-bottom:6px;
	}
	.mbnavul .sub-menu li a{
		display:block;
		width:100%;
		height:36px;
		line-height:36px;
		text-align:center;
		background:#f4f4f4;
		border-radius:5px;
		
	}




/***********手机端页面首页************/

/*****手机端页面首页-banner***/
.bannerimg{
	    overflow: hidden;
}
.banner{
	margin-top:15px;
	margin-bottom:15px;
	padding-left:5px;
	padding-right:5px;
}


/*****手机端页面首页-模块***/


.hmod-title{
    font-size: 20px;
    font-weight: 700;
	position:relative;
	padding-left:10px;
	padding-right:10px;
}
.hmod-title a{
	display: block;
    width: 80px;
    height: 40px;
    line-height: 40px;
    margin-bottom: -1px;
    font-size: 14px;
    font-weight: 400;
    text-align: center;
	position:absolute;
	right:0;
	top:50%;
	transform:translateY(-50%);
	color:#999;
}
/*图+标题*/
.app-ctn{
	display: flex;
    align-items: center;
	justify-content:flex-start;
	flex-wrap:wrap;
}
 .app-item {
	width:25%;
	padding:10px;
	text-align:center;
}
.app-icon {
            width: 70px;
            height: 70px;
			margin-bottom:5px;
        }
.app-details {
            flex: 1;
        }
.app-title {
            font-size: 14px;
            margin-bottom: 5px;
			text-align:center;
        }
.app-category {
            color: #888;
            margin-bottom: 5px;
        }
.app-size {
            color: #888;
        }
.app-rating {
            color: orange;
			margin-bottom: 5px;
        }
.app-misg ,.app-misg a{
	color:#999;
}
.app-misg span{
	margin-left:5px;
	margin-right:5px;
}



/*****手机端页面首页-模块6***/

.hmodfl-ul{
	display:flex;
	justify-content:flex-start;
	align-items:center;
	flex-wrap:wrap;	
}
.hmodfl-ul li{
	height: 100px;
    width: 25%;
	padding:5px;
	text-align:center;
}
.hmodfl-ul li a{
	width:100%;
	height:100%;
	display:block;
	font-size:14px;
	text-align:center;
	line-height:40px;
	overflow:hidden;
}


.hmod6-app{
	display:flex;
	justify-content:flex-start;
	align-items:stretch;
	flex-wrap:wrap;
}
.hmod6-app .hmod6-item{
	width:33.3%;
	padding-left:20px;
	padding-right:20px;
	overflow:hidden;
	text-align:right;
	margin-bottom:30px;
}
.hmod6-app .hmod6-item a{
	display:block;
	width:100%;
}
.hmod6-item-ctn{
	display:flex;
	justify-content:flex-start;
	align-items:stretch;
	border:1px #ebebeb solid;
	border-radius:3px;
	padding:15px 10px;
	transition:0.2s;
}
.hmod6-item-ctn:hover{
	box-shadow: 0 0 10px #dedede;
}

.hmod6-item img{
	width:100%;
	height:auto;
	border-radius:25px;
}

.hmod6-item a p{
	padding:0 3px;
	text-align:center;
	color:#333;
	font-size:15px;
	height:26px;
	line-height: 26px;
	overflow: hidden;
}


/*****手机端页面首页-模块2-合集***/
.hmod2-ctn{
	display:flex;
	justify-content:flex-start;
	align-items:center;
	flex-wrap:wrap;
}
.hmod2-item{
	width:100%;
	height:220px;
	overflow:hidden;
    box-shadow:0px 1px 5px rgba(0,0,0,0.3);
	border-radius:10px;
	margin-bottom:15px;
}

.hmod2-item img{
	width:100%;
	height:150px;
}	
.hmod2-item h3{
	width:100%;
	height:32px;
	line-height:32px;
	font-size:16px;
	line-height:32px;
	text-overflow:ellipsis;
	white-space:nowrap;
} 
.hmod2-item-title{
	padding:5px 100px 5px 10px;
	position:relative;
}
.hmod2-item-title p{
	color:#999;
}
.hmod2-item-title a{
	display: block;
    font-size: 14px;
    color: #27e1ac;
    border: 1px #27e1ac solid;
    padding: 5px 0;
    width: 80px;
    height: 30px;
    border-radius: 3px;
    text-align: center;
    transition: 0.2s;
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
}
/*****手机端页面首页-模块1-带下载按钮***/
.hmod1-ctn{
	padding-left:15px;
	padding-right:15px;
}
.hmod1-ctn .hmod1-item{
	width:100%;
	overflow:hidden;
	border-bottom:1px #ddd dotted;
	display:flex;
	justify-content:flex-start;
	align-items:stretch;
	padding:25px 80px 25px 0;
	position:relative;
}
.hmod1-img{
	height: 75px;
    width: 75px;
    border-radius: 12px;
	overflow:hidden;
	margin-right:10px;
}
.hmod1-img img{
	width:100%;
	height:100%;
}
.hmod1-item-r{
	padding-top:2px;
	padding-bottom:2px;
	display:flex;
	justify-content:space-between;
	flex-direction:column;
	font-size:12px;
	color:#999;
	position:relative;
	width:68%;
}
.hmod1-item-r h3{
	font-size: 15px;
	color:#333;
	display:inline-block;
	width:100%;
	overflow:hidden;
	height:24px;
}
.hmod1-item-r h3 a{
	text-overflow:ellipsis;
	white-space:nowrap;
	display:inline-block;
	width:100%;
	overflow:hidden;
	height:24px;
	line-height:24px;
}

a.hmod1-xzbtn{
	display:block;
	font-size:14px;
	color:#27e1ac;
	border:1px #27e1ac solid;
	padding:5px 0;
	width:50px;
	height:60px;
	border-radius:3px;
	text-align:center;
	transition: 0.2s;
	position:absolute;
	right:0;
	top:50%;
	transform:translateY(-50%);
	
}	
a.hmod1-xzbtn img{
margin-bottom:3px;
}

/*********星星******/
.stars {
	width:76px;
	height:15px;
	background:url("../images/yxk_bgh.png") no-repeat;
	display: inline-block;
}
.stars span {
	display:block;
	max-width:76px;
	height:15px;
	background:url("../images/yxk_bg.png") no-repeat;
	background-position:0 0;
}
.bannerlist p{
    height:20px;
    overflow: hidden;
}
/******顶部大图资讯列表*******/

.hmod4-ctn{
	padding-left:15px;
	padding-right:15px;
}
.hmod4-ctn li{
	height:40px;
	width:100%;
	position:relative;
	border-bottom:1px #e3e3e3 dotted;
	padding-right:70px;
}
.hmod4-ctn li a{
	display:block;
	line-height:40px;
	text-overflow:ellipsis;
	white-space:nowrap;
	display:inline-block;
	overflow:hidden;
	width:100%;
}
.hmod4-ctn li span{
	position:absolute;
	right:0;
	top:50%;
	transform:translateY(-50%);
	font-size:12px;
	color:#999;
}

/****左图右文资讯列表*****/

.hmod5-item{
	display: flex;
    justify-content: flex-start;
    align-items: stretch;
    padding: 15px;
	border-bottom:1px #ddd dotted;
}
a.hmod5-item-img{
	display:black;
	width:100px;
	height:70px;
	border-radius:10px;
	overflow:hidden;
}
a.hmod5-item-img img{
	width:100%;
	height:100%;
}
.hmod5-item-r{
	padding-left:15px;
	width:70%;
	height:70px;
	position:relative;
}
.hmod5-item-r h3{
	line-height:22px;
	font-size:15px;
}
.hmod5-item-r h3 a{
	line-height:22px;
	font-size:15px;
}
.hmod5-item-r p{
	position:absolute;
	left:15px;
	bottom:0;
	color:#999;
	font-size:14px;
}
/*页脚*/
footer{
	border-top:1px #ccc solid;
	color:#999;
	text-align:center;
	background:#444;
}
footer a{
	color:#999;
	
}
.friendlink a{
	padding:0 15px;
	border-right:1px #999 solid;
	margin-bottom:8px;
	
}
/*面包屑*/
.wbreadcrumb{
	display:flex;
	flex-wrap: nowrap;
	align-items: baseline;
	color: #999;
    font-size: 14px;
}
.wbreadcrumb li{
    padding-left: 10px;
    padding-right: 10px;
}
.wbreadcrumb li a{
	color: #999;
}

/*分页*/
.w-fylink{
	display:flex;
	flex-wrap: nowrap ;
	justify-content:center;
	margin-top:0;
	margin-bottom:20px;
}
.w-fylink a{
	display:block;
	border: 1px #dedede solid;
	border-radius:3px;
	padding: 6px 12px;
	margin-left:3px;
	color:#666 ;
	font-size:13px;
}
.w-fylink a.active{
    color: #50bfff;
    border: 1px #50bfff solid;
}
.w-fylink a:hover{
	color: #50bfff;
    border: 1px #50bfff solid;
}
.w-fylink a i{
	font-size:12px;
}
.w-fylink a.active:hover{
	color: #50bfff;
    border: 1px #50bfff solid;
}

/*分页*/
.w-fylink{
	display:flex;
	flex-wrap: nowrap ;
	justify-content:center;
	margin-top:30px;
	margin-bottom:20px;
}
.w-fylink a{
	display:block;
	border: 1px #dedede solid;
	border-radius:3px;
	padding: 6px 12px;
	margin-left:3px;
	color:#666 ;
	font-size:13px;
}
.w-fylink a.active{
    color: #50bfff;
    border: 1px #50bfff solid;
}
.w-fylink a:hover{
	color: #50bfff;
    border: 1px #50bfff solid;
}
.w-fylink a i{
	font-size:12px;
}
.w-fylink a.active:hover{
	color: #50bfff;
    border: 1px #50bfff solid;
}


/******排行榜******/
.phb-ctn .hmod1-item{
	padding:15px 80px 15px 0;
	padding-left:40px;
	
}
.phb-ctn .hmod1-item:first-child{
	background:url(../images/sortlist-1.jpg) no-repeat left center;
	background-size:30px;
}
.phb-ctn .hmod1-item:nth-child(2){
	background:url(../images/sortlist-2.jpg) no-repeat left center;
	background-size:30px;
}
.phb-ctn .hmod1-item:nth-child(3){
	background:url(../images/sortlist-3.jpg) no-repeat left center;
	background-size:30px;
}
.phb-ctn .hmod1-item:nth-child(4):before,.phb-ctn .hmod1-item:nth-child(5):before,.phb-ctn .hmod1-item:nth-child(6):before,.phb-ctn .hmod1-item:nth-child(7):before,.phb-ctn .hmod1-item:nth-child(8):before,.phb-ctn .hmod1-item:nth-child(9):before,.phb-ctn .hmod1-item:nth-child(10):before{
	content:"4";
	color:#f89406;
	font-size:28px;
	font-weight:700;
	position:absolute;
	left:5px;
	top:20px;
}
.phb-ctn .hmod1-item:nth-child(5):before{
	content:"5";
}
.phb-ctn .hmod1-item:nth-child(6):before{
	content:"6";
}
.phb-ctn .hmod1-item:nth-child(7):before{
	content:"7";
}
.phb-ctn .hmod1-item:nth-child(8):before{
	content:"8";
}
.phb-ctn .hmod1-item:nth-child(9):before{
	content:"9";
}
.phb-ctn .hmod1-item:nth-child(10):before{
	content:"10";
	left:0;
}
.phb-ctn .hmod1-img{
	width:55px;
	height:55px;
}
.phb{
	padding-top:130px;
	background:url(../images/phbtop.png) no-repeat top center;
	background-size:100%;
}
.phb .bgc-white{
	border-radius:15px;
}

/*排行榜phbfl*/
.phbfl ul{
	line-height:42px;
	display:flex;
	justify-content:center;
}
.phbfl ul li a{
    display:block;
	border:1px #27e1ac solid;
	line-height:42px;
	height:42px;
	color:#27e1ac;
	padding:0 15px;
}
.phbfl ul li.active a{
	
	background:#27e1ac;
	color:#fff;
	
}
/******内页******/
.pageapp-list .app-item{
	padding-right:60px;
	position:relative;
}
.pageapp-list .app-item .app-misg{
	font-size:12px;
}
.pageapp-list .app-item .hmod1-xzbtn{
	position:absolute;
	right:0;
	top:15px;
}
/******合集分类页******/
.classify {
	display:flex;
	justify-content:flex-start;
	align-items:center;
	flex-wrap: wrap;
	padding:10px;
	color:#666;
	background:#fff;
}
.classify  li{
	margin-right:5px;
	margin-bottom:5px;
	  width:32%;
}
.classify  a{
	display:block;
	padding:5px 0;
	background: #f0f0f0;
	text-align: center;
	min-width: 90px;
	border-radius: 4px;
}
.classify  a:hover,.classify .active a{
	background:#50bfff;
	color:#fff;
}

.classify span{
	    display: block;
	    width: 100%;
    margin-bottom: 10px;
	}





.pagehj-item-top{
	text-align:center;
	background:#eeeeee;
	padding:10px;
	margin-bottom:15px;
}
.pagehj-item-top img{
	border-radius:10px;
}
.pagehj-item-top p{
	color:#999;
}
.pagehj-item-list{
	display:flex;
	align-items:top;
	justify-content: space-between;
	 flex-wrap:wrap;
	padding-left:10px;
	padding-right:10px;
}
.phjlist-item{
	width: 48%;
    margin-right: 0;
    margin-bottom: 20px;
    padding: 10px 10px 30px;
	text-align:center;
	position:relative;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    height: 100%;
    border: 1px #eee solid;
    border-radius: 5px;
    overflow: hidden;
}
.phjlist-item .hmod1-xzbtn{
	position:absolute;
	bottom:10px;
	
}
.phjlist-item img{
	width:80px;
	height:80px;
}
.phjlist-item h3{
	font-size:16px;
	overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: block;
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
}
.phjlist-item .app-misg{
	font-size:13px;
}
.hjmore{
	display:block;
	color:#fff;
	background:#50bfff;
	text-align:center;
	line-height:42px;
	height:42px;
	width:90%;
	border-radius:5px;
	margin:10px auto;
}
/******合集列表******/
.hjlist-title{
	color:#ffffff;
}
.hjlist-title p{
	line-height: 1.8;
    color: #fff;
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    line-clamp: 5;
    -webkit-box-orient: vertical;
}
.hjlist-title{
	background-image:url(../images/banner1.jpg);
	background-position:center;
	background-size:cover;
	background-repeat:no-repeat;
	position:relative;
}
.hjlist-title:before{
	content:"";
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:rgba(0,0,0,0.7);
}
.bgc-img{
	position:relative;
	z-index:99;
}
/******app下载详情页******/
.page-title{
	padding-left:10px;
	padding-right:10px;
}
.xzinfo-tit{
	display:flex;
	justify-content:flex-start;
}
.xzinfo-tit img{
	width:75px;
	height:75px;
	border-radius:15px;
}
.xzinfo-tit h1{
	font-size:16px;
	font-weight:700;
	margin-bottom:5px;
	line-height:1.5;
	padding-left:10px;
	padding-right:10px;
}
.xzinfo-li {
	color:#555;
	display:flex;
		justify-content:flex-start;
		align-items:center;
		flex-wrap:wrap;
		margin-bottom:10px;
		padding:0 10px;
}
.xzinfo-li li{
	display: block;
    height: 28px;
    line-height: 28px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
	width: 50%;

}
.xzinfo-item{
	display: flex;
    justify-content: flex-start;
    align-items: stretch;
	margin-bottom:30px;
}
.xzinfo-item .homebk1-img{
	width:70px;
	height:70px;
	
}

.colororange{
	color:orange;
}
	
.appdoc{
	display:block;
	height:48px;
	line-height:48px;
	background:#409eff;
	margin-top:10px;
	color:#fff;
	border-radius:5px;
	font-size:16px;
	letter-spacing:1px;
	text-align:center;
}
.appdoc-btn{
	padding:10px;
}
.xzsm{
	font-size:12px;
	color:#999;
	padding:10px;
	background:#f4f4f4;
	margin-top:20px;
}
.appsingle-intd{
	
}
.appdoc-text {
	padding-left:10px;
	padding-right:10px;
}
.appsingle-ctn{
	 background: #fff;
}
.appsingle-intd {
	font-size:15px;
	line-height:1.8;
	word-wrap:break-word;
	color:#444;
	padding:0 5px;
	text-align:justify;
}
.appsingle-intd img {
	width:50%;
	margin:20px auto;
	display:block;
}
blockquote:before {
    position: absolute;
    content: "";
    left: 30px;
    top: 22px;
	display:block;
	width:36px;
	height:36px;
	background:url(../images/yinghao.png) no-repeat center;
	background-size:cover;
}
blockquote{
    position: relative;
    padding: 30px 30px 30px 75px;
    background: #eee;
    border-left: 0;
    font-size: 15px;
    border-radius: 6px;
	margin-top:30px;
	margin-bottom:30px;
	color:#999;
}
.appsingle-intd p{
	margin-bottom:20px;
	font-size:15px;
	line-height:1.8;
	word-wrap:break-word;
	color:#444;
	text-align:justify;
}
.appsingle-intd ul{
	padding-left:50px;
	margin-bottom:30px;
}
.appsingle-intd ul li{
	list-style-type:disc;
}
.appsingle-intd h3{
	font-size:16px;
	font-weight:600;
	margin-bottom:15px;
}
.appsingle-intd img{
	width:auto;
	height:auto;
	display:block;
	margin:30px auto;
	max-width:100%;
	border-radius: 15px;
}
.newsingle-title{
	text-align:center;	
	border-bottom:1px #eee solid;
	padding-bottom:15px;
}
.newsingle-title h1{
	font-size: 24px;
    font-weight: 700;
	margin-bottom:20px;
}
.newsingle-info{
	color: #999;
	font-size:14px;
}
.newsingle-info a{
	color: #999;
}
.newsingle-info span{
	margin:0 15px;
}
/*文章页面-图集*/
.single-imgs-ctn{
	position:relative;
	padding:10px 0;
}
.single-swiper .swiper-slide{
	padding:10px;
}
.single-swiper .swiper-slide img{
	width:100%;
	height:auto;
}
.single-imgs-ctn{
    --swiper-theme-color: #dedede;/* 设置Swiper风格 */
    --swiper-navigation-color: #dedede;/* 单独设置按钮颜色 */
    --swiper-navigation-size: 46px;/* 设置按钮大小 */
  }