html,body{ margin:0; padding:0;  color:#eee; font-size:14px; background:#222; font-family:"Microsoft YaHei"; }
body{ overflow-y:scroll; padding-top:60px; }
input{ font-family:"Microsoft YaHei"; }
a{ text-decoration:none; color:#ffc604; cursor:pointer; }
a img{ cursor:pointer; }
i{ font-style:normal; }
ul,li{ margin:0; padding:0; list-style:none; }
*{cursor:default;}

/*重定义layer样式*/
.layui-layer{ background:#666!important; border-radius:5px!important; }
.layui-layer-title{ background:#333!important; color:#fff!important; border-bottom:0!important; border-radius:5px 5px 0 0!important;  }
.layui-layer-content span{ color:#ffaa00; }

/*公共容器，限定500px宽度*/
	.container{ display:table; width:500px; margin:0 auto; overflow:hidden;   }

/*顶部导航*/
	.top{ border-bottom:1px solid #484848; background:#333; position:fixed; z-index:9999; top:0; }
	.top .nav{ width:100%; }
	.top .nav .links{ display:table; }
	.top .nav .links .logo{ width:60px; height:60px; background:url(mobile_img/logo.png) #333 no-repeat 15px 15px; background-size:30px 30px; }
	.top .nav .links a{ font-size:18px; color:#eee; float:left; height:60px; width:73px; text-align:center; line-height:60px; }
	.top .nav .cur{ color:#ffaa00!important; background:#444; }

/*首页大图*/
	.indexImg{ height:600px; width:100%; background:#333 url(mobile_img/index_img_bg.png); }
	.indexImg .item{ position:absolute; display:none; width:500px; overflow:hidden; }
	.indexImg .img{  width:400px; height:362px; background-repeat:no-repeat; background-size:cover; margin:10px auto 0 auto; }
	.indexImg .content{ margin:0px 0 0 50px; }
	.indexImg .content .title{ color:#ffc604; font-size:38px; }
	.indexImg .content .tag{ margin-top:15px; }
	.indexImg .content .tag span{ display:inline-block; margin:0 5px 0 0 ; padding:5px 8px; border:1px solid rgba(255,255,255,0.4); border-radius:10px;  }
	.indexImg .content .tag span{ transition:background 0.5s,border 0.5s; }
	.indexImg .content .tag span:hover{ background:rgba(255,255,255,0.15); border:1px solid rgba(255,255,255,0.6); }
	.indexImg .content .text{ margin-top:15px; font-size:22px; }
	.indexImg .carouselBut{ position:absolute; margin:550px 0 0 55px; }
	.indexImg .carouselBut a{ display:inline-block; width:16px; height:16px; border-radius:8px; background:#fff; margin-right:12px; opacity:0.3; }
	.indexImg .carouselBut a.cur{ opacity:1; }

	.indexImg .in{ display:block; }
	.indexImg .in .img{ opacity:0; animation: indexImgIn 1.1s; animation-fill-mode:forwards; animation-delay:0.2s; }
	.indexImg .in .content .title{ opacity:0; animation: indexContentIn 1.1s; animation-fill-mode:forwards; animation-delay:0.2s; }
	.indexImg .in .content .tag{ opacity:0; animation: indexContentIn 1.1s; animation-fill-mode:forwards; animation-delay:0.4s; }
	.indexImg .in .content .text{ opacity:0; animation: indexContentIn 1.1s; animation-fill-mode:forwards; animation-delay:0.6s; }
	.indexImg .out{ display:block; }
	.indexImg .out .img{ opacity:1; animation: indexImgOut 1.1s; animation-fill-mode:forwards;  }
	.indexImg .out .content{ opacity:1; animation: indexContentOut 1.1s; animation-fill-mode:forwards;  }

	@keyframes indexImgIn{
		from{ opacity:0; transform:translateX(-150px); }
		to{ opacity:1; transform:translateX(0px); }
	}

	@keyframes indexImgOut{
		from{ opacity:1; transform:translateX(0px); }
		to{ opacity:0; transform:translateX(-150px); }
	}

	@keyframes indexContentIn{
		from{ opacity:0; transform:translateX(150px); }
		to{ opacity:1; transform:translateX(0px); }
	}

	@keyframes indexContentOut{
		from{ opacity:1; transform:translateX(0px); }
		to{ opacity:0; transform:translateX(150px); }
	}

/*首页特性*/
	.indexFeature{ display:table; background:url(img/feature_bg.png) #16181d; background-position:0 320px; }
	.indexFeature .title{ text-align:center; color:#fe8548; font-size:32px; padding-top:40px; margin-bottom:30px; }
	.indexFeature .title span{ display:block; font-size:18px; color:#8297ea; padding-top:10px; }

	.indexFeature .list ul li{ margin:0px 0 10px 0; border:1px solid rgba(255,255,255,0); border-radius:10px; padding:20px; display:table; }
	.indexFeature .list ul li i{ background:url(img/feature_icon.png) no-repeat; background-size:400px 200px; }
	.indexFeature .list ul li i{ float:left; width:100px; height:100px; margin:0 auto 15px auto; }
	.indexFeature .list ul li div{ float:left; width:310px; padding-left:15px; border-left:1px solid #555; margin-left:20px; }
	.indexFeature .list ul li div strong{ display:block; margin-bottom:5px; font-size:24px; }
	.indexFeature .list ul li div span{ display:block; font-size:18px; line-height:1.5; color:#bcbcbd; text-align:justify; }

	.indexFeature .list ul li:nth-child(1) i{ background-position:0 0; }
	.indexFeature .list ul li:nth-child(2) i{ background-position:-100px 0; }
	.indexFeature .list ul li:nth-child(3) i{ background-position:-200px 0; }
	.indexFeature .list ul li:nth-child(4) i{ background-position:-300px 0; }
	.indexFeature .list ul li:nth-child(5) i{ background-position:0 -100px; }
	.indexFeature .list ul li:nth-child(6) i{ background-position:-100px -100px; }
	.indexFeature .list ul li:nth-child(7) i{ background-position:-200px -100px; }
	.indexFeature .list ul li:nth-child(8) i{ background-position:-300px -100px; }

/*首页适用场景*/
	.indexScenes{ display:table; width:100%; background:#494a4c; }
	.indexScenes .title{ text-align:center; color:#688ae7; font-size:32px; padding-top:40px; margin-bottom:30px; }
	.indexScenes .title span{ display:block; font-size:18px; color:#f0f0f0; padding-top:10px; }

	.indexScenes .list ul li{ float:left; background:#f0f0f0; width:200px; height:220px; margin:0px 0 20px 20px; border-top:5px solid #ccc; padding:10px; }
	.indexScenes .list ul li strong{ display:block; margin:0px 0 5px 0; font-size:24px; font-weight:normal; color:#333; }
	.indexScenes .list ul li span{ display:block; font-size:14px; line-height:1.8; color:#666; text-align:justify; }
	.indexScenes .list ul li i{ display:block; width:200px; height:100px; background:url(img/scenes_icon.png); margin:20px auto 0 auto; }

	.indexScenes .list ul li:nth-child(1) i{ background-position:0 0; }
	.indexScenes .list ul li:nth-child(2) i{ background-position:-200px 0; }
	.indexScenes .list ul li:nth-child(3) i{ background-position:-400px 0; }
	.indexScenes .list ul li:nth-child(4) i{ background-position:-600px 0; }
	.indexScenes .list ul li:nth-child(5) i{ background-position:-800px 0; }
	.indexScenes .list ul li:nth-child(6) i{ background-position:-1000px 0; }
	.indexScenes .list ul li:nth-child(7) i{ background-position:-1200px 0; }
	.indexScenes .list ul li:nth-child(8) i{ background-position:-1400px 0; }

/*首页我们的客户*/
	.indexClient{ padding-bottom:50px; }
	.indexClient .title{ text-align:center; color:#f4da61; font-size:32px; padding-top:40px; margin-bottom:20px; }
	.indexClient .title span{ display:block; font-size:18px; color:#ccc; padding-top:10px; }

/*页脚*/
	.foot{ background:#3a3b3b; }
	.foot .wechat{ float:left; padding:30px 30px 10px 30px; text-align:center; }
	.foot .info{ float:left; padding:28px 0px 10px 0px; text-align:left; font-size:16px; line-height:1.8; }
	.foot .info li{ border-bottom:1px #666 solid; padding-bottom:5px; margin-bottom:5px; }
	
	.foot .info li:nth-child(2){ margin-bottom:0; border-bottom:0; }

	.foot .copyright{ display:block; width:100%; text-align:center; padding:10px 0 10px 0; background:#444; }

/*内页*/
	.pageTop{  height:140px; background:url(img/page_top_bg.png);  border-top:#222 solid 1px; text-align:center; }
	.pageTop .title{ display:table;  margin:35px auto 15px auto; }
	.pageTop .title i{ float:left; width:30px; height:30px; background:url(img/page_top_icon.png) no-repeat; margin:1px 8px 0 0; }
	.pageTop .title strong{ float:left; font-size:30px; line-height:1; }
	.pageTop span{ color:#ccc; font-size:16px; }
	.pageTop.buy .title i{ background-position:0 -30px; }
	.pageTop.doc .title i{ background-position:0 -60px; }
	.pageTop.about .title i{ background-position:0 -90px; }
	.pageTop.login .title i{ background-position:0 -120px; }
	
	.pageNav{ display:table; width:100%; padding:20px 0 10px 0; border-bottom:1px solid #666; }
	.pageNav ul li,.pageNav ul a{ float:left; background:#3b3b3b; font-size:15px; padding:10px 20px; border-radius:5px; margin:0 0 15px 15px; cursor:pointer; color:#fff; }
	.pageNav ul li:hover,.pageNav ul a:hover{ background:#585858; }
	.pageNav ul li.cur,.pageNav ul a.cur{ background:#e49537; }
	
	.pageTip{ padding:15px; background:#333; margin:15px; border-radius:10px; line-height:1.8; font-size:15px; border:1px dashed #111; }
	.pageTip span{ color:#ffd65f; }
	
	.pageNoTip{ padding:30px; text-align:center; font-size:24px; color:#666; }

/*模板页*/
	.templateList{ margin:10px 0 20px 0; }
	.templateList ul li{ display:table; margin:0 0 20px 20px; border-bottom:#555 solid 1px; padding-bottom:20px; }
	.templateList ul li .cover{ float:left; display:block; width:150px; height:240px; overflow:hidden; border-radius:5px; }
	.templateList ul li .cover img{ width:150px; cursor:pointer; }
	.templateList ul li .info{ float:left; width:280px; padding-left:20px; }
	.templateList ul li .info h3{ font-size:22px; margin:0 0 10px 0; }
	.templateList ul li .info span{ display:block; height:130px; font-size:18px; line-height:1.8; border-bottom:1px dashed #555; padding-bottom:5px; margin-bottom:5px; overflow:hidden; }
	.templateList ul li .but a{ float:left; border:0; background:#5c75d6; color:#fff; font-size:18px; padding:10px 14px; border-radius:3px; margin:10px 10px 0 0; }


/*版本对比*/
	.versionTable{ width:94%; border-spacing:0; border-collapse:collapse; margin:10px auto 20px auto; font-size:14px; border-top:5px solid #666; }
	.versionTable th{ background:#444; font-size:16px; }
	.versionTable th span{ display:block; font-size:12px; color:#999; margin-top:5px; }
	.versionTable td,.versionTable th{ border:1px solid #666; text-align:center; padding:15px 15px 15px 15px; }

	.versionTable td{ background:#333; }
	.versionTable td span{ color:#fff600; }
	.versionTable td i{ display:block; width:20px; height:15px; margin:0 auto; background:url(img/version_authority_icon.png); }
	.versionTable td i.no{ background-position:20px 0; }
	.versionTable td.line{ padding:5px 0 5px 8px; text-align:left; background:#2a2a2a!important; }

	.versionTable tr td:nth-child(1){ background:#3a3a3a; }
	.versionTable tr td:nth-child(3){ background:#3a3a3a; }
	.versionTable tr td:nth-child(5){ background:#3a3a3a; }

/*手册页面*/
	.docList{ margin:10px 0; }
	.docList ul{ display:table; width:100%; padding-bottom:20px; }
	.docList ul li{ height:240px; margin:0 20px; border-bottom:1px solid #555; padding-top:20px; }
	.docList ul li div{ float:left; width:200px; }
	.docList ul li div h3{ display:block; margin-bottom:10px; font-size:28px; margin-top:3px; }
	.docList ul li div span{ display:block; margin-bottom:10px; color:#ddd; font-size:16px; }
	.docList ul li img{ float:left; margin-right:30px; width:160px; margin-left:30px; border-radius:5px; }

	.docList a{ float:left; background:#ffa52b; color:#fff; font-size:16px; padding:15px 20px; border-radius:3px; cursor:pointer; margin:10px 10px 0 0; }
	.docList a.down{ background:#5c75d6; }
	.docList a:hover{ color:#fff; }

/*关于我们*/
	.aboutDiv{ background:#333; display:table;  padding:30px; margin:30px 0; }
	.aboutDiv .info{ }
	.aboutDiv .info h3{ font-size:22px; margin:15px 0 10px 0; }
	.aboutDiv .info div{ font-size:16px; line-height:1.8; color:#aaa; }