html,
body {
	position: relative;
	height: 100%;
}

body {
	background: #eee;
	font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
	font-size: 14px;
	color: #000;
	margin: 0;
	padding: 0;
}
input {
	background: none;
	line-height: 2em;
	height: 2em;
	border: 1px solid black;
	width: 50%;
}


/*去除ios 默认样式*/

input[type="button"],
input[type="submit"],
input[type="reset"] {
	-webkit-appearance: none;
}

textarea {
	-webkit-appearance: none;
}


/*去除高光*/

input:focus {

	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	-webkit-user-modify: read-write-plaintext-only;
}

.tba button {
	background-color: #ca2b23;
	color: white;
	font-size: 1.6em;
	text-align: center;
	border: none;
	padding: 0.0em 0.25em;
}

.tishi {
	margin: 4%;
	line-height: 1.8em;
	letter-spacing: 1px;
}

/*首页*/			
.skin0{width: 15px;height: 15px;background: #000000;border-radius: 50%;right: 20px;top: 45%;box-shadow: 0 0 10px #f39537;
		background:rgba(0,0,0,0.7);margin: 0 auto;text-align: center;vertical-align: middle;width: 120px;height: 120px;border-radius: 50%;border: 2px solid #FFFFFF;
}
.skin1{width: 15px;height: 15px;background: #000000;border-radius: 50%;right: 20px;top: 45%;box-shadow: 0 0 10px #FFFF00;
		background:rgba(0,0,0,0.7);margin: 0 auto;text-align: center;vertical-align: middle;width: 120px;height: 120px;border-radius: 50%;border: 2px solid #FFFFFF;
}
.open{
	text-align: center;vertical-align: middle;width: 75px;margin-top: 20%;
}
.homebox{
	width: 100%;height: 100%;position: absolute;background: url(../img/bg1.jpg) no-repeat;background-size: 100% 100%;
}
.homeimage{
	width: 100%;position: absolute;height: 100%;left: 0;
}
.homeopen{
	position: absolute;bottom: 20%;width: 100%;text-align: center;
}
/*滚动页*/
.swiper-container {
	width: 100%;
	height: 100%;
	z-index: 4;
}
.bg2 {
	width: 100%;
	height: 100%;
	background: url(../img/bg2.jpg) no-repeat;
	background-size: 100% 100%;
}
.bg3 {
	width: 100%;
	height: 100%;
	background: url(../img/bg3.jpg) no-repeat;
	background-size: 100% 100%;
}
.bg4 {
	width: 100%;
	height: 100%;
	background: url(../img/bg4.jpg) no-repeat;
	background-size: 100% 100%;
}
.bg6 {
	width: 100%;
	height: 100%;
	background: url(../img/bg6.jpg) no-repeat;
	background-size: 100% 100%;
}

img {
	display: inline-block;
}

.goods {
	width: 100%;
	text-align: center;
}

.goods img {
	animation: myfirst 2s infinite;
	z-index: 99;
}

@keyframes myfirst {
	0% {
		transform: translate(0px, 0px);
	}
	50% {
		transform: translate(0px, -10px);
	}
	100% {
		transform: translate(0px, 0px);
	}
}
/*人物*/
.left-woman{
	left: 33%;width: 10%;bottom: 34%;position: absolute;margin-bottom: 2%;
}
.right-man{
	right: 33%;width: 10%;bottom: 34%;position: absolute;margin-bottom: 2%;
}
/*分享*/
.btn-confession{
	position: absolute;width: 70%;margin: 0 15%;bottom: 28%;left: 0;
}
.btn-share{
	position: absolute;width: 70%;margin: 0 15%;bottom: 18%;left: 0;
}
.share-box{
	z-index: 100;width: 100%;height: 100%;position: absolute;display: none;
}
.share-bg{
	width: 100%;height: 100%;position: absolute;background: rgba(0,0,0,0.5);
}
.share-bar{
	position: absolute;bottom: 0;left: 0;width: 100%;background: #e2e2e2;
}
.share-bar div{
	float: left;width: 18%;text-align: center;margin: 10px 1%;
}
.share-bar div img{
	width: 100%;float: left;
}
.share-bar div img p{
	text-align: center;font-size: 14px;width: 100%;float: left;margin: 0;padding: 5px 0;
}
