html,body{ margin:0; padding:0;  color:#eee; font-size:14px; background:#222; font-family:"Microsoft YaHei"; }
body{ overflow-y:scroll; }
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; }

/*重置滚动条风格*/
	::-webkit-scrollbar{ width:13px; }  
	::-webkit-scrollbar-track{ background-color:#424242; border-radius:3px; -webkit-box-shadow:inset 0 0 2px rgba(0,0,0,0.5); }
	::-webkit-scrollbar-thumb{ background-color:#828282; border-radius:3px; -webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3); }

/*公共容器，限定1200px宽度和剧中显示*/
	.container{ display:table; width:1200px; margin:0 auto;  }

/*顶部LOGO和导航*/
	.top{ border-bottom:1px solid #484848; height:100px; background:#333; }
	.top .logo{ float:left; margin-top:25px; display:table }
	.top .logo .img{ float:left; background:url(img/logo.png) no-repeat; width:181px; height:55px; }
	.top .logo .text{ float:left; display:block; border-left:1px solid #4d4d4d; height:53px; padding-left:10px; margin-left:12px; width:200px; }
	.top .logo .text span{ display:block; color:#e25b17; padding:5px 0 3px 0; }
	.top .nav{ float:right; display:table; width:700px; }
	.top .nav .cursor{ position:absolute; width:80px; height:35px; border-radius:8px; background:#5c75d6; margin-top:34px; margin-left:0; display:none; }
	.top .nav .links{ position:absolute; margin-top:40px; height:35px; }
	.top .nav .links a{ font-size:16px; color:#eee; float:left; padding:0 28px; }
	.top .nav .login.cur{ color:#fff!important; }

/*首页大图*/
	.indexImg{ height:529px; width:100%; border-top:#222 solid 1px; background:url(img/index_img_bg.png) center center no-repeat; }
	.indexImg .item{ position:absolute; display:none; }
	.indexImg .img{ float:left; width:530px; height:480px; background-repeat:no-repeat; margin:25px 30px 0 30px; }
	.indexImg .content{ float:left; margin:120px 0 0 50px; }
	.indexImg .content .title{ color:#ffc604; font-size:48px; }
	.indexImg .content .tag{ margin-top:15px; }
	.indexImg .content .tag span{ display:inline-block; margin:0 10px 0 0 ; padding:5px 10px; 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:24px; }
	.indexImg .but{ position:absolute; margin:305px 0 0 640px; }
	.indexImg .but a{ display:inline-block; margin:0 15px 0 0 ; padding:13px 35px 15px 35px; background:#e25b17; }
	.indexImg .but a{ font-size:18px; color:#fff; line-height:1; border-radius:10px; }
	.indexImg .but a.introduction{ background:#ffc604; }
	.indexImg .but a.introduction:hover{ background:#ffd904; }
	.indexImg .but a.demo:hover{ background:#fa710d; }
	.indexImg .carouselBut{ position:absolute; margin:375px 0 0 645px;  }
	.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); }
	}

/*首页最新动态*/
	.notice{ padding-bottom:25px; background:#333; }
	.notice li{ float:left; width:350px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; margin:25px 20px 0 20px; }
	.notice li,.notice li a{ color:#aaa; }
	.notice li span{ color:#ddd; }

/*首页特性*/
	.indexFeature{ height:800px; background:url(img/feature_bg.png) #16181d no-repeat; 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{ float:left; width:230px; margin:0px 36px 20px 0; border:1px solid rgba(255,255,255,0); border-radius:10px; padding:20px; }
	.indexFeature .list ul li i{ display:block; width:120px; height:120px; background:url(img/feature_icon.png); margin:0 auto 20px auto; }
	.indexFeature .list ul li strong{ display:block; margin-bottom:10px; font-size:18px; text-align:center; }
	.indexFeature .list ul li span{ display:block; font-size:14px; line-height:1.8; color:#bcbcbd; text-align:justify; }

	.indexFeature .list ul li:nth-child(1){ margin-left:0; }
	.indexFeature .list ul li:nth-child(5){ margin-left:0; }
	.indexFeature .list ul li:nth-child(4){ margin-right:0; }
	.indexFeature .list ul li:nth-child(8){ margin-right:0; }

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


	.indexFeature .list ul li{ transition:border 1s,background 1s;  }
	.indexFeature .list ul li:hover{ border:1px solid rgba(255,255,255,0.2); background:rgba(255,255,255,0.05); }

	.indexFeature .list ul li i{ transition:transform 1.5s; }
	.indexFeature .list ul li:hover i{ transform:rotate(360deg); }

	.indexFeature .list ul li strong,indexFeature .list ul li span{ transition:color .8s; }
	.indexFeature .list ul li:hover strong{ color:#e1af08; }
	.indexFeature .list ul li:hover span{ color:#d9cda4; }

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

	.indexScenes .list ul li{ float:left; background:#f0f0f0; width:220px; height:260px; margin:0px 53px 50px 0; border-top:5px solid #ccc; padding:20px; }
	.indexScenes .list ul li strong{ display:block; margin:15px 0 20px 0; font-size:24px; font-weight:normal; text-align:center; 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){ margin-left:0; }
	.indexScenes .list ul li:nth-child(5){ margin-left:0; }
	.indexScenes .list ul li:nth-child(4){ margin-right:0; }
	.indexScenes .list ul li:nth-child(8){ margin-right:0; }

	.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; }


	.indexScenes .list ul li{ transition:border .5s,background .5s,transform .5s,box-shadow .5s;  }
	.indexScenes .list ul li:hover{ border-top:5px solid #f1b81c; background:#fff; transform:translateY(-15px); box-shadow:5px 5px 5px rgba(0,0,0,0.5) }

	.indexScenes .list ul li i{ transition:background .5s; }
	.indexScenes .list ul li:hover i{ background-position-y:-100px; }

	.indexScenes .list ul li strong,indexFeature .list ul li span{ transition:color .5s; }
	.indexScenes .list ul li:hover strong{ color:#f1b81c; }
	.indexScenes .list ul li:hover span{ color:#f1b81c; }

/*首页模板*/
	.indexTemplate{ height:600px; background:#222 url(img/template/bg.png) no-repeat center 170px; }
	.indexTemplate .title{ text-align:center; color:#fd6c26; font-size:32px; padding-top:40px; margin-bottom:50px; }
	.indexTemplate .title span{ display:block; font-size:18px; color:#f4da61; padding-top:10px; }
	
	.indexTemplate .list ul{ margin-left:45px; }
	.indexTemplate .list ul li a{ background:#222; display:table; }

	.indexTemplate .list ul li{ float:left; width:170px; height:356px; margin:0px 50px 50px 0; margin-top:51px; }
	.indexTemplate .list ul li a img{ display:block; width:170px; height:289px; opacity:0.4; }
	.indexTemplate .list ul li a span{ display:block; width:170px; background:#424242; text-align:center; height:40px; line-height:40px; margin-top:10px; color:#fff; opacity:0.4; }

	.indexTemplate .list ul li:first-child{ margin-left:0; }
	.indexTemplate .list ul li:last-child{ margin-right:0; }

	.indexTemplate .list ul li.side{ width:185px; height:365px; margin-top:25px; }
	.indexTemplate .list ul li.side img{ width:185px; height:315px; opacity:0.8; }
	.indexTemplate .list ul li.side span{ width:185px; opacity:0.8; }

	.indexTemplate .list ul li.cur{ width:200px; height:390px; margin-top:0; }
	.indexTemplate .list ul li.cur img{ width:200px; height:340px; opacity:1; }
	.indexTemplate .list ul li.cur span{ width:200px; opacity:1; }

	.indexTemplate .list ul li{ transition:width .5s,height .5s,margin .5s,opacity .5s; }
	.indexTemplate .list ul li img{ transition:width .5s,height .5s; }
	.indexTemplate .list ul li span{ transition:width .5s; }

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

/*页脚*/
	.foot{ background:#3a3b3b; }
	.foot ul{ display:table; margin-left:70px; }
	.foot ul li{ float:left; width:250px; text-align:center; line-height:1.8; margin-right:100px; }
	.foot ul li i{ display:block; width:60px; height:60px; background:url(img/foot_icon.png); margin:40px auto 20px auto; }
	.foot ul li.phone i{ background-position:-60px 0; }
	.foot ul li.qr i{ background-position:-120px 0; }

	.foot .copyright{ display:block; text-align:center; margin:30px 0 20px 0;}
	.foot .copyright .links{ margin-bottom:20px; }
	.foot .copyright .links a{ display:inline-block; color:#ccc; }
	.foot .copyright .links span{ display:inline-block; color:#666; font-size:18px; margin:0 5px; }

/*内页*/
	.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:14px; }
	.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; border-bottom:1px solid #666; }
	.pageNav ul li,.pageNav ul a{ float:left; background:#3b3b3b; font-size:15px; padding:10px 15px; border-radius:5px; margin-right: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; }
	.pageNav ul li s,.pageNav ul a s{ float:right; background:url(img/hot.png) no-repeat; background-size:21px auto; width:21px; height:18px; margin:2px -7px 0 3px; }

	.pageNav ul li i,.pageNav ul a i{ background-size:17px auto; float:left; width:17px; height:17px; margin:2px 4px 0 -5px; }

	.pageTip{ padding:15px; background:#333; margin-top:20px; 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:16px; color:#666; }

/*窗口*/
	.win{ box-shadow:5px 5px 10px rgba(0,0,0,.8)!important; border:#333 solid 1px!important; }
	.win,.win iframe{ overflow:hidden; border:0; border-radius:8px!important; background:#222!important; }

	.winPage .head{ border-bottom:#000 solid 1px; height:45px; line-height:45px; margin:0 10px; font-size:16px; }
	.winPage .head::after{ display:block; border-top:#3a3a3a solid 1px; content:' '; }
	.winPage .head i{ float:left; width:16px; height:16px; background:url(img/win_title_icon.png); margin:15px 5px 0 10px; }
	.winPage .head .closeBut{ float:right; border-radius:3px; width:22px; height:22px; margin:12px 3px 0 0; }
	.winPage .head .closeBut{ background:url(img/win_close_icon.png) #505050 no-repeat; }
	.winPage .head .closeBut:hover{ background-color:#e4ab11; background-position:0 -22px; }

/*模版首页*/
	.templateIndex{ display:table; width:100%; background:#424242; border-radius:5px; margin-top:20px; padding:10px 0 0 0; }
	.templateIndex h3{ font-size:23px; margin:10px 0 15px 0;  }
	.templateIndex h3 i{ float:left; width:30px; height:30px; margin:0 5px 0 20px; background:url(img/template_icon_2.png); background-size:30px auto; }
	.templateIndex h3 span{ font-size:16px; float:right; margin-right:30px; color:#FFD800; }
	.templateIndex ul{ padding:0 20px; }
	.templateIndex ul a{ float:left; width:103px; height:180px; border-radius:5px; overflow:hidden; }
	.templateIndex ul a{ margin-left:15px; margin-bottom:15px; transition:transform 0.5s; }
	.templateIndex ul a:hover{ transform:translateY(-8px); }
	.templateIndex ul a:first-child{ width:210px; height:375px; border-radius:10px; margin-left:0; margin-bottom:20px; }
	.templateIndex img{ width:100%; height:auto;  }
	.templateIndex .noTip{ border:1px solid #eee; width:96px; height:118px; background:#848484; text-decoration:none; color:#D1D1D1; }
	.templateIndex .noTip{ text-align:center; font-size:18px; letter-spacing:5px; line-height:1.8; padding:60px 0 0 5px; }
	
	.templateIndex.wheel h3 i{ background-position:0 0;  }
	.templateIndex.egg h3 i{ background-position:0 -30px; }
	.templateIndex.transfer h3 i{ background-position:0 -60px; }
	.templateIndex.other h3 i{ background-position:0 -90px; }

	.templateIndex.other{ margin-bottom:20px; }
	.templateIndex.other ul a,.templateIndex.other ul a:first-child{ width:180px; height:350px;  }

/*模板内容页*/
	.templateList{ margin:10px 0 50px 0; }
	.templateList ul{ display:table; }
	.templateList ul li{ float:left; width:210px; background:#424242; border-radius:8px; margin:30px 37px 0 0; }
	.templateList ul li{ transition:border .5s,background .5s,margin .5s,opacity .5s; }
	.templateList ul li:hover{ border-color:#fff; background:#f79e34; }
	.templateList ul li:nth-child(5n+0){ margin-right:0; }
	.templateList ul li i{ display:block; width:210px; height:340px; overflow:hidden; border-radius:5px 5px 0 0; }
	.templateList ul li i img{ width:210px;cursor:pointer; }
	.templateList ul li span{ display:block;  text-align:center; height:40px; line-height:40px; border-radius:0 0 5px 5px; cursor:pointer; }
	
	.templateWin,.templateWin iframe{ width:900px!important; height:700px; }
	
	.templateInfo{ width:1160px; background:#333; margin:15px auto 20px auto; padding:20px 20px; border-radius:10px; }
	.templateInfo .preview{ float:left; width:350px; height:620px; box-shadow:2px 2px 3px rgba(0,0,0,.5); margin:15px; background:#aaa; }
	.templateInfo .preview{ background:url(img/mobile_top.png) no-repeat; }
	.templateInfo .preview span{ display:block; font-size:18px; text-align:center; line-height:35px; height:40px; margin-top:24px; }
	.templateInfo .preview iframe{ width:348px; height:555px; border:0; overflow:hidden; border:#434447 solid 1px; background:#aaa; }

	.templateInfo .main{ float:left; width:750px; margin:15px 0 0 15px; }
	.templateInfo .main .info{ display:table; width:750px; }
	.templateInfo .main .info .qr{ float:left; width:150px; height:180px; background:#fff; }
	.templateInfo .main .info .qr img{ width:150px; height:150px; }
	.templateInfo .main .info .qr span{ display:block; color:#333; text-align:center; }
	.templateInfo .main .info .qr::before{ content:' '; position:absolute; display:inline-block; width:0; height:0; border-top:10px solid transparent; border-right:15px solid white; border-bottom:10px solid transparent; margin:20px 0 0 -15px; }
	.templateInfo .main .info .introduction{ float:left; width:570px; margin:0 0 0 20px; }
	.templateInfo .main .info .introduction h3{ padding:0; margin:0 0 5px 0; font-size:30px; color:#e4ab11; font-weight:normal; }
	.templateInfo .main .info .introduction h3 span{ font-size:16px; font-weight:normal; }
	.templateInfo .main .info .introduction div{ font-size:16px; line-height:1.7; text-align:justify; }
	.templateInfo .main .info .introduction div span{ color:#FFFC00; }
	.templateInfo .main .info .introduction div strong{ color:#FFFC00; font-weight:bold; }
	.templateInfo .main .info .introduction button{ float:right; background:#FFBF00; border:0; color:#fff; padding:10px 20px; border-radius:5px;cursor:pointer; font-size:16px; }
	.templateInfo .main .info .introduction span{ font-size:18px; font-weight:bold; line-height:1; }
	.templateInfo .main .info .introduction button:hover{ background:#FCCF47; }

	.templateInfo .main .item{ border-bottom:1px solid #4c4c4c; padding:20px 0 10px 0; font-size:16px; font-weight:bold; }

	.templateInfo .styleList{ margin:15px 0 0 0; width:750px; height:370px; overflow:hidden; overflow-y:scroll; }
	.templateInfo .styleList ul{ display:table; }
	.templateInfo .styleList ul li{ display:inline-block; width:100px; height:160px; overflow:hidden; margin:0 22px 10px 0; position:relative; border-radius:5px; overflow:hidden; }
	.templateInfo .styleList ul li.cur::before{ position:absolute; width:94px; height:154px; content:' '; border:3px solid #fff; }
	.templateInfo .styleList ul li img{ width:100px; cursor:pointer; }
	.templateInfo .styleList ul li.noTip{ width:100px; height:160px; border:1px solid #666; color:#666; margin-right:20px; background:#404040; }
	.templateInfo .styleList ul li.noTip span{ display:table; margin:50px auto 0 auto; line-height:2; font-size:16px; }

	.templateInfo .tips ul{ padding:10px 0 0 20px; font-size:15px; }
	.templateInfo .tips ul li{ list-style-type:disc; margin:0 0 5px 0; }

	.templateInfo .but{ position:absolute; bottom:25px; right:25px; }
	.templateInfo .but button{ background:#4280e8; border:0; color:#fff; padding:10px 20px; border-radius:5px; }
	.templateInfo .but button:hover{ background:#f79e34; }

/*版本对比*/
	.versionTable{ width:100%; 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; }

/*开通表单*/
	.buyForm{ background:#333; margin:10px 0 0px 0; padding:40px 20px; }
	.buyForm .item{ display:table; margin-bottom:30px; }
	.buyForm .item .title{ float:left; width:100px; padding:10px 0 10px 20px; }
	.buyForm .item .input{ float:left; }
	.buyForm .item .input input{ float:left; width:180px; height:20px; border:1px solid #888; background:#393939; margin-top:5px; padding:5px 10px; border-radius:3px; }
	.buyForm .item .input input{ color:#ffaa00; font-size:14px; }
	.buyForm .item .input span{ float:left; margin-left:20px; line-height:40px; color:#aaa; }
	.buyForm .item .input button{ border:1px solid #888; background:#555; color:#eee; height:30px; margin:5px 0 0 10px; border-radius:3px; }

	.buyForm .item .selectBar{ float:left; }
	.buyForm .item .selectBar ul{ display:table; max-width:950px; margin-bottom:-10px; }
	.buyForm .item .selectBar li{ float:left; padding:10px 20px; background:#555; margin:0 20px 10px 0; cursor:pointer; border:1px solid #333; border-radius:3px; }
	.buyForm .item .selectBar li span{ display:block; color:#999; font-size:12px; cursor:pointer;}
	.buyForm .item .selectBar li i{ float:left; width:20px; height:20px; margin-right:5px; }
	.buyForm .item .selectBar li.cur i{ background-position:0 20px; }
	.buyForm .item .selectBar li.cur{ background:#746b58; border-color:#ffaa00; color:#ffaa00; }
	.buyForm .item .selectBar li.cur span{ color:#ccc; }
	.buyForm .item .selectBar .tip{ padding:10px 0; color:#aaa; }
	.buyForm .item .selectBar .tip span{ color:#ffaa00; }
	.buyForm .item .selectBar .multiple li.cur{ background:#746b58 url(img/selectbar_ed_bg.png) bottom right no-repeat; }
	.buyForm .item .selectBar ul span.tip{ float:left; padding:10px 0; color:#aaa; }

	.buyForm .but{ padding:10px 20px 0px 120px; display:table; }
	.buyForm .but button{ float:left; border:0; background:#5c75d6; color:#fff; font-size:16px; padding:10px 20px; border-radius:3px; }
	.buyForm .but div{ float:left; line-height:40px; margin-left:20px; }
	.buyForm .but div span{ font-size:18px; color:#ffaa00; padding-right:3px; }
	.buyForm .but div span i{ font-size:14px; }

	.buyForm .item.versions .title{ padding:20px 0 20px 20px; }

	.winForm{ padding:20px; color:#fff; }
	.winForm .item{ display:table; line-height:30px; margin-bottom:10px; }
	.winForm .headTip{ margin:-20px -20px 15px -20px; padding:15px; background:#555; line-height:1.8; font-size:14px; border-bottom:1px solid #777; }
	.winForm .item i{ float:left; width:80px;  }
	.winForm .item input{ float:left; width:180px; height:20px; border:1px solid #888; background:#393939; margin:0 5px 0 0; padding:5px 10px; border-radius:3px; }
	.winForm .item input{ color:#fff; font-size:14px; }
	.winForm .item img{ cursor:pointer; }
	.winForm .item .tip{ margin-left:80px; color:#aaa; line-height:1.3; }
	.winForm .but button{ float:left; border:0; background:#e25b17; color:#fff; font-size:14px; padding:8px 15px; border-radius:3px; margin:0 0 20px 80px; }
	.winForm .item button{ border:1px solid #888; background:#555; color:#eee; height:32px; margin:0 0 0 5px; border-radius:3px; }

	.buyPay{ display:table; margin:20px auto 30px auto; }
	.buyPay .qr{ float:left; text-align:center; border:1px solid #666; border-right:0; width:500px; height:413px; background:#333; }
	.buyPay .qr img{ width:200px; height:200px; margin:70px 0 20px 0; }
	.buyPay .qr .amount{ color:#ffaa00; font-size:24px; }
	.buyPay .qr .amount i{ font-size:20px; }
	.buyPay .qr .tip{ color:#999; font-size:14px; margin-top:20px; }
	.buyPay .qr .tip span{ color:#53a74a; }
	.buyPay .qr .qrIcon{ display:block; width:40px; height:40px; background:url(img/pay_qr_icon.png); background-size:cover; border-radius:5px; }
	.buyPay .qr .qrIcon{ position:absolute; margin:153px 0 0 230px; }

	.buyPay table{ float:left; width:698px; border-spacing:0; border-collapse:collapse;  font-size:14px; border-top:5px solid #666; }
	.buyPay table th{ background:#444; font-size:16px; }
	.buyPay table th span{ display:block; font-size:12px; color:#999; margin-top:5px; }
	.buyPay table td,.buyPay table th{ border:1px solid #666; text-align:center; height:40px; line-height:40px; }
	.buyPay table tr td:nth-child(1){ background:#3a3a3a; color:#aaa; }
	.buyPay table td:hover{ background:#3a3a3a;  }


	.buyPay .but{ padding:20px 0 10px 0; display:table; width:100%; text-align:center; }
	.buyPay .but button{ border:0; background:#5c75d6; color:#fff; font-size:16px; padding:10px 30px; border-radius:3px; }

	.successTip{ font-size:28px; text-align:center; padding:250px 0 30px 0;  margin:20px 0; }
	.successTip{ background:url(img/success_tip.png) #3a3a3a no-repeat; background-position:530px 70px }
	.successTip span{ color:#ffaa00; }
	.successTip button{ display:block; margin:50px auto; border:0; background:#5c75d6; color:#fff; font-size:18px; padding:10px 30px; border-radius:3px; cursor:pointer; }
	
	.versionNote{ padding:20px; line-height:1.8; font-size:15px; }
	.versionNote ul{ margin-left:20px; }
	.versionNote li{ margin-bottom:10px; list-style:disc; }
	.versionNote strong{ color:#ffff00; }
	.versionNote div{ margin-left:20px; }

/*手册页面*/
	.docList{ margin:80px 0; }
	.docList ul{ display:table; width:100%; }
	.docList ul li{ float:left; display:table; margin-left:40px; }
	.docList ul li div{ float:left; width:200px; }
	.docList ul li div h3{ display:block; margin-bottom:10px; font-size:20px; margin-top:3px; }
	.docList ul li div span{ display:block; margin-bottom:10px; color:#ddd; }
	.docList ul li img{ float:left; margin-right:30px; }

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


/*登录*/
	.loginDiv{ display:table; width:100%; background:#333333; margin:30px 0; }
	.loginDiv .img{ float:left; width:379px; height:304px; padding:40px 50px; margin:30px 0; border-right:1px solid #151515;}
	.loginDiv .img{ background:url(img/login_img.png) no-repeat; background-position:50px 40px; }

	.loginDiv .form{ float:left; border-left:1px solid #515151; margin:30px 0; height:385px; padding-left:70px; }
	.loginDiv .form h3{ font-size:24px; margin:30px 0 10px 0; }
	.loginDiv .form h4{ font-size:16px; margin:30px 0 30px 0; color:#999; }
	.loginDiv .form h4 a{ color:#999; }
	.loginDiv .form h4 a:hvoer{ color:#fff; }
	.loginDiv .form .item{ display:table; margin-bottom:20px; }
	.loginDiv .form .item .title{ float:left; width:60px; padding:10px 20px 10px 0px; text-align:right; }
	.loginDiv .form .item .input{ float:left; }
	.loginDiv .form .item .input input{ float:left; width:180px; height:20px; border:1px solid #888; background:#393939; margin-top:5px; padding:5px 10px; border-radius:3px; }
	.loginDiv .form .item .input input{ color:#ffaa00; font-size:14px; }
	.loginDiv .form .item .input span{ float:left; margin-left:20px; line-height:40px; color:#aaa; }
	.loginDiv .form .item .captcha{ float:left; padding:5px 0 0 8px; }
	.loginDiv .form .item .captcha img{ cursor:pointer; }

	.loginDiv .form .but{ padding:0px 20px 0px 80px; display:table; }
	.loginDiv .form .but button{ float:left; border:0; background:#5c75d6; color:#fff; font-size:16px; padding:10px 20px; border-radius:3px; }
	.loginDiv .form .but div{ float:left; line-height:40px; margin-left:20px; }
	.loginDiv .form .but div a{ color:#ccc; }
	.loginDiv .form .but div a:hover{ color:#ffaa00; }

	.setPasswrod .item i{ width:90px; text-align:right; padding-right:5px; }
	.setPasswrod .but button{ margin-left:95px; }

/*关于我们*/
	.aboutDiv{ background:#333; display:table; width:100%; padding:30px; margin:30px 0; }
	.aboutDiv .img{ float:left; }
	.aboutDiv .img img{ border-radius:10px; }
	.aboutDiv .info{ float:left; width:850px; margin-left:50px; }
	.aboutDiv .info h3{ font-size:22px; margin:15px 0 10px 0; }
	.aboutDiv .info div{ font-size:16px; line-height:1.8; color:#aaa; }