/* 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: #f5f0f0;
    text-align: center;
    background-color: #a5073d;
	 }
.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.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(/img/icon_android.png);}
.pc-btns .ico-android{ background-image: url(/img/icon_ios.png);}
.pc-btns .txt{float: left;}
.pc-erwei{ margin: 12px; font-size: 15px;}
.pc-erwei .img-box{ padding:6px;}
.pc-bg-flag{ left: 0; bottom: 72px; width: 100%; text-align: center; z-index: 110;}
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:hover,
.slider-prev:hover{ opacity: 1.0; filter:alpha(opacity=100);}

/*appdownload begin*/
.appdownload-body{ background-color:#FFF;}
.appdownload-wrap{ width:100%; text-align:center; position:relative; z-index:100;}


.appdownload-logo{ padding-top:24px;}
.appdownload-logo .appname{ color: #7b0b31;
    font-size: 19.2px;
    padding-top: 16px;
    line-height: 22px;}
.appdownload-note{
    color: #5d0724;
    font-size: 23px;
    padding: 20px 20px 10px 20px;
    line-height: 22px;}
.appdownload-btns{ padding:5px 0 26px; position:relative; overflow:hidden;}
.appdownload-btns .btn{ 
	display: block;
    max-width: 230px;
    margin: 20px auto 0 auto;
    border-radius: 5px;
    line-height: 50px;
    height: 52px;
    text-align: left;
    position: relative;
    font-size: 21px;
    position: relative;
    overflow: hidden;}
.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(../img/icon_ios.png);}
.appdownload-btns .ico-android{ background-image: url(../img/icon_android.png);}
.appdownload-btns .txt{float: left;}

.appdownload-copyright{ padding:30px; opacity: .6; filter:alpha(opacity=60);}
.appdownload-copyright-web{ padding:0; position:fixed; bottom:24px; width:100%; left:0; }

.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*/





