@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{ }
.pc-bg,
.pc-wrap{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url(./img/bg.png) repeat-x center top; z-index: 10;}
.pc-bg{ display: none; z-index: 20;}
/* .pc-bg1{ background-color: rgba(255,0,139,.5);}
.pc-bg2{ background-color: rgba(255,0,139,.5);}
.pc-bg3{ background-color: rgba(255,0,139,.5);}
.pc-bg4{ background-color: rgba(255,0,139,.5);}
.pc-bg5{ background-color: rgba(255,0,139,.5);} */
.intro{ position: absolute; left: 30px; top: 710px;z-index: 10000; margin-bottom: 40px;right: 30px;}
.intro p{font-size: 14px; color: #000;}
.intro .title{font-size: 18px; color: #333;}
.pc-copyright2{text-align: center}
.pc-bg.current{ display: block;}
.page-bg-btm{ position: absolute; left: 0; bottom: 0; width: 100%; height: 133px; background: url(../img/bottom_bg.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: 880px; 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 img{width: 320px;padding-left: 150px;}
.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(../img/icon_ios.png);}
.pc-btns .ico-android{ background-image: url(../img/icon_android.png);}
.pc-btns .txt{float: left;}
.pc-erwei{ margin-top: 36px; font-size: 14px;}
.pc-erwei p{padding-left: 72px;font-size: 20px;}
.pc-erwei img{ margin: 0 60px 0 10px;}
.pc-erwei .img-box{ padding: 0 0 30px 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(../img/dott_n.png) no-repeat center center;}
.pc-bg-flag .item.current{ background-image: url(../img/dott_f.png);}
.pc-copyright{ position: absolute; left: 0; bottom: 10px; width: 100%; text-align: center; z-index: 120; opacity: .6; filter:alpha(opacity=60);}


canvas{display: block;}
#particles-js{position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 30;overflow: hidden;}