*,body,html {
	margin: 0;
	padding: 0
}

.desc,.info2,.new,.old,.old span {
	color: #fff
}

.circle,.synth {
	position: absolute
}

body {
	width: 100%;
	height: auto;
	font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol"
}

.container {
	overflow: hidden;
	max-width: 100%!important;
	margin: 0 auto
}

.row {
	max-width: 1680px!important;
	margin: 0 auto
}

.top {
	background: linear-gradient(#ffc800,#ff7e10);
	height: 100%
}

.header {
	padding: 5% 0 0;
	text-align: left
}

@media screen and (min-width:769px) {
	.header {
		padding: 3% 0 0 3%
	}
}

.desc,.sound img {
	padding-bottom: 15px
}

.circle {
	border-radius: 50%;
	width: 500px;
	height: 500px;
	background: #fff;
	right: -260px;
	top: -300px
}

.button,.button:hover {
	border: 2px solid #1c1c1c;
	text-decoration: none
}

.soundcloud {
	margin-top: 20px;
	margin-bottom: 15px
}

.sound img,h1 {
	margin-top: -20px
}

.sound img {
	margin-left: 5px
}

h1 {
	font-size: 120px;
	font-weight: 800;
	margin-bottom: 5%
}

@media screen and (min-width:1281px) {
	h1 {
		font-size: 140px
	}
}

.info1 {
	font-size: 48px;
	font-weight: 500;
	height: 50px;
	margin-top: -35px
}

.desc {
	font-size: 16px;
	font-weight: 200;
	margin-top: 0
}

.info2 {
	font-size: 14px;
	font-weight: 100;
	margin-top: -10px
}

.old {
	font-size: 14px;
	font-weight: 500;
	margin-bottom: -34px;
	margin-top: 40px;
	opacity: .6
}

.old span {
	font-size: 13px;
	padding-right: 2px
}

.new {
	font-size: 75px;
	font-weight: 700;
	margin-bottom: 25px
}

.new span {
	color: #000;
	font-size: 20px
}

.button,.jump:visited {
	color: #fff
}

.synth {
	right: -60px;
	top: 250px
}

.synth img {
    width: 100%;
    height: 100%;
    max-height: 652px;
    max-width: 700px;
}

.buybtn {
	margin-top: -5px
}

.button {
	background: #1c1c1c;
	padding: 14px 20px;
	-webkit-box-shadow: rgba(255,255,255,.4) 0 0 0,inset rgba(255,255,255,.4) 0 0 0;
	-moz-box-shadow: rgba(255,255,255,.4) 0 0 0,inset rgba(255,255,255,.4) 0 0 0;
	box-shadow: rgba(255,255,255,.4) 0 0 0,inset rgba(255,255,255,.4) 0 0 0;
	font-size: 14px;
	vertical-align: middle;
	font-weight: 400;
	transition-duration: .3s;
	transition-timing-function: ease-in-out
}

.copyright,.licenseBtn {
	text-align: center;
	font-size: .7em;
	position: relative
}

.button:hover {
	background: 0 0;
	color: #1c1c1c
}

.button:active {
	border: 2px solid #fff;
	background: #fff;
	background: -webkit-gradient(linear,left top,left bottom,from(#fff),to(#000));
	background: -webkit-linear-gradient(top,#fff,#fff);
	background: -moz-linear-gradient(top,#fff,#fff);
	background: -ms-linear-gradient(top,#fff,#fff);
	background: -o-linear-gradient(top,#fff,#fff);
	background-image: -ms-linear-gradient(top,#fff 0,#fff 100%);
	color: #000
}

.copyright,.licenseBtn a {
	color: #fff
}

.licenseBtn {
	width: auto;
	margin: -75px auto auto;
	padding-bottom: 0;
	color: #fff;
	top: 10px
}

.copyright {
	width: 400px;
	margin: auto;
	top: 40px;
}

.licensetxt {
	position: relative;
	margin: 45px auto auto;
	text-align: left;
	font-weight: 200;
	color: #585b5e;
	padding-top: 20px;
	min-height: 550px;
	    text-align: justify;
}

h2 {
	text-align: center
}

.btnx {
	display: none;
	cursor: pointer;
	position: absolute;
	width: 46px;
	height: 46px;
	right: 20px;
	top: 30px;
	background-color: #1c1c1c;
	margin: auto;
	padding: 10px;
	z-index: 10006
}

.btnx:hover {
	background-color: #585b5e
}

.btnx i {
	color: #fff;
	font-size: 26px
}

.sound2 img {
	width: 50px;
	display: block;
	margin: 50px auto
}

	
		.icon_audiodefault{
			display: block;
		}
		.icon_audiodefault img{
			width: 34px;
			height: 34px;}
		.icon_audioplaying img{
			width: 34px;
			height: 34px;}
		.icon_audioplaying{display: none;}
		.db {
			display: block;
		}

		.weixinAudio {
			width: 440px;
			height: 62px;
			line-height: 1.5;
		}

		.audio_area {
			display: inline-block;
			width: 100%;
			vertical-align: top;
			margin: 0px 1px 0px 0;
			font-size: 0;
			position: relative;
			font-weight: 400;
			text-decoration: none;
			-ms-text-size-adjust: none;
			-webkit-text-size-adjust: none;
			text-size-adjust: none;
		}

		.audio_wrp {
			position: relative;
			border: 1px solid #ebebeb;
			background-color: #fcfcfc;
			overflow: hidden;
			    padding: 13px 21px 13px 12px;
    border-radius: 4px;
		}

		.audio_play_area {
			float: left;
			margin: 9px 22px 10px 5px;
			font-size: 0;
			width: 18px;
			height: 25px;
		}

		.playing .audio_play_area .icon_audio_default {
			display: block;
		}

		.audio_play_area .icon_audio_default {
			background: transparent url(./images/shengyin.gif) no-repeat 0 0;
			width: 34px;
			height: 34px;
			vertical-align: middle;
			display: inline-block;
			-webkit-background-size: 54px 25px;
			background-size: 54px 25px;
			background-position: -36px center;
		}

		.audio_play_area .icon_audio_playing {
			background: transparent url(./images/shengyin.png) no-repeat 0 0;
			width: 34px;
			height: 34px;
			vertical-align: middle;
			display: inline-block;
			-webkit-background-size: 54px 25px;
			background-size: 54px 25px;
			-webkit-animation: audio_playing 1s infinite;
			background-position: 0px center;
			display: none;
		}

		.audio_area .pic_audio_default {
			display: none;
			width: 18px;
		}

		.tips_global {
			color: #8c8c8c;
		}

		.audio_area .audio_length {
			float: right;
			font-size: 14px;
			position: absolute;
			top: 42px;
			right: 23px;
		}
		#curent_time{
			float: right;
			font-size: 14px;
			position: absolute;
			top: 42px;
			left: 68px;
		}
		.audio_info_area {
			overflow: hidden;
		}

		.audio_area .audio_title {
			font-weight: 400;
			font-size: 12px;
			margin-top: 0px;
			margin-bottom: -3px;
			width: auto;
			overflow: hidden;
			text-overflow: ellipsis;
			white-space: nowrap;
			word-wrap: normal;
			color: #333333;
			margin-left:11px;;
		}

		.audio_area .audio_source {
			font-size: 14px;
		}

		.progress_bar_box{
			display: block;
			position: absolute;
			left: 69px;
			bottom: 30px;
			background-color: #c3c3c3;
			height: 2px;
			width: 345px;
		}
		.audio_area .progress_bar_box .progress_bar{
			background-color: #0cbb08;
			height: 2px;
			display: block;
		}
		.playing .audio_play_area .icon_audio_default {
			display: none;
		}

		.playing .audio_play_area .icon_audio_playing {
			display: inline-block;
		}

		@-webkit-keyframes audio_playing {
			30% {
				background-position: 0px center;
			}
			31% {
				background-position: -18px center;
			}
			61% {
				background-position: -18px center;
			}
			61.5% {
				background-position: -36px center;
			}
			100% {
				background-position: -36px center;
			}
		}