/*!
 * smusic v2.1.0
 * smohan https://smohan.net
 * The MIT License (MIT)
 * https://smohan.net/lab/smusic
 * https://github.com/S-mohan/smusic
 */
@font-face{font-family:SMusic;font-weight:400;font-style:normal;font-variant:normal;src:url(data:application/font-woff;base64,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) format("woff")}
.smusic-container,.smusic-container * {
	box-sizing:border-box
}
.smusic-container {
	font:14px/1.5 'Helvetica Neue',Helvetica,'PingFang SC','Hiragino Sans GB','WenQuanYi Micro Hei','Microsoft Yahei',Arial,sans-serif;
	position:relative;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	overflow:hidden;
	width:640px;
	height:360px;
	padding:20px;
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
	word-wrap:break-word;
	color:#333;
	background:#fff;
	-webkit-box-orient:vertical;
	-webkit-box-direction:normal;
	-ms-flex-flow:column;
	flex-flow:column;
	border-radius:20px
	
}
.smusic-container audio {
	display:none!important
}
.smusic-ctrl--mode,.smusic-ctrl--play,.smusic-volume--toggle,[class*=' smusic-ico-'],[class^=smusic-ico-] {
	font-family:SMusic!important;
	font-weight:400;
	font-style:normal;
	font-variant:normal;
	line-height:1;
	speak:none;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale
}
.smusic-ico-lyric:before {
	content:'\e90c'
}
.smusic-ico-list:before {
	content:'\e904'
}
.smusic-ico-prev:before {
	content:'\e909'
}
.smusic-ico-next:before {
	content:'\e908'
}
.smusic-container>.smusic-main {
	-webkit-box-flex:1;
	-ms-flex:1 1 auto;
	flex:1 1 auto
}
.smusic-container>.smusic-aside {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	height:40px;
	margin-top:10px;
	-webkit-box-orient:horizontal;
	-webkit-box-direction:normal;
	-ms-flex-flow:row nowrap;
	flex-flow:row nowrap;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center
}
.smusic-container>.smusic-aside>.smusic-ctrl {
	white-space:nowrap
}
.smusic-container>.smusic-aside>.smusic-ctrl.smusic-ctrl--left {
	width:70px;
	padding-right:10px
}
.smusic-container>.smusic-aside>.smusic-ctrl.smusic-ctrl--right {
	width:140px;
	text-align:right
}
.smusic-container>.smusic-aside>.smusic-progress {
	width:1px;
	-webkit-box-flex:1;
	-ms-flex:1 1 auto;
	flex:1 1 auto
}
.smusic-container>.smusic-aside {
	color:#333
}
.smusic-container>.smusic-aside .smusic-ctrl--list,.smusic-container>.smusic-aside .smusic-ctrl--lyric,.smusic-container>.smusic-aside .smusic-ctrl--mode,.smusic-container>.smusic-aside .smusic-ctrl--volume,.smusic-container>.smusic-aside .smusic-time {
	font-size:24px;
	display:inline-block;
	margin-left:10px;
	vertical-align:middle
}
.smusic-container>.smusic-aside .smusic-ctrl--volume {
	margin-left:0
}
.smusic-container>.smusic-aside .smusic-volume--toggle {
	position:relative;
	z-index:3;
	top:3px
}
.smusic-container>.smusic-aside .smusic-volume--toggle:before {
	content:'\e90b'
}
.smusic-container>.smusic-aside .smusic-volume--toggle.smusic-volume--mute:before {
	content:'\e90a'
}
.smusic-container>.smusic-aside .smusic-ctrl--mode.smusic-mode--loop {
	position:relative
}
.smusic-container>.smusic-aside .smusic-ctrl--mode.smusic-mode--loop:before {
	content:'\e901'
}
.smusic-container>.smusic-aside .smusic-ctrl--mode.smusic-mode--single:before {
	content:'\e907'
}
.smusic-container>.smusic-aside .smusic-ctrl--mode.smusic-mode--random:before {
	content:'\e906'
}
.smusic-container>.smusic-aside .smusic-ctrl--list,.smusic-container>.smusic-aside .smusic-ctrl--lyric {
	position:relative;
	top:3px
}
.smusic-container>.smusic-aside .smusic-ctrl--list.active,.smusic-container>.smusic-aside .smusic-ctrl--lyric.active {
	color:#e03a3a
}
.smusic-container>.smusic-aside a {
	display:inline-block;
	cursor:pointer
}
.smusic-container>.smusic-aside .smusic-time {
	font-size:12px;
	margin-left:5px
}
.smusic-container>.smusic-aside>.smusic-progress {
	position:relative;
	height:5px;
	cursor:pointer;
	background-color:#333
}
.smusic-container>.smusic-aside>.smusic-progress>.smusic-progress--buffer,.smusic-container>.smusic-aside>.smusic-progress>.smusic-progress--slider,.smusic-container>.smusic-aside>.smusic-progress>.smusic-progress--value {
	position:absolute;
	top:0;
	left:0;
	height:100%;
	-webkit-transition:width .1s linear;
	transition:width .1s linear
}
.smusic-container>.smusic-aside>.smusic-progress>.smusic-progress--buffer {
	background-color:#777
}
.smusic-container>.smusic-aside>.smusic-progress>.smusic-progress--value {
	width:16px;
	min-width:16px;
	background-color:#e03a3a
}
.smusic-container>.smusic-aside>.smusic-progress>.smusic-progress--value>.smusic-progress--slider {
	position:absolute;
	top:50%;
	right:-1px;
	width:16px;
	height:16px;
	margin-top:-8px;
	cursor:-webkit-grab;
	cursor:grab;
	border-radius:50%;
	background-color:#fff;
	box-shadow:1px 1px 1px rgba(0,0,0,.35)
}
.smusic-container .smusic-ctrl--volume {
	position:relative
}
.smusic-container .smusic-ctrl--volume>.smusic-volume--bar {
	position:absolute;
	top:-100px;
	left:12px;
	visibility:hidden;
	width:3px;
	height:100px;
	cursor:pointer;
	-webkit-transition:all .2s;
	transition:all .2s;
	opacity:0;
	background-color:#333
}
.smusic-container .smusic-ctrl--volume>.smusic-volume--bar:after {
	position:absolute;
	z-index:0;
	top:-10%;
	left:-14px;
	width:31px;
	height:140%;
	content:'';
	background-color:rgba(0,0,0,.15)
}
.smusic-container .smusic-ctrl--volume>.smusic-volume--bar>.smusic-volume--value {
	position:absolute;
	z-index:2;
	bottom:0;
	left:0;
	width:100%;
	height:4px;
	background-color:#e03a3a
}
.smusic-container .smusic-ctrl--volume>.smusic-volume--bar>.smusic-volume--slider {
	position:absolute;
	z-index:3;
	top:0;
	left:50%;
	width:10px;
	height:10px;
	margin-left:-5px;
	cursor:-webkit-grab;
	cursor:grab;
	border-radius:50%;
	background-color:#fff;
	box-shadow:1px 1px 1px rgba(0,0,0,.15)
}
.smusic-container .smusic-ctrl--volume:hover>.smusic-volume--bar {
	visibility:visible;
	opacity:1
}
.smusic-container>.smusic-main {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-orient:horizontal;
	-webkit-box-direction:normal;
	-ms-flex-flow:row nowrap;
	flex-flow:row nowrap
}
.smusic-container>.smusic-main>.smusic-panel {
	width:45%;
	position:relative;
	text-align:center
}
.smusic-container>.smusic-main>.smusic-panel:last-of-type {
	overflow:hidden;
	margin-left:20px;
	-webkit-box-flex:1;
	-ms-flex:1 1 auto;
	flex:1 1 auto
}
.smusic-container>.smusic-main .smusic-music-info {
	line-height:30px;
	position:relative;
	overflow:hidden;
	height:30px;
	white-space:nowrap
}
.smusic-container>.smusic-main .smusic-music-info>.smusic-music-scroll {
	position:absolute;
	top:0;
	left:0;
	min-width:100%;
	height:100%;
	-webkit-transition:-webkit-transform .2s;
	transition:-webkit-transform .2s;
	transition:transform .2s;
	transition:transform .2s,-webkit-transform .2s;
	-webkit-transform:translate3d(0,0,0);
	transform:translate3d(0,0,0);
	text-align:center
}
.smusic-container>.smusic-main .smusic-music-info .smusic-music--title {
	font-size:18px
}
.smusic-container>.smusic-main .smusic-music-info .smusic-music--singer {
	font-size:14px;
	margin-left:5px
}
.smusic-container>.smusic-main .smusic-music-thumbnail {
	width:170px;
	height:170px;
	margin:15px auto;
	background:url(../../yibazhan/images/smusic.jpg) center no-repeat;
	background-size:cover
}
.smusic-container>.smusic-main .smusic-music-thumbnail>img {
	display:block;
	width:100%;
	height:100%;
	-webkit-transition:all .2s ease;
	transition:all .2s ease;
	border-radius:50%
}
.smusic-container>.smusic-main .smusic-music-ctrl>.smusic-ctrl--next,.smusic-container>.smusic-main .smusic-music-ctrl>.smusic-ctrl--play,.smusic-container>.smusic-main .smusic-music-ctrl>.smusic-ctrl--prev {
	display:inline-block;
	cursor:pointer;
	-webkit-transition:opacity .1s ease-in-out;
	transition:opacity .1s ease-in-out
}
.smusic-container>.smusic-main .smusic-music-ctrl>.smusic-ctrl--next:hover,.smusic-container>.smusic-main .smusic-music-ctrl>.smusic-ctrl--play:hover,.smusic-container>.smusic-main .smusic-music-ctrl>.smusic-ctrl--prev:hover {
	opacity:.9
}
.smusic-container>.smusic-main .smusic-ctrl--next,.smusic-container>.smusic-main .smusic-ctrl--prev {
	font-size:36px
}
.smusic-container>.smusic-main .smusic-ctrl--play {
	font-size:48px;
	width:48px;
	margin:0 10px;
	text-align:center;
	vertical-align:top;
	position:relative;
	top:-2px
}
.smusic-container>.smusic-main .smusic-ctrl--play.smusic-music-pause:before {
	content:'\e903'
}
.smusic-container>.smusic-main .smusic-ctrl--play.smusic-music-play:before {
	content:'\e902'
}
.smusic-container .smusic-panel--scroll {
	position:absolute;
	top:0;
	left:0;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	width:200%;
	height:100%;
	-webkit-transition:-webkit-transform .2s;
	transition:-webkit-transform .2s;
	transition:transform .2s;
	transition:transform .2s,-webkit-transform .2s;
	-webkit-transform:translate3d(0,0,0);
	transform:translate3d(0,0,0);
	-webkit-box-orient:horizontal;
	-webkit-box-direction:normal;
	-ms-flex-flow:row nowrap;
	flex-flow:row nowrap
}
.smusic-container .smusic-panel--scroll .smusic-list--wrap,.smusic-container .smusic-panel--scroll .smusic-lyric--wrap {
	position:relative;
	overflow:hidden;
	width:50%;
	height:100%;
	-ms-flex-preferred-size:50%;
	flex-basis:50%
}
.smusic-container .smusic-panel--scroll.show-list {
	-webkit-transform:translate3d(-100%,0,0);
	transform:translate3d(-100%,0,0)
}
.smusic-container .smusic-panel--scroll.show-list .smusic-lyric--wrap {
	opacity:0
}
.smusic-container .smusic-list--wrap {
	-webkit-transform:translate3d(100%,0,0);
	transform:translate3d(100%,0,0)
}
.smusic-container .smusic-lyric--wrap:after,.smusic-container .smusic-lyric--wrap:before {
	position:absolute;
	z-index:3;
	left:0;
	width:100%;
	height:25%;
	content:''
}
.smusic-container .smusic-lyric--wrap:before {
	top:0;
	background-image:-webkit-linear-gradient(top,#fff,rgba(255,255,255,0));
	background-image:linear-gradient(to bottom,#fff,rgba(255,255,255,0))
}
.smusic-container .smusic-lyric--wrap:after {
	bottom:0;
	background-image:-webkit-linear-gradient(bottom,#fff,rgba(255,255,255,0));
	background-image:linear-gradient(to top,#fff,rgba(255,255,255,0))
}
.smusic-container .smusic-lyric--wrap li {
	font-size:14px;
	-webkit-transition:all .2s;
	transition:all .2s;
	color:#555
}
.smusic-container .smusic-lyric--wrap li.active {
	font-size:15px;
	color:#e03a3a
}
.smusic-container .smusic-lyric--wrap li a {
	text-decoration:underline;
	color:#777
}
.smusic-container .smusic-lyric--wrap li.empty {
	font-size:24px;
	margin-top:90px;
	margin-bottom:10px;
	color:#bbb
}
.smusic-container .smusic-list--wrap>.smusic-list--scroll,.smusic-container .smusic-lyric--wrap>.smusic-lyric--scroll {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	margin:0;
	padding:0;
	list-style:none;
	-webkit-transition:-webkit-transform .2s;
	transition:-webkit-transform .2s;
	transition:transform .2s;
	transition:transform .2s,-webkit-transform .2s;
	-webkit-transform:translate3d(0,0,0);
	transform:translate3d(0,0,0)
}
.smusic-container .smusic-list--wrap>.smusic-list--scroll>li,.smusic-container .smusic-lyric--wrap>.smusic-lyric--scroll>li {
	line-height:30px;
	display:block;
	overflow:hidden;
	height:30px;
	white-space:nowrap;
	text-overflow:ellipsis
}
.smusic-container .smusic-panel--scroll .smusic-list--wrap {
	overflow-y:auto
}
.smusic-container .smusic-panel--scroll .smusic-list--wrap>.smusic-list--scroll>li {
	position:relative;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	margin:3px 0;
	padding-left:20px;
	cursor:pointer;
	-webkit-transition:color .1s linear;
	transition:color .1s linear;
	text-align:left;
	color:#555;
	-webkit-box-orient:horizontal;
	-webkit-box-direction:normal;
	-ms-flex-flow:row nowrap;
	flex-flow:row nowrap
}
.smusic-container .smusic-panel--scroll .smusic-list--wrap>.smusic-list--scroll>li:hover {
	color:#333
}
.smusic-container .smusic-panel--scroll .smusic-list--wrap>.smusic-list--scroll>li>.song-animate {
	font-size:0;
	position:absolute;
	top:5px;
	left:0;
	visibility:hidden;
	width:20px;
	height:14px
}
.smusic-container .smusic-panel--scroll .smusic-list--wrap>.smusic-list--scroll>li>.song-animate>i {
	position:relative;
	display:inline-block;
	width:3px;
	height:100%;
	margin-right:2px
}
.smusic-container .smusic-panel--scroll .smusic-list--wrap>.smusic-list--scroll>li>.song-animate>i:after {
	position:absolute;
	bottom:0;
	width:100%;
	height:100%;
	content:'';
	background-color:#e03a3a
}
.smusic-container .smusic-panel--scroll .smusic-list--wrap>.smusic-list--scroll>li>.song-animate>i:nth-of-type(1):after {
	-webkit-animation:waves .6s linear 0s infinite alternate;
	animation:waves .6s linear 0s infinite alternate
}
.smusic-container .smusic-panel--scroll .smusic-list--wrap>.smusic-list--scroll>li>.song-animate>i:nth-of-type(2):after {
	-webkit-animation:waves .9s linear 0s infinite alternate;
	animation:waves .9s linear 0s infinite alternate
}
.smusic-container .smusic-panel--scroll .smusic-list--wrap>.smusic-list--scroll>li>.song-animate>i:nth-of-type(3):after {
	-webkit-animation:waves 1.1s linear 0s infinite alternate;
	animation:waves 1.1s linear 0s infinite alternate
}
.smusic-container .smusic-panel--scroll .smusic-list--wrap>.smusic-list--scroll>li>.song-singer,.smusic-container .smusic-panel--scroll .smusic-list--wrap>.smusic-list--scroll>li>.song-title {
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis
}
.smusic-container .smusic-panel--scroll .smusic-list--wrap>.smusic-list--scroll>li>.song-title {
	width:1px;
	-webkit-box-flex:1;
	-ms-flex:1 1 auto;
	flex:1 1 auto
}
.smusic-container .smusic-panel--scroll .smusic-list--wrap>.smusic-list--scroll>li>.song-singer {
	width:30%;
	margin-left:5%;
	text-align:right
}
.smusic-container .smusic-panel--scroll .smusic-list--wrap>.smusic-list--scroll>li.active {
	color:#e03a3a
}
.smusic-container .smusic-panel--scroll .smusic-list--wrap>.smusic-list--scroll>li.active>.song-animate {
	visibility:visible
}
.smusic-container .smusic-panel--scroll .smusic-list--wrap>.smusic-list--scroll>li.pause>.song-animate i:after {
	-webkit-animation-play-state:paused;
	animation-play-state:paused
}
@-webkit-keyframes waves {
	10% {
	height:20%
}
20% {
	height:60%
}
40% {
	height:40%
}
50% {
	height:100%
}
100% {
	height:50%
}
}@keyframes waves {
	10% {
	height:20%
}
20% {
	height:60%
}
40% {
	height:40%
}
50% {
	height:100%
}
100% {
	height:50%
}
}

        /*¹ö¶¯ÌõÑùʽ*/
        textarea::-webkit-scrollbar {
            width: 4px;    
        }
        textarea::-webkit-scrollbar-thumb {
            border-radius: 10px;
            box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
            background: rgba(0,0,0,0.2);
        }
        textarea::-webkit-scrollbar-track {
            box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
            border-radius: 0;
            background: rgba(0,0,0,0.1);

        }