@charset "utf-8";
/* CSS Document */
*{ margin:0; padding:0; }
/** 清除内外边距 **/
body, h1, h2, h3, h4, h5, h6, hr, p,
blockquote, 
dl, dt, dd, ul, ol, li, 
pre, 
form, fieldset, legend, button, input, textarea, 
th, td, 
img{
  border:medium none;
  margin: 0;
  padding: 0;
}
/** 设置默认字体 **/
body,button, input, select, textarea {
  font: 12px/1.5 ,tahoma, Srial, helvetica, sans-serif;
}
h1, h2, h3, h4, h5, h6 { font-size: 100%; }
em{font-style:normal;}
/** 重置列表元素 **/
ul, ol { list-style: none; }
/** 重置超链接元素 **/
a { text-decoration: none; color:#333;}
a:hover { text-decoration: underline; color:#F40; }
/** 重置图片元素 **/
img{ border:0px;}
/** 重置表格元素 **/
table { border-collapse: collapse; border-spacing: 0; }

.banner{
	width:100%;
	padding-top:56%;
	position: relative;
	background: url(../img/bg.jpg) no-repeat;
	background-size:100%;
	}
.ios{
	width: 12.9%;
    height: 8.2%;
    position: absolute;
    top: 68.7%;
    left: 30%;
    display: block;
	}
.google{
	width: 12.9%;
    height: 8.2%;
    position: absolute;
    top: 68.7%;
    left:43.5%;
    display: block;
	}
.apk {
    width: 12.9%;
    height: 8.2%;
    position: absolute;
    top: 68.7%;
    left:56.8%;
    display: block;
	}
.fb{
	width: 24.7%;
    height: 6.5%;
    position: absolute;
    top: 80.3%;
    left: 37.7%;
    display: block;
	}
@media screen and (max-width: 750px) {
	.banner{
		width:100%;
		padding-top:177%;
		position: relative;
		background: url(../img/ydd.jpg) no-repeat;
		background-size:100%;
		}
	.ios{
		width: 30.9%;
		height: 5.6%;
		position: absolute;
		top: 60.5%;
		left: 1.9%;
		display: block;
		}
	.google{
		width: 30.9%;
		height: 5.9%;
		position: absolute;
		top: 60.2%;
		left: 34.3%;
		display: block;
		}
	.apk{
	    width: 31.9%;
		height: 5.7%;
		position: absolute;
		top: 60.3%;
		left: 65.9%;
		display: block;
		}
	.fb{
	    width: 59.9%;
		height: 5.2%;
		position: absolute;
		top: 68.6%;
		left: 20%;
		display: block;
		}
}