body {
	-webkit-text-size-adjust: 100% !important;
	-ms-text-size-adjust: 100% !important;
	text-size-adjust: 100% !important;
	-moz-text-size-adjust: 100% !important;
	margin: 0;
	background: #f7f7f7;
	font-size: 16px
}

.flex-box {
	display: flex;
	display: -webkit-box;
	display: -ms-flexbox
}

.flex-item {
	-ms-flex: 1;
	flex: 1;
	-webkit-box-flex: 1;
	-moz-box-flex: 1
}

@media screen and (min-width:1288px) {
	.bg.hero-bg {
		width: 100%;
		height: 960px;
		background-image: url("../../other/bg.png")
			/*tpa=http://yindantech.com/static/img/bg.png*/
		;
		background-size: cover;
		background-position-x: 100%
	}

	.bg .logo-div {
		padding: 40px 66px;
		color: #fff
	}

	.bg .logo-div img {
		width: 51px;
		height: 51px;
		min-width: 51px;
		margin-right: 10px;
		border-radius: 10px
	}

	.bg .logo-div h2 {
		font-size: 20px;
		margin: 0
	}

	.bg .logo-div .content-name {
		font-size: 14px;
		margin: 0
	}

	.bg .mianshu {
		color: #fff;
		width: 1068px;
		margin: 0 auto
	}

	.bg .mianshu h2 {
		font-size: 52px;
		margin: 80px 0 0
	}

	.bg .mianshu .content {
		margin: 10px 0 0;
		font-size: 24px
	}

	.bg .ready-code {
		width: 1068px;
		margin: 400px auto 0
	}

	.bg .ready-code img {
		width: 140px;
		margin-right: 50px
	}

	.bg .ready-code .code-title {
		width: 140px;
		padding-top: 10px;
		color: #fff;
		text-align: center;
		font-size: 20px
	}

	.bg .down {
		display: none
	}
}

@media screen and (min-width:960px) and (max-width:1287px) {
	.bg.hero-bg {
		width: 100%;
		height: 800px;
		background-image: url("../../other/bg.png")
			/*tpa=http://yindantech.com/static/img/bg.png*/
		;
		background-size: cover;
		background-position-x: 100%
	}

	.bg .logo-div {
		padding: 40px 66px;
		color: #fff
	}

	.bg .logo-div img {
		width: 51px;
		height: 51px;
		min-width: 51px;
		margin-right: 10px;
		border-radius: 10px
	}

	.bg .logo-div h2 {
		font-size: 20px;
		margin: 0
	}

	.bg .logo-div .content-name {
		font-size: 14px;
		margin: 0
	}

	.bg .mianshu {
		color: #fff;
		width: 820px;
		margin: 0 auto
	}

	.bg .mianshu h2 {
		font-size: 32px;
		margin: 60px 0 0
	}

	.bg .mianshu .content {
		margin: 10px 0 0;
		font-size: 20px
	}

	.bg .ready-code {
		width: 820px;
		margin: 0 auto
	}

	.bg .ready-code img {
		width: 180px;
		margin-right: 110px;
		margin-top: 60px
	}

	.bg .ready-code .code-title {
		width: 180px;
		padding-top: 10px;
		color: #fff;
		font-size: 20px;
		text-align: center
	}

	.bg .down {
		display: none
	}
}

@media screen and (min-width:769px) and (max-width:959px) {
	.bg.hero-bg {
		width: 100%;
		height: 600px;
		background-image: url("../../other/bg.png")
			/*tpa=http://yindantech.com/static/img/bg.png*/
		;
		background-size: cover;
		background-position-x: 100%
	}

	.bg .logo-div {
		padding: 40px 66px;
		color: #fff
	}

	.bg .logo-div img {
		width: 51px;
		height: 51px;
		min-width: 51px;
		margin-right: 10px;
		border-radius: 10px
	}

	.bg .logo-div h2 {
		font-size: 20px;
		margin: 0
	}

	.bg .logo-div .content-name {
		font-size: 14px;
		margin: 0
	}

	.bg .mianshu {
		color: #fff;
		width: 600px;
		margin: 0 auto
	}

	.bg .mianshu h2 {
		font-size: 28px;
		margin: 40px 0 0
	}

	.bg .mianshu .content {
		margin: 10px 0 0;
		font-size: 20px
	}

	.bg .ready-code {
		width: 600px;
		margin: 0 auto
	}

	.bg .ready-code img {
		width: 120px;
		margin-right: 110px;
		margin-top: 60px
	}

	.bg .ready-code .code-title {
		width: 120px;
		padding-top: 10px;
		color: #fff;
		font-size: 16px;
		text-align: center
	}

	.down {
		display: none
	}
}

