#primaryBanner {background-color:#2c9cf0;}
#banner_info {
	background: url("../../images/v2/app/app_image.jpg?v201604071335") no-repeat 50% 100% transparent;
	width:1200px;
	height:485px;
}
.app_download_link, .app_download_link:hover, .app_download_link:visited{color:#fff;}
.ios{margin-top:10px;padding-left:200px;}
.android{padding-left:200px;}
.version_intro {
	float:left;
	margin-top: 360px;
    padding-left: 500px;
	color:#fff;
}



ul.adv-flow-ul {
	margin-top:45px;
	overflow:hidden;
}
ul.adv-flow-ul li {
	list-style-type: none;
	float: left;
	width: 33%;
	text-align:center;
}
ul.adv-flow-ul li .flow-text {
	margin-top:20px;
}
ul.adv-flow-ul li h3 {
	font-size:14px;
	font-weight:bold;
}
ul.adv-flow-ul li .flow-text .flow-text-detail {
	margin-top:10px;
}

ul.adv-flow-ul li .app-pic-one {
	margin:15px auto 25px auto;
	background: url('../../images/sqb/app/app_buy_intro.jpg?t=20160407') no-repeat;
	width: 79px;
	height: 80px;
}
ul.adv-flow-ul li .app-pic-two {
	margin:15px auto 25px auto;
	background: url('../../images/sqb/app/app-pic-two.jpg?t=20160407') no-repeat;
	width: 79px;
	height: 80px;
}
ul.adv-flow-ul li .app-pic-three {
	margin:15px auto 25px auto;
	background: url('../../images/sqb/app/app-pic-three.jpg?t=20160407') no-repeat;
	width: 79px;
	height: 80px;
}

ul.banner-flow-ul {
	margin:55px auto 115px auto;
}


.ele_fc {
    display: block;
    height: 100%;
    width: 100%;
    position: fixed;
    left: 0;
    top: 0;
    opacity: .8;
    background: #000;
}
.ele_fc .wx {
    width: 70%;
    height: 100%;
    margin: 0 auto;
}
.ele_fc .wx span {
    display: block;
    float: right;
    position: relative;
}
.ele_fc .wx span img {
    max-width: 590px;
    width: 100%;
    height: auto;
}
.ele_fc .wx span a {
    display: block;
    width: 40%;
    height: 10%;
    position: absolute;
    bottom: 0;
    right: 50%;
    margin-right: -16%;
}
.ele_fc .arrows {
    max-width: 100px;
    width: 20%;
    height: 100%;
    background: url(../../images/guide/arrows_bj.png) no-repeat;
    background-size: contain;
    position: absolute;
    right: 0;
    top: 0;
}
pop_ios .wx {
    width: 80%;
}
.pop_ios .wx span {
    padding-top: 25%;
}
.pop_ios .wx span img {
    max-width: 636px;
}
.pop_ios .arrows {
    max-width: 133px;
    width: 20%;
    height: 100%;
    background: url(../../images/guide/pop_ios1.png) no-repeat;
    background-size: contain;
    right: 10px;
    top: 10px;
}


@media (min-device-width:1024px) and (max-width:600px),(max-width:600px),
	 (max-device-width:480px), 
 	(max-device-width:480px)  {
       .quick-login-box{display:none;}
      
      #banner_info {
			background: url("../../images/v2/app/mobile_app_image.png?v201604071332") no-repeat center center transparent;
			width:100%;
			height:264px;
		}
      .version_intro {
			float:left;
			font-size:18px;
			margin-top: 145px;
			padding-left: 180px;
			color:#fff;
		}
      ul.adv-flow-ul li h3{font-size:24px;margin:20px 0 40px 0;}
      ul.adv-flow-ul li .flow-text-detail{font-size:18px;}
      ul.banner-flow-ul li {width:100%;margin-bottom:25px;}
      ul.banner-flow-ul li img {width:370px !important;}
      ul.banner-flow-ul {
		margin:55px auto 5px auto;
	}
}
