@charset "utf-8";
/* CSS Document */
.g-overlay{display:none;left:0;top:0;width:100%;z-index:500;}
.dialog-container{position:absolute;background-color:#fff;left:50%;}
.slider-container{ overflow:hidden; position:relative;}
.slider-flags{ position:absolute; font-size:0;}
.slider-flags .item{ display:inline-block; cursor:pointer;}
.img-box{ display:block; overflow:hidden; position:relative;}
.ico{ font-size:0; background-repeat:no-repeat;}
.hidden{ display:none;}
.hide-txt{ overflow:hidden; white-space:nowrap; text-overflow:ellipsis; position:relative;}
.btn{ box-sizing:border-box; border:1px solid #fff; color:#fff; text-align: center; }
.pc-contanier{ overflow: hidden;}
.pc-bg,
.pc-wrap{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: #f5f5f5; z-index: 10;}
.pc-bg{ display: none; z-index: 20;}
.pc-bg1{ background-color: #c53bc7;}
.pc-bg2{ background-color: #3bc758;}
.pc-bg3{ background-color: #914ddf;}
.pc-bg4{ background-color: #3984e8;}
.pc-bg.current{ display: block;}
.page-bg-btm{ position: absolute; left: 0; bottom: 0; width: 100%; height: 133px; background: url(/res/images/bottom_bg-cc200a0d77bf8455e6a22ecf845304d8.png) repeat-x center top; font-size: 0; z-index: 30;}
.page-bg-btm.mobile{ position: fixed; height: 66px; background-size: 489px 66px;}
.pc-body{ position: absolute; left: 50%; top: 50%; width: 1040px; height: 580px; margin:-290px 0 0 -520px; z-index: 100;}
.pc-body-item{ float: left; width: 50%;}
.pc-pics-box{ width: 520px; height: 580px;}
.pc-pics-box .item{ display: none; position: absolute; left: 0; top:0;}
.pc-pics-box .item.current{ display: inline-block;}
.pc-main{ padding:100px 0 0 12px;}
.pc-logo{ height: 88px; position: relative;}
.pc-logo .logo{height: 70px;padding: 10px 0}
.pc-logo .appname{position: absolute; left: 80px; top: 15px; font-size: 12px; letter-spacing: 3px;font-size: 28px;line-height: 32px}
.pc-logo .version{position: absolute; left: 80px; top: 55px; font-size: 14px; letter-spacing: 3px;}
.pc-btns{ margin-top: 40px; font-size: 0;}
.pc-btns .btn{ display: inline-block; width: 172px; height: 48px; line-height: 48px; font-size: 16px; margin-right: 16px; border-radius: 30px; position: relative; overflow: hidden; transition:all 0.2s; -webkit-transition:all 0.4s; -moz-transition:all 0.4s;}
.pc-btns .btn:hover{ background-color: rgba(255,255,255,.3);}
.pc-btns .ico{ float: left; width: 36px; height: 36px; background-position: left top; background-repeat: no-repeat; margin:5px 6px 0 32px; background-size: 36px 36px;}
.pc-btns .ico-ios{ background-image: url(/res/images/icon_ios-1594c8df0dcbe91156eef5df4a3e9b05.png);}
.pc-btns .ico-android{ background-image: url(/res/images/icon_android-9d9e0a99075320e64f9450080bac13a9.png);}
.pc-btns .txt{float: left;}
.pc-erwei{ margin-top: 36px; font-size: 14px;}
.pc-erwei .img-box{ padding: 16px 0 0 20px;}
.pc-bg-flag{ left: 0; bottom: 72px; width: 100%; text-align: center; z-index: 110;}
.pc-bg-flag .item{ width: 20px; height: 20px; background: url(../images/dott_n.png) no-repeat center center;}
.pc-bg-flag .item.current{ background-image: url(../images/dott_f.png);}
.pc-copyright{ position: absolute; left: 0; bottom: 20px; width: 100%; text-align: center; z-index: 120; opacity: .6; filter:alpha(opacity=60);}
.slider-next,
.slider-prev{ width: 88px; height: 88px; position:absolute; top: 50%; z-index: 130; margin-top: -44px; cursor:pointer; background-repeat:no-repeat; background-position: left top; font-size:0; opacity: 0.6; filter:alpha(opacity=90); transition:all 0.2s; -pckit-transition:all 0.2s; -moz-transition:all 0.2s;}
.slider-next{ right: 20px; background-image: url(../images/arrow_next.png);}
.slider-prev{ left: 20px; background-image: url(../images/arrow_previous.png);}
.slider-next:hover,
.slider-prev:hover{ opacity: 1.0; filter:alpha(opacity=100);}

/*appdownload begin*/
.appdownload-body{ background-color:#EEE;}/*#3984eb*/
.appdownload-wrap{ width:100%; text-align:center; position:relative; z-index:100;}

.appdownload-logo{ padding-top:154px;}
.appdownload-logo .appname{ color:#808080; font-size:14px; padding-top:16px; line-height:22px;border-radius:10px;}
.appdownload-note{ color:#fff; font-size:14px; padding-top:36px; line-height:22px;}
.appdownload-btns{ padding:10px 0 10px; position:relative; overflow:hidden;}
.appdownload-btns .btn{ 
	display:block; 
	max-width:185px; 
	margin:22px auto 0 auto; 
	border-radius:21px; 
	line-height:42px; 
	height:42px; 
	text-align:left; 
	position:relative; 
	font-size: 16px; 
	position:relative; 
	overflow:hidden;
	/*background-color:#4cd964;*/
}
.appdownload-btns .ico{ float: left; width: 30px; height: 30px; background-position: left top; background-repeat: no-repeat; background-size: 30px 30px; margin:4px 6px 0 40px;}
.appdownload-btns .ico-ios{ background-image: url(/res/images/icon_ios-1594c8df0dcbe91156eef5df4a3e9b05.png);}
.appdownload-btns .ico-android{ background-image: url(/res/images/icon_android-9d9e0a99075320e64f9450080bac13a9.png);}
.appdownload-btns .ico-arrow_right{ background-image: url(/res/images/icon_arrow_right-e397428318fbcca2ebb48877e5e1a3dd.png);}
.appdownload-btns .txt{float: left;}

.appdownload-copyright{ padding:73px 0 60px; opacity: .6; filter:alpha(opacity=60);color:#808080;}
.appdownload-copyright-web{ padding:0; position:fixed; bottom:24px; width:100%; left:0; }

.appdownload-check-erwei{ padding-left:18px; cursor:pointer; color:#fff; font-size:14px; margin-top:26px; background:url(../images/icon_erwei_small.png) no-repeat left 2px; background-size:14px 14px;}
.appdownload-erwei-box{ width:112px; height:112px; padding:4px; background-color:#fff; margin:24px auto 0 auto;}
.appdownload-erwei-overlay{ display:none; position:fixed; left:0; top:0; width:100%; height:100%; background-color:rgba(0,0,0,.5); z-index:1000;}
.appdownload-erwei-overlay .container{ position:absolute; left:50%; top:50%; width:226px; height:226px; margin:-113px 0 0 -113px; background-color:#fff; font-size:14px; color:#4a4a4a; text-align:center;}
.appdownload-erwei-overlay .container p{ margin:32px 0 24px 0;}

.android-guider{ position:absolute; left:0; top:0; right:0; bottom:0; background-color:rgba(0,0,0,.69); z-index:5000;}
.android-guider-arrow{ position:absolute; right:24px; top:8px; width:44px; height:47px;}
.android-guider-box{ margin-top:66px; padding:0 40px; }
.android-guider-text{ width:100%; max-width:100%;}
/*appdownload end*/


/* fixed on 2015-09-24 begin*/
canvas{display: block;}
#particles-js{position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 30;overflow: hidden;}
.mb-stars,
.page-bg-btm{display: none;}
/* fixed on 2015-09-24 end*/