.sbanner {
	display: none;
}

/************************************************************************************
smaller than 640
*************************************************************************************/
@media screen and (max-width: 414px) {

	.bg {
		display: none;
	}

	.sbanner,
	.sbanner img {
		display: block;
		width: 100%;
		height: auto;
	}

	.center {
		width: 100%;
		position: inherit;
		left: 0;
		margin-left: 0;
		top: 279px;
	}

	.main {
		padding: 0;
		width: 90%;
		margin: 30px auto 0;
	}

	.player {
		display: none;
	}

	.tip_long {
		position: fixed;
		left: -100%;
		top: 80%;
		-webkit-transition: all 2s linear;
		transition: all 2s linear;
		display: -webkit-box;
		display: -webkit-flex;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-webkit-flex-direction: row;
		flex-direction: row;
		-webkit-box-pack: space-evenly;
		-webkit-justify-content: space-evenly;
		justify-content: space-evenly;
		-webkit-box-align: center;
		-webkit-align-items: center;
		align-items: center;
		background-image: url(./img/bg_line.png);
		background-repeat: repeat-x;
		background-position: 0 0;
		width: 340px;
		height: 50px;
		z-index: 222;
	}

	.tip_long .icon {
		width: 36px;
		height: 36px;
		background-image: url(./img/icon.png);
		background-repeat: no-repeat;
		background-size: 36px auto;
		margin-left: 10px;
	}

	.tip_long .title {
		font-size: 15px;
		height: 50px;
		line-height: 49px;
		color: #fff;
		margin-left: 0px;
		width: 220px;
	}

	.tip_long .btnPlay {
		width: 15px;
		height: 17px;
		/*background-image: url(./img/play.png);
		background-repeat: no-repeat;
		-webkit-background-size: 15px auto;
		background-size: 15px auto;*/
	}

	.tip_long .close {
		width: 14px;
		height: 16px;
		background-image: url(./img/close.png);
		background-repeat: no-repeat;
		-webkit-background-size: 15px auto;
		background-size: 15px auto;
		margin-right: 5px;
		margin-left: 5px;
	}

	.tip {
		position: fixed;
		left: 0;
		top: 80%;
		width: 44px;
		height: 50px;
		background-image: url(./img/bg_line.png);
		background-repeat: repeat-x;
		background-position: 0 0;
		-webkit-transition: all 2s linear;
		transition: all 2s linear;
		z-index: 222;
	}

	.tip .tip_open {
		width: 15.5px;
		height: 33px;
		background-image: url(./img/arrow.png);
		background-repeat: no-repeat;
		-webkit-background-size: 15.5px auto;
		background-size: 15.5px auto;
		margin-top: 8.8px;
		margin-left: 13px;
	}

	.tip_long .btnPause {
		width: 11px;
		height: 17px;
		/* background-image: url(./img/pause.png);
		background-repeat: no-repeat;
		-webkit-background-size: 11px auto;
		background-size: 11px auto;*/
	}
}

/************************************************************************************
smaller than 375
*************************************************************************************/
@media screen and (max-width: 375px) {
	

	.bg {
		display: none;
	}

	.sbanner,
	.sbanner img {
		display: block;
		width: 100%;
		height: auto;
	}

	.center {
		width: 100%;
		position: inherit;
		left: 0;
		margin-left: 0;
		top: 279px;
	}

	.main {
		padding: 0;
		width: 90%;
		margin: 30px auto 0;
	}

	.player {
		display: none;
	}

	.tip_long {
		position: fixed;
		left: -100%;
		top: 80%;
		-webkit-transition: all 2s linear;
		transition: all 2s linear;
		display: -webkit-box;
		/* display: -webkit-flex; */
		/* display: flex; */
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-webkit-flex-direction: row;
		flex-direction: row;
		-webkit-box-pack: space-evenly;
		-webkit-justify-content: flex-start;
		justify-content: sp;
		-webkit-box-align: center;
		-webkit-align-items: center;
		align-items: center;
		background-image: url(./img/bg_line.png);
		background-repeat: repeat-x;
		background-position: 0 0;
		width: 325px;
		height: 45px;
		z-index: 222;
	}

	.tip_long .icon {
		width: 32.5px;
		height: 32.5px;
		background-image: url(./img/icon.png);
		background-repeat: no-repeat;
		background-size: 32.5px auto;
		margin-left: 10px;
	}

	.tip_long .title {
		font-size: 14px;
		height: 45px;
		line-height: 45px;
		color: #fff;
		margin-left: 10px;
		width: 220px;
	}

	.tip_long .btnPlay {
		width: 13.5px;
		height: 15.5px;
		/* background-image: url(./img/play.png);
		background-repeat: no-repeat;
		-webkit-background-size: 13.5px auto;
		background-size: 13.5px auto;
		margin-left: 143px; */
	}
	.tip_long .btnPause {
		width: 10px;
		height: 15.5px;
		/* background-image: url(./img/pause.png);
		background-repeat: no-repeat;
		-webkit-background-size: 10px auto;
		background-size: 10px auto;*/
	}

	.tip_long .close {
		width: 12.5px;
		height: 13.5px;
		background-image: url(./img/close.png);
		background-repeat: no-repeat;
		-webkit-background-size: 12.5px auto;
		background-size: 12.5px auto;
		margin-left: 13px;
	}

	.tip {
		position: fixed;
		left: 0;
		top: 80%;
		width: 40px;
		height: 45px;
		background-image: url(./img/bg_line.png);
		background-repeat: repeat-x;
		background-position: 0 0;
		-webkit-transition: all 2s linear;
		transition: all 2s linear;
		z-index: 222;
	}

	.tip .tip_open {
		width: 14px;
		height: 30px;
		background-image: url(./img/arrow.png);
		background-repeat: no-repeat;
		-webkit-background-size: 14px auto;
		background-size: 14px auto;
		margin-top: 8px;
		margin-left: 12px;
	}
}