@media screen and (max-width:768px) {
	.bg.hero-bg {
		position: relative;
		width: 100%;
		height: 5.44rem;
		background-image: url("../../other/bg.png")
			/*tpa=http://yindantech.com/static/img/bg.png*/
		;
		background-size: cover;
		background-position-x: 100%
	}

	.bg .logo-div {
		display: none
	}

	.bg .mianshu {
		color: #fff;
		margin: 0 auto 0 .4rem
	}

	.bg .mianshu h2 {
		font-size: .36rem;
		margin: 0;
		padding: .47rem 0 0
	}

	.bg .mianshu .content {
		padding: .2rem 0 0;
		margin: 0;
		font-size: .26rem
	}

	.bg .ready-code {
		width: 2.2rem;
		margin: 0 auto 0 15%
	}

	.bg .ready-code img {
		width: 2.2rem;
		height: 2.2rem;
		margin-top: .8rem
	}

	.bg .ready-code .code-title {
		width: 2.2rem;
		color: #fff;
		font-size: .24rem;
		text-align: center
	}

	.bg .ready-code .shao {
		display: none
	}

	.bg .down {
		cursor: pointer;
		position: absolute;
		bottom: -.87rem;
		display: block;
		left: 50%;
		transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		-moz-transform: translateX(-50%);
		-webkit-transform: translateX(-50%);
		-o-transform: translateX(-50%);
		margin: 0 auto;
		width: 6.58rem;
		height: 1.2rem;
		background-image: -webkit-gradient(linear, right top, left top, from(#fc1983), to(#fcb119)), -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fff));
		background-image: linear-gradient(-90deg, #fc1983, #fcb119), linear-gradient(#fff, #fff);
		background-blend-mode: normal, normal;
		border-radius: .6rem
	}

	.bg .down .down-content {
		width: 5.63rem;
		height: .79rem;
		margin: .21rem auto 0
	}

	.bg .down .down-content .logo {
		width: .75rem;
		height: .75rem;
		border-radius: .1rem;
		margin-right: .2rem
	}

	.bg .down .down-content .down-title {
		font-size: .3rem;
		color: #fff
	}

	.bg .down .down-content .down-title2 {
		font-size: .24rem;
		color: #fff
	}

	.bg .down .down-content .downpng {
		width: .52rem;
		height: .48rem;
		margin-top: .15rem
	}
}

.zhuan {
	-webkit-transition-property: -webkit-transform;
	-webkit-transition-duration: 1s;
	-moz-transition-property: -moz-transform;
	-moz-transition-duration: 1s;
	-webkit-animation: rotate-user-cards .5s linear infinite;
	animation: rotate-user-cards .5s linear infinite
}

@-webkit-keyframes rotate-user-cards {
	0% {
		-webkit-transform: rotate(0deg)
	}

	to {
		-webkit-transform: rotate(1turn)
	}
}

@keyframes rotate-user-cards {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg)
	}

	to {
		-webkit-transform: rotate(359deg);
		transform: rotate(359deg)
	}
}

@media screen and (min-width:1288px) {
	.bg.user-cards {
		width: 100%;
		background-color: #fff;
		padding-bottom: 111px
	}

	.bg.user-cards .title {
		width: 100%;
		text-align: center
	}

	.bg.user-cards .title .title1 {
		color: #853d03;
		font-size: 40px;
		padding-top: 100px;
		margin: 0
	}

	.bg.user-cards .title .title1 span {
		color: #fc1983
	}

	.bg.user-cards .title .title2 {
		color: #999;
		font-size: 26px;
		margin-top: 15px;
		padding-bottom: 60px
	}

	.bg.user-cards .list {
		width: 1240px;
		background-color: #fff;
		-webkit-box-shadow: 0 13px 33px 2px hsla(0, 0%, 53.3%, .15);
		box-shadow: 0 13px 33px 2px hsla(0, 0%, 53.3%, .15);
		border-radius: 20px;
		margin: 0 auto;
		padding: 40px 0 10px 30px
	}

	.bg.user-cards .list .top {
		font-size: 24px;
		padding-bottom: 40px
	}

	.bg.user-cards .list .top img {
		margin: auto 10px auto 40px;
		vertical-align: middle
	}

	.bg.user-cards .list .top .huan {
		color: #fcb119
	}

	.bg .list .list-content .content-img {
		width: 280px;
		height: 402px;
		background-position: 50% 50%;
		background-size: cover;
		border-radius: 10px
	}

	.bg .list .list-content .bottom {
		color: #999;
		width: 250px;
		padding: 20px 15px
	}

	.bg .list .list-content .bottom img {
		width: 20px
	}
}

@media screen and (min-width:960px) and (max-width:1287px) {
	.bg.user-cards {
		width: 100%;
		background-color: #fff;
		padding-bottom: 111px
	}

	.bg.user-cards .title {
		width: 100%;
		text-align: center
	}

	.bg.user-cards .title .title1 {
		color: #853d03;
		font-size: 40px;
		padding-top: 100px;
		margin: 0
	}

	.bg.user-cards .title .title1 span {
		color: #fc1983
	}

	.bg.user-cards .title .title2 {
		color: #999;
		font-size: 20px;
		margin-top: 15px;
		padding-bottom: 60px
	}

	.bg.user-cards .list {
		width: 917px;
		background-color: #fff;
		-webkit-box-shadow: 0 13px 33px 2px hsla(0, 0%, 53.3%, .15);
		box-shadow: 0 13px 33px 2px hsla(0, 0%, 53.3%, .15);
		border-radius: 20px;
		margin: 0 auto;
		padding: 40px 0 10px 30px
	}

	.bg.user-cards .list .top {
		font-size: 24px;
		padding-bottom: 40px
	}

	.bg.user-cards .list .top img {
		margin: auto 10px auto 40px;
		vertical-align: middle
	}

	.bg.user-cards .list .top .huan {
		color: #fcb119
	}

	.bg .list .list-content .content-img {
		width: 190px;
		height: 280px;
		background-position: 50% 50%;
		background-size: cover;
		border-radius: 10px
	}

	.bg .list .list-content .bottom {
		color: #999;
		width: 170px;
		padding: 20px 15px
	}

	.bg .list .list-content .bottom img {
		width: 20px
	}
}

@media screen and (min-width:769px) and (max-width:959px) {
	.bg.user-cards {
		width: 100%;
		background-color: #fff;
		padding-bottom: 111px
	}

	.bg.user-cards .title {
		width: 100%;
		text-align: center
	}

	.bg.user-cards .title .title1 {
		color: #853d03;
		font-size: 32px;
		padding-top: 100px;
		margin: 0
	}

	.bg.user-cards .title .title1 span {
		color: #fc1983
	}

	.bg.user-cards .title .title2 {
		color: #999;
		font-size: 20px;
		margin-top: 15px;
		padding-bottom: 60px
	}

	.bg.user-cards .list {
		width: 725px;
		background-color: #fff;
		-webkit-box-shadow: 0 13px 33px 2px hsla(0, 0%, 53.3%, .15);
		box-shadow: 0 13px 33px 2px hsla(0, 0%, 53.3%, .15);
		border-radius: 20px;
		margin: 0 auto;
		padding: 40px 0 10px 25px
	}

	.bg.user-cards .list .top {
		font-size: 24px;
		padding-bottom: 40px
	}

	.bg.user-cards .list .top img {
		margin: auto 10px auto 40px;
		vertical-align: middle
	}

	.bg.user-cards .list .top .huan {
		color: #fcb119
	}

	.bg .list .list-content .content-img {
		width: 150px;
		height: 210px;
		background-position: 50% 50%;
		background-size: cover;
		border-radius: 10px
	}

	.bg .list .list-content .bottom {
		color: #999;
		width: 130px;
		padding: 15px 10px
	}

	.bg .list .list-content .bottom img {
		width: 20px
	}
}

@media screen and (max-width:768px) {
	.bg.user-cards {
		width: 100%;
		background-color: #fff;
		padding: 1rem 0 .5rem
	}

	.bg.user-cards .title {
		width: 100%;
		text-align: center
	}

	.bg.user-cards .title .title1 {
		color: #853d03;
		font-size: .36rem;
		padding: 1rem .4rem .28rem;
		margin: 0
	}

	.bg.user-cards .title .title1 span {
		color: #fc1983
	}

	.bg.user-cards .title .title2 {
		color: #999;
		font-size: .26rem;
		padding-bottom: .4rem
	}

	.bg.user-cards .list {
		background-color: #fff;
		border-radius: .2rem;
		margin: 0 auto
	}

	.bg.user-cards .list .top {
		font-size: .3rem;
		padding: .3rem;
		font-weight: 700
	}

	.bg.user-cards .list .top img {
		margin: auto .1rem auto .3rem;
		vertical-align: middle;
		width: .4rem;
		height: .4rem
	}

	.bg.user-cards .list .top .huan {
		color: #fcb119
	}

	.bg.user-cards .list .scroll-div {
		width: 100%;
		overflow-x: scroll
	}

	.bg.user-cards .list .scroll-div .no-flex {
		width: 12.88rem;
		padding-right: .25rem
	}

	.bg .list .scroll-div .no-flex .list-content {
		margin-left: .3rem
	}

	.bg .list .scroll-div .no-flex .list-content .content-img {
		width: 2.8rem;
		height: 4.02rem;
		background-position: 50% 50%;
		background-size: cover;
		border-radius: .1rem
	}

	.bg .list .scroll-div .no-flex .list-content .bottom {
		color: #999;
		width: 2.5rem;
		font-size: .26rem;
		padding: .15rem .1rem
	}

	.bg .list .scroll-div .no-flex .list-content .bottom img {
		width: .2rem
	}
}

@media screen and (min-width:1288px) {
	.rem-bg.user-feed {
		display: none
	}

	.bg.user-feed-bg {
		width: 100%;
		height: 970px;
		background-position: 50% 50%;
		background-size: cover;
		background-image: url("../../other/bg2.png")
			/*tpa=http://yindantech.com/static/img/bg2.png*/
	}

	.bg.user-feed-bg .title {
		color: #fff;
		text-align: center
	}

	.bg.user-feed-bg .title h1 {
		margin: 0;
		padding-top: 40px;
		font-size: 40px
	}

	.bg.user-feed-bg .title .h3 {
		margin-top: 15px;
		font-size: 24px
	}

	.bg.user-feed-bg .center {
		width: 1200px;
		height: 613px;
		margin: 100px auto 0
	}

	.bg.user-feed-bg .center .content-one {
		overflow: hidden;
		width: 295px;
		margin: 0 40px;
		height: 613px;
		background-color: #ededed;
		border-radius: 32px;
		border: 1px solid #cfcfcf
	}

	.bg.user-feed-bg .center .content-one .content-overflow {
		overflow-y: scroll;
		border-radius: 22px;
		background-color: #fff;
		height: 613px;
		margin-right: -17px
	}

	.bg.user-feed-bg .center .content-one .content-top {
		border-top-left-radius: 22px;
		border-top-right-radius: 22px;
		padding: 15px;
		background-color: #fff
	}

	.bg.user-feed-bg .center .content-one .content-top .touxiang {
		min-width: 40px;
		width: 40px;
		height: 40px;
		margin-right: 10px;
		background-size: cover;
		background-position: 50%;
		border-radius: 5px
	}

	.bg.user-feed-bg .center .content-one .content-top .tou-center .name {
		font-size: 16px;
		color: #fc288b;
		font-weight: 700
	}

	.bg.user-feed-bg .center .content-one .content-top .tou-center .address {
		font-size: 14px;
		height: 20px;
		overflow: hidden;
		color: #adadad
	}

	.bg.user-feed-bg .center .content-one .content-top .tou-center .address img {
		width: 10px;
		vertical-align: middle
	}

	.bg.user-feed-bg .center .content-one .content-top .time {
		color: #adadad
	}

	.bg.user-feed-bg .center .content-one .content-title {
		background-color: #fff;
		padding: 0 15px 15px;
		text-align: justify;
		line-height: 30px
	}

	.bg.user-feed-bg .center .content-one .content-img-div {
		width: 100%;
		background-color: #fff
	}

	.bg.user-feed-bg .center .content-one .content-img-div .content-img {
		width: 270px;
		margin: 0 auto
	}

	.bg.user-feed-bg .center .content-one .content-img-div .content-img img {
		width: 100%
	}

	.bg.user-feed-bg .center .content-one .video-div {
		width: 100%;
		background-color: #fff
	}

	.bg.user-feed-bg .center .content-one .video-div .video-content {
		width: 270px;
		margin: 0 auto
	}

	.bg.user-feed-bg .center .content-one .video-div .video-content .video-play {
		width: 100%;
		cursor: pointer
	}

	.bg.user-feed-bg .center .content-one .pinlun {
		font-size: 14px;
		padding: 15px;
		background-color: #fff
	}

	.bg.user-feed-bg .center .content-one .pinlun .pin-over {
		height: 46px;
		overflow: hidden
	}

	.bg.user-feed-bg .center .content-one .pinlun .neirong {
		line-height: 23px
	}

	.bg.user-feed-bg .center .content-one .pinlun .neirong .name {
		color: #06cae1
	}

	.bg.user-feed-bg .center .content-one .pinlun .more {
		margin-top: 5px;
		color: #adadad;
		cursor: pointer
	}

	.bg.user-feed-bg .center .content-one .zan-div {
		background: #fff;
		vertical-align: middle;
		padding-bottom: 15px;
		border-bottom-left-radius: 22px;
		border-bottom-right-radius: 22px
	}

	.bg.user-feed-bg .center .content-one .zan-div .zan-item {
		text-align: center
	}

	.bg.user-feed-bg .center .content-one .zan-div .zan-item img {
		vertical-align: middle;
		width: 20px;
		height: 20px
	}

	.bg.user-feed-bg .center .content-one .zan-div .zan-item .zan-num {
		color: #adadad
	}

	.bg.user-feed-bg .center .content-padding {
		padding: 20px;
		position: relative;
		top: -20px;
		overflow: hidden
	}
}

@media screen and (min-width:960px) and (max-width:1287px) {
	.rem-bg.user-feed {
		display: none
	}

	.bg.user-feed-bg {
		width: 100%;
		height: 880px;
		background-position: 50% 50%;
		background-size: cover;
		background-image: url("../../other/bg2.png")
			/*tpa=http://yindantech.com/static/img/bg2.png*/
	}

	.bg.user-feed-bg .title {
		color: #fff;
		text-align: center
	}

	.bg.user-feed-bg .title h1 {
		margin: 0;
		padding-top: 40px;
		font-size: 40px
	}

	.bg.user-feed-bg .title .h3 {
		margin-top: 15px;
		font-size: 24px
	}

	.bg.user-feed-bg .flex-scrllo .center {
		width: 930px;
		height: 500px;
		margin: 100px auto 0
	}

	.bg.user-feed-bg .flex-scrllo .center .content-one {
		overflow: hidden;
		width: 295px;
		margin: 0 10px;
		height: 500px;
		background-color: #ededed;
		border-radius: 32px;
		border: 1px solid #cfcfcf
	}

	.bg.user-feed-bg .flex-scrllo .center .content-one .content-overflow {
		overflow-y: scroll;
		border-radius: 22px;
		background-color: #fff;
		height: 500px;
		margin-right: -17px
	}

	.bg.user-feed-bg .flex-scrllo .center .content-one .content-top {
		border-top-left-radius: 22px;
		border-top-right-radius: 22px;
		padding: 15px;
		background-color: #fff
	}

	.bg.user-feed-bg .flex-scrllo .center .content-one .content-top .touxiang {
		min-width: 40px;
		width: 40px;
		height: 40px;
		margin-right: 10px;
		background-size: cover;
		background-position: 50%;
		border-radius: 5px
	}

	.bg.user-feed-bg .flex-scrllo .center .content-one .content-top .tou-center .name {
		font-size: 16px;
		color: #fc288b;
		font-weight: 700
	}

	.bg.user-feed-bg .flex-scrllo .center .content-one .content-top .tou-center .address {
		font-size: 14px;
		height: 20px;
		color: #adadad;
		overflow: hidden
	}

	.bg.user-feed-bg .flex-scrllo .center .content-one .content-top .tou-center .address img {
		width: 10px;
		vertical-align: middle
	}

	.bg.user-feed-bg .flex-scrllo .center .content-one .content-top .time {
		color: #adadad
	}

	.bg.user-feed-bg .flex-scrllo .center .content-one .content-title {
		background-color: #fff;
		padding: 0 15px 15px;
		text-align: justify;
		line-height: 30px
	}

	.bg.user-feed-bg .flex-scrllo .center .content-one .content-img-div {
		width: 100%;
		background-color: #fff
	}

	.bg.user-feed-bg .flex-scrllo .center .content-one .content-img-div .content-img {
		width: 270px;
		margin: 0 auto
	}

	.bg.user-feed-bg .flex-scrllo .center .content-one .content-img-div .content-img img {
		width: 100%
	}

	.bg.user-feed-bg .flex-scrllo .center .content-one .video-div {
		width: 100%;
		background-color: #fff
	}

	.bg.user-feed-bg .flex-scrllo .center .content-one .video-div .video-content {
		width: 270px;
		margin: 0 auto
	}

	.bg.user-feed-bg .flex-scrllo .center .content-one .video-div .video-content .video-play {
		width: 100%;
		cursor: pointer
	}

	.bg.user-feed-bg .flex-scrllo .center .content-one .pinlun {
		font-size: 14px;
		padding: 15px;
		background-color: #fff
	}

	.bg.user-feed-bg .flex-scrllo .center .content-one .pinlun .pin-over {
		height: 46px;
		overflow: hidden
	}

	.bg.user-feed-bg .flex-scrllo .center .content-one .pinlun .neirong {
		line-height: 23px
	}

	.bg.user-feed-bg .flex-scrllo .center .content-one .pinlun .neirong .name {
		color: #06cae1
	}

	.bg.user-feed-bg .flex-scrllo .center .content-one .pinlun .more {
		margin-top: 5px;
		cursor: pointer;
		color: #adadad
	}

	.bg.user-feed-bg .flex-scrllo .center .content-one .zan-div {
		background: #fff;
		vertical-align: middle;
		padding-bottom: 15px;
		border-bottom-left-radius: 22px;
		border-bottom-right-radius: 22px
	}

	.bg.user-feed-bg .flex-scrllo .center .content-one .zan-div .zan-item {
		text-align: center
	}

	.bg.user-feed-bg .flex-scrllo .center .content-one .zan-div .zan-item img {
		vertical-align: middle;
		width: 20px;
		height: 20px
	}

	.bg.user-feed-bg .flex-scrllo .center .content-one .zan-div .zan-item .zan-num {
		color: #adadad
	}

	.bg.user-feed-bg .flex-scrllo .center .content-padding {
		padding: 20px;
		position: relative;
		top: -20px
	}
}

@media screen and (min-width:769px) and (max-width:959px) {
	.bg.user-feed-bg {
		display: none
	}

	.rem-bg.user-feed {
		width: 100%;
		background-color: #fff;
		position: relative;
		height: 12.5rem
	}

	.rem-bg.user-feed .bg2 {
		width: 100%;
		height: 5.5rem;
		background-position: 50% 50%;
		background-size: cover;
		background-image: url("../../other/bg2.png")
			/*tpa=http://yindantech.com/static/img/bg2.png*/
		;
		position: absolute;
		top: 2.4rem
	}

	.rem-bg.user-feed .rem-bg-content {
		position: absolute;
		margin-left: 50%;
		transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		-moz-transform: translateX(-50%);
		-webkit-transform: translateX(-50%);
		-o-transform: translateX(-50%)
	}

	.rem-bg.user-feed .rem-bg-content .title {
		color: #853d03;
		text-align: center
	}

	.rem-bg.user-feed .rem-bg-content .title h1 {
		margin: 0;
		padding-top: .5rem;
		font-size: .36rem
	}

	.rem-bg.user-feed .rem-bg-content .title .h3 {
		margin: .24rem 0 .56rem;
		font-size: .26rem;
		color: #999
	}

	.rem-bg.user-feed .rem-bg-content .phone {
		width: 4.98rem;
		height: 9.6rem;
		padding-top: .35rem;
		background-color: #ededed;
		border-radius: .5rem;
		margin: 0 auto
	}

	.rem-bg.user-feed .rem-bg-content .phone2 {
		width: 4.47rem;
		height: 9.28rem;
		background-color: #fff;
		border-radius: .36rem;
		margin: 0 auto;
		overflow-y: scroll
	}

	.rem-bg.user-feed .rem-bg-content .phone2 .content-top {
		padding: .15rem;
		background-color: #fff
	}

	.rem-bg.user-feed .rem-bg-content .phone2 .content-top .touxiang {
		min-width: .8rem;
		width: .8rem;
		height: .8rem;
		margin-right: .15rem;
		background-size: cover;
		background-position: 50%;
		border-radius: .1rem
	}

	.rem-bg.user-feed .rem-bg-content .phone2 .content-top .tou-center .name {
		font-size: .3rem;
		color: #fc288b;
		font-weight: 700;
		line-height: .4rem;
		overflow: hidden;
		height: .4rem
	}

	.rem-bg.user-feed .rem-bg-content .phone2 .content-top .tou-center .address {
		font-size: .26rem;
		line-height: .4rem;
		height: .4rem;
		overflow: hidden;
		color: #adadad
	}

	.rem-bg.user-feed .rem-bg-content .phone2 .content-top .tou-center .address img {
		width: .2rem;
		vertical-align: middle;
		position: relative;
		top: -.05rem
	}

	.rem-bg.user-feed .rem-bg-content .phone2 .content-top .time {
		color: #adadad;
		font-size: .24rem
	}

	.rem-bg.user-feed .rem-bg-content .phone2 .content-title {
		background-color: #fff;
		padding: .15rem;
		text-align: justify;
		line-height: .5rem;
		font-size: .36rem
	}

	.rem-bg.user-feed .rem-bg-content .phone2 .content-img-div {
		width: 100%;
		background-color: #fff
	}

	.rem-bg.user-feed .rem-bg-content .phone2 .content-img-div .content-img {
		width: 2.7rem;
		margin: auto .15rem
	}

	.rem-bg.user-feed .rem-bg-content .phone2 .content-img-div .content-img img {
		width: 100%
	}

	.rem-bg.user-feed .rem-bg-content .phone2 .video-div {
		width: 100%;
		background-color: #fff
	}

	.rem-bg.user-feed .rem-bg-content .phone2 .video-div .video-content {
		width: 2.7rem;
		margin: auto .15rem
	}

	.rem-bg.user-feed .rem-bg-content .phone2 .video-div .video-content .video-play {
		width: 100%;
		cursor: pointer
	}

	.rem-bg.user-feed .rem-bg-content .phone2 .pinlun {
		font-size: .26rem;
		padding: .15rem;
		background-color: #fff
	}

	.rem-bg.user-feed .rem-bg-content .phone2 .pinlun .pin-over {
		height: .8rem;
		overflow: hidden
	}

	.rem-bg.user-feed .rem-bg-content .phone2 .pinlun .neirong {
		line-height: .4rem
	}

	.rem-bg.user-feed .rem-bg-content .phone2 .pinlun .neirong .name {
		color: #06cae1
	}

	.rem-bg.user-feed .rem-bg-content .phone2 .pinlun .more {
		margin-top: .05rem;
		cursor: pointer;
		color: #adadad
	}

	.rem-bg.user-feed .rem-bg-content .phone2 .zan-div {
		background: #fff;
		vertical-align: middle;
		padding-bottom: .15rem;
		font-size: .26rem
	}

	.rem-bg.user-feed .rem-bg-content .phone2 .zan-div .zan-item {
		text-align: center
	}

	.rem-bg.user-feed .rem-bg-content .phone2 .zan-div .zan-item img {
		vertical-align: middle;
		width: .3rem;
		height: .3rem
	}

	.rem-bg.user-feed .rem-bg-content .phone2 .zan-div .zan-item .zan-num {
		color: #adadad
	}

	.rem-bg.user-feed .rem-bg-content .phone2 .geli {
		width: 100%;
		height: .2rem;
		background-color: #ededed
	}
}

@media screen and (max-width:768px) {
	.bg.user-feed-bg {
		display: none
	}

	.rem-bg.user-feed {
		width: 100%;
		background-color: #fff;
		position: relative;
		height: 13.5rem
	}

	.rem-bg.user-feed .bg2 {
		width: 100%;
		height: 5.5rem;
		background-position: 50% 50%;
		background-size: cover;
		background-image: url("../../other/bg2.png")
			/*tpa=http://yindantech.com/static/img/bg2.png*/
		;
		position: absolute;
		top: 2.4rem
	}

	.rem-bg.user-feed .rem-bg-content {
		position: absolute;
		margin-left: 50%;
		transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		-moz-transform: translateX(-50%);
		-webkit-transform: translateX(-50%);
		-o-transform: translateX(-50%)
	}

	.rem-bg.user-feed .rem-bg-content .title {
		color: #853d03;
		text-align: center
	}

	.rem-bg.user-feed .rem-bg-content .title h1 {
		margin: 0;
		padding-top: .5rem;
		font-size: .36rem
	}

	.rem-bg.user-feed .rem-bg-content .title .h3 {
		margin: .24rem 0 .56rem;
		font-size: .26rem;
		color: #999
	}

	.rem-bg.user-feed .rem-bg-content .phone {
		width: 4.98rem;
		height: 9.6rem;
		padding-top: .35rem;
		background-color: #ededed;
		border-radius: .5rem;
		margin: 0 auto
	}

	.rem-bg.user-feed .rem-bg-content .phone2 {
		width: 4.47rem;
		height: 9.28rem;
		background-color: #fff;
		border-radius: .36rem;
		margin: 0 auto;
		overflow-y: scroll
	}

	.rem-bg.user-feed .rem-bg-content .phone2 .content-top {
		padding: .15rem;
		background-color: #fff
	}

	.rem-bg.user-feed .rem-bg-content .phone2 .content-top .touxiang {
		min-width: .8rem;
		width: .8rem;
		height: .8rem;
		margin-right: .15rem;
		background-size: cover;
		background-position: 50%;
		border-radius: .1rem
	}

	.rem-bg.user-feed .rem-bg-content .phone2 .content-top .tou-center .name {
		font-size: .3rem;
		color: #fc288b;
		font-weight: 700;
		line-height: .4rem;
		overflow: hidden;
		height: .4rem
	}

	.rem-bg.user-feed .rem-bg-content .phone2 .content-top .tou-center .address {
		font-size: .26rem;
		line-height: .4rem;
		height: .4rem;
		overflow: hidden;
		color: #adadad
	}

	.rem-bg.user-feed .rem-bg-content .phone2 .content-top .tou-center .address img {
		width: .2rem;
		vertical-align: middle;
		position: relative;
		top: -.05rem
	}

	.rem-bg.user-feed .rem-bg-content .phone2 .content-top .time {
		color: #adadad;
		font-size: .24rem
	}

	.rem-bg.user-feed .rem-bg-content .phone2 .content-title {
		background-color: #fff;
		padding: .15rem;
		text-align: justify;
		line-height: .5rem;
		font-size: .36rem
	}

	.rem-bg.user-feed .rem-bg-content .phone2 .content-img-div {
		width: 100%;
		background-color: #fff
	}

	.rem-bg.user-feed .rem-bg-content .phone2 .content-img-div .content-img {
		width: 2.7rem;
		margin: auto .15rem
	}

	.rem-bg.user-feed .rem-bg-content .phone2 .content-img-div .content-img img {
		width: 100%
	}

	.rem-bg.user-feed .rem-bg-content .phone2 .video-div {
		width: 100%;
		background-color: #fff
	}

	.rem-bg.user-feed .rem-bg-content .phone2 .video-div .video-content {
		width: 2.7rem;
		margin: auto .15rem
	}

	.rem-bg.user-feed .rem-bg-content .phone2 .video-div .video-content .video-play {
		width: 100%;
		cursor: pointer
	}

	.rem-bg.user-feed .rem-bg-content .phone2 .pinlun {
		font-size: .26rem;
		padding: .15rem;
		background-color: #fff
	}

	.rem-bg.user-feed .rem-bg-content .phone2 .pinlun .pin-over {
		height: .8rem;
		overflow: hidden
	}

	.rem-bg.user-feed .rem-bg-content .phone2 .pinlun .neirong {
		line-height: .4rem
	}

	.rem-bg.user-feed .rem-bg-content .phone2 .pinlun .neirong .name {
		color: #06cae1
	}

	.rem-bg.user-feed .rem-bg-content .phone2 .pinlun .more {
		margin-top: .05rem;
		cursor: pointer;
		color: #adadad
	}

	.rem-bg.user-feed .rem-bg-content .phone2 .zan-div {
		background: #fff;
		vertical-align: middle;
		padding-bottom: .15rem;
		font-size: .26rem
	}

	.rem-bg.user-feed .rem-bg-content .phone2 .zan-div .zan-item {
		text-align: center
	}

	.rem-bg.user-feed .rem-bg-content .phone2 .zan-div .zan-item img {
		vertical-align: middle;
		width: .3rem;
		height: .3rem
	}

	.rem-bg.user-feed .rem-bg-content .phone2 .zan-div .zan-item .zan-num {
		color: #adadad
	}

	.rem-bg.user-feed .rem-bg-content .phone2 .geli {
		width: 100%;
		height: .2rem;
		background-color: #ededed
	}
}

@media screen and (min-width:1288px) {
	.bg.features {
		width: 1288px;
		margin: 0 auto;
		background-color: #fff
	}

	.bg.features .title {
		color: #fff;
		text-align: center
	}

	.bg.features .title h1 {
		margin: 0;
		padding-top: 100px;
		font-size: 40px;
		color: #853d03
	}

	.bg.features .title .fu-title {
		margin-top: 15px;
		font-size: 24px;
		color: #999
	}

	.bg .list-div {
		padding: 100px 0
	}

	.bg .list-div .list-item {
		text-align: center
	}

	.bg .list-div .list-item h2 {
		font-size: 30px;
		color: #333;
		margin-top: 60px;
		margin-bottom: 20px
	}

	.bg .list-div .list-item .fu-fu-title {
		margin: 0;
		font-size: 22px;
		color: #999
	}

	.bg .m-list-div {
		display: none
	}
}

@media screen and (min-width:960px) and (max-width:1287px) {
	.bg.features {
		width: 960px;
		margin: 0 auto;
		background-color: #fff
	}

	.bg.features .title {
		color: #fff;
		text-align: center
	}

	.bg.features .title h1 {
		margin: 0;
		padding-top: 100px;
		font-size: 40px;
		color: #853d03
	}

	.bg.features .title .fu-title {
		margin-top: 15px;
		font-size: 24px;
		color: #999
	}

	.bg .list-div {
		padding: 100px 0
	}

	.bg .list-div .list-item {
		text-align: center
	}

	.bg .list-div .list-item h2 {
		font-size: 28px;
		color: #333;
		margin-top: 60px;
		margin-bottom: 20px
	}

	.bg .list-div .list-item .fu-fu-title {
		margin: 0;
		font-size: 18px;
		color: #999
	}

	.bg .m-list-div {
		display: none
	}
}

@media screen and (min-width:769px) and (max-width:959px) {
	.bg.features {
		width: 769px;
		margin: 0 auto;
		background-color: #fff
	}

	.bg.features .title {
		color: #fff;
		text-align: center
	}

	.bg.features .title h1 {
		margin: 0;
		padding-top: 100px;
		font-size: 40px;
		color: #853d03
	}

	.bg.features .title .fu-title {
		margin-top: 15px;
		font-size: 24px;
		color: #999
	}

	.bg .list-div {
		padding: 100px 0
	}

	.bg .list-div .list-item {
		text-align: center
	}

	.bg .list-div .list-item h2 {
		font-size: 28px;
		color: #333;
		margin-top: 60px;
		margin-bottom: 20px
	}

	.bg .list-div .list-item .fu-fu-title {
		margin: 0;
		font-size: 18px;
		color: #999
	}

	.bg .m-list-div {
		display: none
	}
}

@media screen and (max-width:768px) {
	.bg.features {
		width: 100%;
		margin: 0 auto;
		background-color: #fff
	}

	.bg.features .title {
		color: #fff;
		text-align: center
	}

	.bg.features .title h1 {
		margin: 0;
		font-size: .36rem;
		color: #853d03
	}

	.bg.features .title .fu-title {
		margin-top: .25rem;
		font-size: .26rem;
		color: #999
	}

	.bg .list-div {
		display: none
	}

	.bg .m-list-div {
		width: 6.24rem;
		margin: 0 auto;
		padding-bottom: .5rem
	}

	.bg .m-list-div .m-list-item {
		margin-top: .5rem
	}

	.bg .m-list-div .m-list-item img {
		width: 1.7rem;
		min-width: 1.7rem;
		height: 1.7rem;
		margin-right: .5rem
	}

	.bg .m-list-div .m-list-item h2 {
		color: #333;
		font-size: .36rem
	}

	.bg .m-list-div .m-list-item .fu-fu-title {
		color: #999;
		font-size: .3rem;
		margin: 0
	}
}

.content .bg.story-list li:hover {
	color: #853d03
}

.content .bg.story-list a {
	color: #000
}

.content .bg.story-list a:hover {
	color: #853d03
}

@media screen and (min-width:1288px) {
	.content.story-list-content {
		background-color: #f5f5f5
	}

	.content .bg.story-list {
		width: 1200px;
		padding-bottom: 65px;
		margin: 0 auto
	}

	.content .bg.story-list .bg-content {
		margin: 0 auto;
		width: 1090px
	}

	.content .bg.story-list .left {
		vertical-align: top;
		width: 489px;
		display: inline-block
	}

	.content .bg.story-list .left h4 {
		font-size: 24px
	}

	.content .bg.story-list .left ul {
		margin: 0;
		list-style: none;
		padding: 30px;
		background-color: #e4e4e4;
		font-size: 16px
	}

	.content .bg .left ul .content .bg.story-list li {
		letter-spacing: 0;
		line-height: 25px;
		cursor: pointer;
		text-decoration: underline;
		margin-top: 10px;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap
	}

	.content .bg.story-list .right {
		vertical-align: top;
		width: 489px;
		display: inline-block;
		margin-left: 100px
	}

	.content .bg.story-list .right h4 {
		font-size: 24px
	}

	.content .bg.story-list .right ul {
		margin: 0;
		padding: 30px;
		list-style: none;
		background-color: #e4e4e4;
		font-size: 16px
	}

	.content .bg .right ul .content .bg.story-list li {
		letter-spacing: 0;
		line-height: 25px;
		cursor: pointer;
		text-decoration: underline;
		margin-top: 10px;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap
	}
}

@media screen and (min-width:960px) and (max-width:1287px) {
	.content.story-list-content {
		background-color: #f5f5f5
	}

	.content .bg.story-list {
		width: 960px;
		padding-bottom: 65px;
		margin: 0 auto
	}

	.content .bg.story-list .bg-content {
		margin: 0 auto;
		width: 800px
	}

	.content .bg.story-list .left {
		vertical-align: top;
		width: 370px;
		display: inline-block
	}

	.content .bg.story-list .left h4 {
		font-size: 24px
	}

	.content .bg.story-list .left ul {
		margin: 0;
		list-style: none;
		padding: 30px;
		background-color: #e4e4e4;
		font-size: 16px
	}

	.content .bg .left ul .content .bg.story-list li {
		letter-spacing: 0;
		line-height: 25px;
		cursor: pointer;
		text-decoration: underline;
		margin-top: 10px;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap
	}

	.content .bg.story-list .right {
		vertical-align: top;
		width: 370px;
		display: inline-block;
		margin-left: 50px
	}

	.content .bg.story-list .right h4 {
		font-size: 24px
	}

	.content .bg.story-list .right ul {
		margin: 0;
		padding: 30px;
		list-style: none;
		background-color: #e4e4e4;
		font-size: 16px
	}

	.content .bg .right ul .content .bg.story-list li {
		letter-spacing: 0;
		line-height: 25px;
		cursor: pointer;
		text-decoration: underline;
		margin-top: 10px;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap
	}
}

@media screen and (min-width:769px) and (max-width:959px) {
	.content.story-list-content {
		background-color: #f5f5f5
	}

	.content .bg.story-list {
		width: 769px;
		padding-bottom: 65px;
		margin: 0 auto
	}

	.content .bg.story-list .bg-content {
		margin: 0 auto;
		width: 700px
	}

	.content .bg.story-list .left {
		vertical-align: top;
		width: 320px;
		display: inline-block
	}

	.content .bg.story-list .left h4 {
		font-size: 24px
	}

	.content .bg.story-list .left ul {
		margin: 0;
		list-style: none;
		padding: 20px;
		background-color: #e4e4e4;
		font-size: 16px
	}

	.content .bg .left ul .content .bg.story-list li {
		letter-spacing: 0;
		line-height: 25px;
		margin-top: 10px;
		cursor: pointer;
		text-decoration: underline;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap
	}

	.content .bg.story-list .right {
		vertical-align: top;
		width: 320px;
		display: inline-block;
		margin-left: 50px
	}

	.content .bg.story-list .right h4 {
		font-size: 24px
	}

	.content .bg.story-list .right ul {
		margin: 0;
		padding: 20px;
		list-style: none;
		background-color: #e4e4e4;
		font-size: 16px
	}

	.content .bg .right ul .content .bg.story-list li {
		letter-spacing: 0;
		line-height: 25px;
		cursor: pointer;
		text-decoration: underline;
		margin-top: 10px;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap
	}
}

@media screen and (max-width:768px) {
	.content.story-list-content {
		background-color: #fff;
		padding: .5rem 0 .7rem
	}

	.content .bg.story-list {
		margin: 0 auto
	}

	.content .bg.story-list .left {
		width: 6.88rem;
		margin: 0 auto
	}

	.content .bg.story-list .left h4 {
		font-size: .36rem;
		margin: 0;
		padding-bottom: .3rem
	}

	.content .bg.story-list .left ul {
		margin: 0;
		list-style: none;
		padding: .2rem .3rem .3rem;
		background-color: #e4e4e4;
		font-size: .3rem
	}

	.content .bg .left ul .content .bg.story-list li {
		color: #7a7a7a;
		letter-spacing: 0;
		line-height: .4rem;
		margin-top: .1rem;
		cursor: pointer;
		text-decoration: underline;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap
	}

	.content .bg.story-list .right {
		width: 6.88rem;
		margin: .4rem auto 0
	}

	.content .bg.story-list .right h4 {
		font-size: .36rem;
		margin: 0;
		padding-bottom: .3rem
	}

	.content .bg.story-list .right ul {
		margin: 0;
		padding: .2rem .3rem .3rem;
		list-style: none;
		background-color: #e4e4e4;
		font-size: .3rem
	}

	.content .bg .right ul .content .bg.story-list li {
		color: #7a7a7a;
		letter-spacing: 0;
		line-height: .4rem;
		cursor: pointer;
		text-decoration: underline;
		margin-top: .1rem;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap
	}
}

.bg.footer-section a {
	color: #fff
}

.bg.footer-section a:hover {
	color: #06cae1
}

@media screen and (min-width:1288px) {
	.bg.footer-section {
		padding: 100px 0;
		background-color: #282828;
		font-size: 14px;
		text-align: center
	}

	.bg.footer-section .name {
		color: #fff;
		padding-bottom: 20px
	}

	.bg.footer-section .phone {
		color: #ccc
	}

	.bg.footer-section .phone .address {
		margin-left: 40px
	}
}

@media screen and (min-width:960px) and (max-width:1287px) {
	.bg.footer-section {
		padding: 100px 0;
		background-color: #282828;
		font-size: 14px;
		text-align: center
	}

	.bg.footer-section .name {
		color: #fff;
		padding-bottom: 20px
	}

	.bg.footer-section .phone {
		color: #ccc
	}

	.bg.footer-section .phone .address {
		margin-left: 40px
	}
}

@media screen and (min-width:769px) and (max-width:959px) {
	.bg.footer-section {
		padding: 100px 0;
		background-color: #282828;
		font-size: 14px;
		text-align: center
	}

	.bg.footer-section .name {
		color: #fff;
		padding-bottom: 20px
	}

	.bg.footer-section .phone {
		color: #ccc
	}

	.bg.footer-section .phone .address {
		margin-left: 40px
	}
}

@media screen and (max-width:768px) {
	.bg.footer-section {
		padding: .4rem .3rem;
		background-color: #282828;
		font-size: 14px;
		font-size: .24rem;
		text-align: center
	}

	.bg.footer-section .name {
		color: #fff;
		padding-bottom: .2rem;
		font-size: .3rem
	}

	.bg.footer-section .phone {
		color: #ccc
	}

	.bg.footer-section .phone .address {
		display: block;
		margin-top: .1rem
	}
}

.fade-enter-active,
.not-found-page .fade-leave-active {
	-webkit-transition: opacity .5s;
	transition: opacity .5s
}

.fade-enter,
.not-found-page .fade-leave-to {
	opacity: 0
}

.not-found-page a {
	color: #06cae1;
	text-decoration: none
}

.not-found-page .box {
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	z-index: 1001;
	color: #fff;
	text-align: center;
	background-color: #000;
	opacity: .8
}

@media screen and (min-width:1288px) {
	.box {
		padding: 30px;
		border-radius: 10px;
		font-size: 20px
	}

	.box div {
		line-height: 50px
	}
}

@media screen and (min-width:960px) and (max-width:1287px) {
	.box {
		padding: 30px;
		border-radius: 10px;
		font-size: 20px
	}

	.box div {
		line-height: 50px
	}
}

@media screen and (min-width:769px) and (max-width:959px) {
	.box {
		padding: 30px;
		border-radius: 10px;
		font-size: 20px
	}

	.box div {
		line-height: 50px
	}
}

@media screen and (max-width:768px) {
	.box {
		padding: .3rem;
		border-radius: .1rem;
		font-size: .26rem
	}

	.box div {
		line-height: .6rem
	}
}

@media screen and (min-width:1288px) {
	.bg.download-page {
		width: 100%
	}

	.bg .logo-bg {
		width: 100%;
		background: #fff
	}

	.bg .logo-bg .logo-div {
		width: 1200px;
		margin: 0 auto;
		padding: 20px 0
	}

	.bg .logo-bg .logo-div img {
		width: 51px;
		height: 51px;
		min-width: 51px;
		margin-right: 10px;
		border-radius: 10px
	}

	.bg .logo-bg .logo-div h2 {
		font-size: 20px;
		margin: 0;
		color: #000
	}

	.bg .logo-bg .logo-div .content-name {
		font-size: 14px;
		margin: 0;
		color: #a4a4a4
	}

	.bg.download-page .center-bg {
		width: 100%;
		height: 320px;
		background-image: url("../../other/bg.png")
			/*tpa=http://yindantech.com/static/img/bg.png*/
		;
		background-position: 90% 40%;
		position: relative;
		opacity: .9;
		background-size: cover
	}

	.bg.download-page .center-bg .mianshu {
		color: #fff;
		width: 750px;
		margin: 0 auto;
		padding-top: 40px
	}

	.bg.download-page .center-bg .mianshu h2 {
		font-size: 30px;
		margin: 0
	}

	.bg.download-page .center-bg .mianshu .content {
		margin: 10px 0 0;
		font-size: 20px
	}

	.bg.download-page .center-bg .ready-code {
		width: 750px;
		margin: 0 auto
	}

	.bg.download-page .center-bg .ready-code img {
		width: 123px;
		margin-right: 80px;
		margin-top: 33px
	}

	.bg.download-page .center-bg .ready-code .code-title {
		width: 123px;
		padding-top: 10px;
		color: #fff;
		text-align: center;
		font-size: 16px
	}

	.bg .text-bg {
		width: 100%
	}

	.bg .text-bg .content-center {
		width: 1200px;
		background-color: #fff;
		margin: 0 auto
	}

	.bg .text-bg .content-center h2 {
		margin: 0;
		font-size: 24px;
		text-align: center;
		padding-top: 33px
	}

	.bg .text-bg .content-center .shijian {
		margin: 22px 0 0;
		font-size: 14px;
		color: #a4a4a4;
		text-align: center
	}

	.bg .text-bg .content-center .content-div {
		padding: 0 50px;
		font-size: 16px;
		line-height: 30px
	}

	.bg .text-bg .content-center .content-div .wenzi {
		padding: 20px 0;
		letter-spacing: 2px;
		text-align: justify
	}

	.bg .text-bg .content-center .content-div img {
		max-width: 50%
	}
}

@media screen and (min-width:960px) and (max-width:1287px) {
	.bg.download-page {
		width: 100%
	}

	.bg .logo-bg {
		width: 100%;
		background: #fff
	}

	.bg .logo-bg .logo-div {
		width: 800px;
		margin: 0 auto;
		padding: 20px 0
	}

	.bg .logo-bg .logo-div img {
		width: 51px;
		height: 51px;
		min-width: 51px;
		margin-right: 10px;
		border-radius: 10px
	}

	.bg .logo-bg .logo-div h2 {
		font-size: 20px;
		margin: 0;
		color: #000
	}

	.bg .logo-bg .logo-div .content-name {
		font-size: 14px;
		margin: 0;
		color: #a4a4a4
	}

	.bg.download-page .center-bg {
		width: 100%;
		height: 320px;
		background-image: url("../../other/bg.png")
			/*tpa=http://yindantech.com/static/img/bg.png*/
		;
		background-position: 90% 40%;
		position: relative;
		opacity: .9;
		background-size: cover
	}

	.bg.download-page .center-bg .mianshu {
		color: #fff;
		width: 750px;
		margin: 0 auto;
		padding-top: 40px
	}

	.bg.download-page .center-bg .mianshu h2 {
		font-size: 30px;
		margin: 0
	}

	.bg.download-page .center-bg .mianshu .content {
		margin: 10px 0 0;
		font-size: 14px
	}

	.bg.download-page .center-bg .ready-code {
		width: 750px;
		margin: 0 auto
	}

	.bg.download-page .center-bg .ready-code img {
		width: 123px;
		margin-right: 80px;
		margin-top: 33px
	}

	.bg.download-page .center-bg .ready-code .code-title {
		width: 123px;
		padding-top: 10px;
		color: #fff;
		text-align: center;
		font-size: 16px
	}

	.bg .text-bg {
		width: 100%
	}

	.bg .text-bg .content-center {
		width: 800px;
		background-color: #fff;
		margin: 0 auto
	}

	.bg .text-bg .content-center h2 {
		margin: 0;
		font-size: 24px;
		text-align: center;
		padding-top: 33px
	}

	.bg .text-bg .content-center .shijian {
		margin: 22px 0 0;
		font-size: 14px;
		color: #a4a4a4;
		text-align: center
	}

	.bg .text-bg .content-center .content-div {
		padding: 0 50px;
		font-size: 16px;
		line-height: 30px
	}

	.bg .text-bg .content-center .content-div .wenzi {
		padding: 20px 0;
		letter-spacing: 2px;
		text-align: justify
	}

	.bg .text-bg .content-center .content-div img {
		max-width: 50%
	}
}

@media screen and (min-width:769px) and (max-width:959px) {
	.bg.download-page {
		width: 100%
	}

	.bg .logo-bg {
		width: 100%;
		background: #fff
	}

	.bg .logo-bg .logo-div {
		width: 600px;
		margin: 0 auto;
		padding: 20px 0
	}

	.bg .logo-bg .logo-div img {
		width: 51px;
		height: 51px;
		min-width: 51px;
		margin-right: 10px;
		border-radius: 10px
	}

	.bg .logo-bg .logo-div h2 {
		font-size: 20px;
		margin: 0;
		color: #000
	}

	.bg .logo-bg .logo-div .content-name {
		font-size: 14px;
		margin: 0;
		color: #a4a4a4
	}

	.bg.download-page .center-bg {
		width: 100%;
		height: 320px;
		background-image: url("../../other/bg.png")
			/*tpa=http://yindantech.com/static/img/bg.png*/
		;
		background-position: 90% 40%;
		position: relative;
		opacity: .9;
		background-size: cover
	}

	.bg.download-page .center-bg .mianshu {
		color: #fff;
		width: 600px;
		margin: 0 auto;
		padding-top: 40px
	}

	.bg.download-page .center-bg .mianshu h2 {
		font-size: 26px;
		margin: 0
	}

	.bg.download-page .center-bg .mianshu .content {
		margin: 10px 0 0;
		font-size: 14px
	}

	.bg.download-page .center-bg .ready-code {
		width: 600px;
		margin: 0 auto
	}

	.bg.download-page .center-bg .ready-code img {
		width: 123px;
		margin-right: 80px;
		margin-top: 33px
	}

	.bg.download-page .center-bg .ready-code .code-title {
		width: 123px;
		padding-top: 10px;
		color: #fff;
		text-align: center;
		font-size: 16px
	}

	.bg .text-bg {
		width: 100%
	}

	.bg .text-bg .content-center {
		width: 600px;
		background-color: #fff;
		margin: 0 auto
	}

	.bg .text-bg .content-center h2 {
		margin: 0;
		font-size: 24px;
		text-align: center;
		padding: 33px 33px 0
	}

	.bg .text-bg .content-center .shijian {
		margin: 22px 0 0;
		font-size: 14px;
		color: #a4a4a4;
		text-align: center
	}

	.bg .text-bg .content-center .content-div {
		padding: 0 50px;
		font-size: 16px;
		line-height: 30px
	}

	.bg .text-bg .content-center .content-div .wenzi {
		padding: 20px 0;
		letter-spacing: 2px;
		text-align: justify
	}

	.bg .text-bg .content-center .content-div img {
		max-width: 50%
	}
}

@media screen and (max-width:768px) {
	.bg.download-page {
		width: 100%
	}

	.bg .logo-bg {
		width: 100%;
		background: #fff
	}

	.bg .logo-bg .logo-div {
		width: 6.9rem;
		margin: 0 auto;
		padding: .2rem 0
	}

	.bg .logo-bg .logo-div img {
		width: .9rem;
		height: .9rem;
		min-width: .9rem;
		margin-right: .1rem;
		border-radius: .1rem
	}

	.bg .logo-bg .logo-div h2 {
		font-size: .36rem;
		margin: 0;
		color: #000
	}

	.bg .logo-bg .logo-div .content-name {
		font-size: .28rem;
		margin: 0;
		color: #a4a4a4
	}

	.bg.download-page .center-bg {
		width: 100%;
		height: 3.8rem;
		background-image: url("../../other/bg.png")
			/*tpa=http://yindantech.com/static/img/bg.png*/
		;
		background-position: 90% 40%;
		position: relative;
		background-size: cover;
		opacity: .9
	}

	.bg.download-page .center-bg .mianshu {
		color: #fff;
		width: 6.9rem;
		margin: 0 auto;
		padding-top: .3rem
	}

	.bg.download-page .center-bg .mianshu h2 {
		font-size: .36rem;
		margin: 0
	}

	.bg.download-page .center-bg .mianshu .content {
		margin: .1rem 0 0;
		font-size: .26rem
	}

	.bg.download-page .center-bg .ready-code {
		width: 6.9rem;
		margin: 0 auto
	}

	.bg.download-page .center-bg .ready-code img {
		width: 1.23rem;
		margin-right: .5rem;
		margin-top: .33rem
	}

	.bg.download-page .center-bg .ready-code .code-title {
		width: 1.23rem;
		padding-top: .1rem;
		color: #fff;
		text-align: center;
		font-size: .2rem
	}

	.bg .text-bg {
		width: 100%
	}

	.bg .text-bg .content-center {
		width: 6.9rem;
		background-color: #fff;
		margin: 0 auto
	}

	.bg .text-bg .content-center h2 {
		margin: 0;
		font-size: .36rem;
		text-align: center;
		padding: .2rem .2rem 0
	}

	.bg .text-bg .content-center .shijian {
		margin: .2rem 0 0;
		font-size: .3rem;
		color: #a4a4a4;
		text-align: center
	}

	.bg .text-bg .content-center .content-div {
		padding: 0 .3rem;
		font-size: .3rem;
		line-height: .5rem
	}

	.bg .text-bg .content-center .content-div .wenzi {
		padding: .2rem 0;
		letter-spacing: .03rem;
		text-align: justify
	}

	.bg .text-bg .content-center .content-div img {
		max-width: 50%
	}
}

@media screen and (min-width:1288px) {
	.bg.about-page {
		width: 100%
	}

	.bg .logo-bg {
		width: 100%;
		background: #fff
	}

	.bg .logo-bg .logo-div {
		width: 1200px;
		margin: 0 auto;
		padding: 20px 0
	}

	.bg .logo-bg .logo-div img {
		width: 51px;
		height: 51px;
		min-width: 51px;
		margin-right: 10px;
		border-radius: 10px
	}

	.bg .logo-bg .logo-div h2 {
		font-size: 20px;
		margin: 0;
		color: #000
	}

	.bg .logo-bg .logo-div .content-name {
		font-size: 14px;
		margin: 0;
		color: #a4a4a4
	}

	.bg.about-page .center-bg {
		width: 100%;
		height: 320px;
		background-image: url("../../other/bg.png")
			/*tpa=http://yindantech.com/static/img/bg.png*/
		;
		background-position: 90% 40%;
		position: relative;
		opacity: .9;
		background-size: cover
	}

	.bg.about-page .center-bg .mianshu {
		color: #fff;
		width: 750px;
		margin: 0 auto;
		padding-top: 40px
	}

	.bg.about-page .center-bg .mianshu h2 {
		font-size: 30px;
		margin: 0
	}

	.bg.about-page .center-bg .mianshu .content {
		margin: 10px 0 0;
		font-size: 20px
	}

	.bg.about-page .center-bg .ready-code {
		width: 750px;
		margin: 0 auto
	}

	.bg.about-page .center-bg .ready-code img {
		width: 123px;
		margin-right: 80px;
		margin-top: 33px
	}

	.bg.about-page .center-bg .ready-code .code-title {
		width: 123px;
		padding-top: 10px;
		color: #fff;
		text-align: center;
		font-size: 16px
	}

	.bg .text-bg {
		width: 100%
	}

	.bg .text-bg .content-center {
		width: 1200px;
		background-color: #fff;
		margin: 0 auto
	}

	.bg .text-bg .content-center h2 {
		margin: 0;
		font-size: 24px;
		text-align: center;
		padding-top: 33px
	}

	.bg .text-bg .content-center .shijian {
		margin: 22px 0 0;
		font-size: 14px;
		color: #a4a4a4;
		text-align: center
	}

	.bg .text-bg .content-center .content-div {
		padding: 0 50px;
		font-size: 16px;
		line-height: 30px
	}

	.bg .text-bg .content-center .content-div .wenzi {
		padding: 20px 0;
		letter-spacing: 2px;
		text-align: justify
	}

	.bg .text-bg .content-center .content-div img {
		max-width: 50%
	}

	.bg .text-bg .content-center .pinlun {
		padding: 10px 50px;
		line-height: 30px
	}

	.bg .text-bg .content-center .pinlun .mingzi {
		font-size: 16px;
		font-weight: 700
	}

	.bg .text-bg .content-center .pinlun .pshijian {
		font-size: 14px;
		color: #a4a4a4;
		padding-top: 5px
	}

	.bg .text-bg .content-center .pinlun .pcontent {
		font-size: 16px;
		padding-top: 10px;
		letter-spacing: 2px;
		text-align: justify
	}

	.bg .text-bg .content-center .pinlun .pimg {
		max-width: 50%;
		margin-top: 20px
	}
}

@media screen and (min-width:960px) and (max-width:1287px) {
	.bg.about-page {
		width: 100%
	}

	.bg .logo-bg {
		width: 100%;
		background: #fff
	}

	.bg .logo-bg .logo-div {
		width: 800px;
		margin: 0 auto;
		padding: 20px 0
	}

	.bg .logo-bg .logo-div img {
		width: 51px;
		height: 51px;
		min-width: 51px;
		margin-right: 10px;
		border-radius: 10px
	}

	.bg .logo-bg .logo-div h2 {
		font-size: 20px;
		margin: 0;
		color: #000
	}

	.bg .logo-bg .logo-div .content-name {
		font-size: 14px;
		margin: 0;
		color: #a4a4a4
	}

	.bg.about-page .center-bg {
		width: 100%;
		height: 320px;
		background-image: url("../../other/bg.png")
			/*tpa=http://yindantech.com/static/img/bg.png*/
		;
		background-position: 90% 40%;
		position: relative;
		opacity: .9;
		background-size: cover
	}

	.bg.about-page .center-bg .mianshu {
		color: #fff;
		width: 750px;
		margin: 0 auto;
		padding-top: 40px
	}

	.bg.about-page .center-bg .mianshu h2 {
		font-size: 30px;
		margin: 0
	}

	.bg.about-page .center-bg .mianshu .content {
		margin: 10px 0 0;
		font-size: 14px
	}

	.bg.about-page .center-bg .ready-code {
		width: 750px;
		margin: 0 auto
	}

	.bg.about-page .center-bg .ready-code img {
		width: 123px;
		margin-right: 80px;
		margin-top: 33px
	}

	.bg.about-page .center-bg .ready-code .code-title {
		width: 123px;
		padding-top: 10px;
		color: #fff;
		text-align: center;
		font-size: 16px
	}

	.bg .text-bg {
		width: 100%
	}

	.bg .text-bg .content-center {
		width: 800px;
		background-color: #fff;
		margin: 0 auto
	}

	.bg .text-bg .content-center h2 {
		margin: 0;
		font-size: 24px;
		text-align: center;
		padding-top: 33px
	}

	.bg .text-bg .content-center .shijian {
		margin: 22px 0 0;
		font-size: 14px;
		color: #a4a4a4;
		text-align: center
	}

	.bg .text-bg .content-center .content-div {
		padding: 0 50px;
		font-size: 16px;
		line-height: 30px
	}

	.bg .text-bg .content-center .content-div .wenzi {
		padding: 20px 0;
		letter-spacing: 2px;
		text-align: justify
	}

	.bg .text-bg .content-center .content-div img {
		max-width: 50%
	}

	.bg .text-bg .content-center .pinlun {
		padding: 10px 50px;
		line-height: 30px
	}

	.bg .text-bg .content-center .pinlun .mingzi {
		font-size: 16px;
		font-weight: 700
	}

	.bg .text-bg .content-center .pinlun .pshijian {
		font-size: 14px;
		color: #a4a4a4;
		padding-top: 5px
	}

	.bg .text-bg .content-center .pinlun .pcontent {
		font-size: 16px;
		padding-top: 10px;
		letter-spacing: 2px;
		text-align: justify
	}

	.bg .text-bg .content-center .pinlun .pimg {
		max-width: 50%;
		margin-top: 20px
	}
}

@media screen and (min-width:769px) and (max-width:959px) {
	.bg.about-page {
		width: 100%
	}

	.bg .logo-bg {
		width: 100%;
		background: #fff
	}

	.bg .logo-bg .logo-div {
		width: 600px;
		margin: 0 auto;
		padding: 20px 0
	}

	.bg .logo-bg .logo-div img {
		width: 51px;
		height: 51px;
		min-width: 51px;
		margin-right: 10px;
		border-radius: 10px
	}

	.bg .logo-bg .logo-div h2 {
		font-size: 20px;
		margin: 0;
		color: #000
	}

	.bg .logo-bg .logo-div .content-name {
		font-size: 14px;
		margin: 0;
		color: #a4a4a4
	}

	.bg.about-page .center-bg {
		width: 100%;
		height: 320px;
		background-image: url("../../other/bg.png")
			/*tpa=http://yindantech.com/static/img/bg.png*/
		;
		background-position: 90% 40%;
		position: relative;
		opacity: .9;
		background-size: cover
	}

	.bg.about-page .center-bg .mianshu {
		color: #fff;
		width: 600px;
		margin: 0 auto;
		padding-top: 40px
	}

	.bg.about-page .center-bg .mianshu h2 {
		font-size: 26px;
		margin: 0
	}

	.bg.about-page .center-bg .mianshu .content {
		margin: 10px 0 0;
		font-size: 14px
	}

	.bg.about-page .center-bg .ready-code {
		width: 600px;
		margin: 0 auto
	}

	.bg.about-page .center-bg .ready-code img {
		width: 123px;
		margin-right: 80px;
		margin-top: 33px
	}

	.bg.about-page .center-bg .ready-code .code-title {
		width: 123px;
		padding-top: 10px;
		color: #fff;
		text-align: center;
		font-size: 16px
	}

	.bg .text-bg {
		width: 100%
	}

	.bg .text-bg .content-center {
		width: 600px;
		background-color: #fff;
		margin: 0 auto
	}

	.bg .text-bg .content-center h2 {
		margin: 0;
		font-size: 24px;
		text-align: center;
		padding: 33px 33px 0
	}

	.bg .text-bg .content-center .shijian {
		margin: 22px 0 0;
		font-size: 14px;
		color: #a4a4a4;
		text-align: center
	}

	.bg .text-bg .content-center .content-div {
		padding: 0 50px;
		font-size: 16px;
		line-height: 30px
	}

	.bg .text-bg .content-center .content-div .wenzi {
		padding: 20px 0;
		letter-spacing: 2px;
		text-align: justify
	}

	.bg .text-bg .content-center .content-div img {
		max-width: 50%
	}

	.bg .text-bg .content-center .pinlun {
		padding: 10px 50px;
		line-height: 30px
	}

	.bg .text-bg .content-center .pinlun .mingzi {
		font-size: 16px;
		font-weight: 700
	}

	.bg .text-bg .content-center .pinlun .pshijian {
		font-size: 14px;
		color: #a4a4a4;
		padding-top: 5px
	}

	.bg .text-bg .content-center .pinlun .pcontent {
		font-size: 16px;
		padding-top: 10px;
		letter-spacing: 2px;
		text-align: justify
	}

	.bg .text-bg .content-center .pinlun .pimg {
		max-width: 50%;
		margin-top: 20px
	}
}

@media screen and (max-width:768px) {
	.bg.about-page {
		width: 100%
	}

	.bg .logo-bg {
		width: 100%;
		background: #fff
	}

	.bg .logo-bg .logo-div {
		width: 6.9rem;
		margin: 0 auto;
		padding: .2rem 0
	}

	.bg .logo-bg .logo-div img {
		width: .9rem;
		height: .9rem;
		min-width: .9rem;
		margin-right: .1rem;
		border-radius: .1rem
	}

	.bg .logo-bg .logo-div h2 {
		font-size: .36rem;
		margin: 0;
		color: #000
	}

	.bg .logo-bg .logo-div .content-name {
		font-size: .28rem;
		margin: 0;
		color: #a4a4a4
	}

	.bg.about-page .center-bg {
		width: 100%;
		height: 3.8rem;
		background-image: url("../../other/bg.png")
			/*tpa=http://yindantech.com/static/img/bg.png*/
		;
		background-position: 90% 40%;
		position: relative;
		background-size: cover;
		opacity: .9
	}

	.bg.about-page .center-bg .mianshu {
		color: #fff;
		width: 6.9rem;
		margin: 0 auto;
		padding-top: .3rem
	}

	.bg.about-page .center-bg .mianshu h2 {
		font-size: .36rem;
		margin: 0
	}

	.bg.about-page .center-bg .mianshu .content {
		margin: .1rem 0 0;
		font-size: .26rem
	}

	.bg.about-page .center-bg .ready-code {
		width: 6.9rem;
		margin: 0 auto
	}

	.bg.about-page .center-bg .ready-code img {
		width: 1.23rem;
		margin-right: .5rem;
		margin-top: .33rem
	}

	.bg.about-page .center-bg .ready-code .code-title {
		width: 1.23rem;
		padding-top: .1rem;
		color: #fff;
		text-align: center;
		font-size: .2rem
	}

	.bg .text-bg {
		width: 100%
	}

	.bg .text-bg .content-center {
		width: 6.9rem;
		background-color: #fff;
		margin: 0 auto
	}

	.bg .text-bg .content-center h2 {
		margin: 0;
		font-size: .36rem;
		text-align: center;
		padding: .2rem .2rem 0
	}

	.bg .text-bg .content-center .shijian {
		margin: .2rem 0 0;
		font-size: .3rem;
		color: #a4a4a4;
		text-align: center
	}

	.bg .text-bg .content-center .content-div {
		padding: 0 .3rem;
		font-size: .3rem;
		line-height: .5rem
	}

	.bg .text-bg .content-center .content-div .wenzi {
		padding: .2rem 0;
		letter-spacing: .03rem;
		text-align: justify
	}

	.bg .text-bg .content-center .content-div img {
		max-width: 50%
	}

	.bg .text-bg .content-center .pinlun {
		padding: .2rem .3rem;
		line-height: .5rem
	}

	.bg .text-bg .content-center .pinlun .mingzi {
		font-size: .36rem;
		font-weight: 700
	}

	.bg .text-bg .content-center .pinlun .pshijian {
		font-size: .3rem;
		color: #a4a4a4;
		padding-top: .1rem
	}

	.bg .text-bg .content-center .pinlun .pcontent {
		font-size: .3rem;
		padding-top: .1rem;
		letter-spacing: .03rem;
		text-align: justify
	}

	.bg .text-bg .content-center .pinlun .pimg {
		max-width: 50%;
		margin-top: .2rem
	}
}