.container .logo {
	/*background-image: url(../img/logo.png);*/
	/*background-size: 174px 42px;*/
	background-repeat:no-repeat;
	/*width: 174px;
	height: 42px;*/
	position: absolute;
	top: 10px;
	left: 11px;
	z-index: 9;
	margin: 2px 0px 0px 1px;
    cursor: pointer;
   padding-top: 0px;
}

.container audio {
	display: none;
}

.container .ylAdd {
	position: absolute;
	z-index: -1;
	height: 100%;
	right: 0;
	width: 326px;
	border: 0;
	bottom: 0;
}

.container .ylSel {
	position: absolute;
    z-index: -1;
    width: 100%;
    height: 100%;
    border: 0;
    top:0;
}

.container .selectDlg {
	position: absolute;
	width: 45px;
	height: 50px;
	right: 10px;
	top: 0;
	z-index: 9;
	display: none;
}

.container .selectbox {
	width: 40%;
	height: 40%;
	background-color: #fdfdfd;
	position: absolute;
	z-index: 9;
	left: 30%;
	top: 30%;
	border-radius: 15px;
	display: none;
}

.container .selectbox .sclose {
	position: absolute;
	right: -10px;
	top: -10px;
	background-image: url(../img/mclose.png);
	width: 20px;
	height: 20px;
	cursor: pointer;
}

.container .selectbox .stitle {
	background-color: #5b5a5a;
	width: 100%;
	height: 5%;
	border-radius: 15px 15px 0 0;
	color: #fff;
	text-align: center;
	padding: 4% 0;
}

.container .selectbox .slist {
	top: 15%;
	height: 50%;
	padding: 0% 5%;
	margin: 3% 0;
}

.container .selectbox .slist li {
	float: left;
	box-sizing: border-box;
	position: relative;
	cursor: pointer;
	width: 18%;
	margin: 0 1%;
}

.container .selectbox .stype li.on {
	color: #fff;
	background-color: #fb8789;
	border: 1px solid #fb8789;
}

.container .selectbox .stype,
.container .selectbox .tlist,
.container .selectbox .lblist {
	width: 100%;
}

.container .selectbox .tlist,
.container .selectbox .lblist {
	overflow-y: auto;
}

.container .selectbox .stype li {
	width: 14%;
	text-align: center;
	border: 1px solid #5b5a5a;
	border-radius: 15px;
	padding: 8px 0;
	margin: 0 1% 5px 1%;
	cursor: pointer;
}

.container .selectbox .tlist {
	height: 75%;
}

.container .selectbox .tlist ul,
.container .selectbox .tlist li {
	height: 100%;
}

.container .selectbox .tlist li span,
.container .selectbox .lblist li span {
	position: absolute;
	bottom: 21%;
	right: 5px;
	background-image: url(../img/on.png);
	width: 16px;
	height: 16px;
	display: none;
}

.container .selectbox .tlist li.on img,
.container .selectbox .lblist li.on {
	border: 1px solid #fb8789;
}

.container .selectbox .tlist li.on span,
.container .selectbox .lblist li.on span {
	display: block;
}

.container .selectbox .tlist img,
.container .selectbox .lblist img {
	height: 100%;
	width: 100%;
	box-sizing: border-box;
}

.container .selectbox .tlist img {
	height: 80%;
}

.container .selectbox .tlist .play {
	position: absolute;
	width: 100%;
	height: 80%;
	top: 0;
	left: 0;
	background: url(../img/p_n.png) no-repeat center center;
}

.container .selectbox .tlist li.on .play {
	background: url(../img/p.png) no-repeat center center;
}

.container .selectbox .tlist .name {
	text-align: center;
}

.container .selectbox .lblist,
.container .selectbox .lblist ul {
	height: 100%;
}

.container .selectbox .lblist li {
	height: 45%;
	margin: 1%;
}

.container .selectbox .sbutton {
	height: 15%;
	width: 100%;
}

.container .selectbox .sbutton .sok,
.container .selectbox .sbutton .sup {
	width: 45%;
	display: inline-block;
}

.container .selectbox .sbutton .sok {
	text-align: right;
	padding-right: 5%;
}

.container .selectbox .sbutton .sup {
	text-align: left;
	padding-left: 5%;
}

.container .selectbox .sbutton .sok img,
.container .selectbox .sbutton .sup img {
	cursor: pointer;
}

.container .menubox {
	position: absolute;
	right: 0;
	width: 15%;
	height: 100px;
	z-index: 9;
	top: 0;
}

.container .menubox .menubar {
	position: absolute;
	top: 38px;
	z-index: 9;
	width: 155px;
	height: 9%;
	text-align: center;
	right: 70px;
}

.container .menubox .menubar .exitbar {
	background-image: url(../img/exit.png);
	background-size: cover;
	width: 60px;
	height: 60px;
	cursor: pointer;
	margin: 0 10px;
	position: absolute;
	left: 0;
	border: 0;
}

.container .menubox .menubar .setbar {
	background-image: url(../img/setting.png);
	background-size: cover;
	width: 60px;
	height: 60px;
	cursor: pointer;
	right: 0;
	position: absolute;
	border: 0;
}


/*************delete**************/

.container .menubox .menuset {
	width: 100%;
	/* height: 80%; */
	top: 109px;
	position: absolute;
	background-size: contain;
	right: 0;
	display: none;
	font: 16px/24px "微软雅黑";
}

.container .menubox .marrow {
	background: url(../img/smb.png) no-repeat;
	height: 14px;
	position: relative;
	left: 210px;
	width: 22px;
}

.container .menubox .menuback {
	background-color: #969696;
	width: 100%;
	height: 100%;
	border-radius: 5px;
	position: relative;
	/* overflow-y: auto; */
	/* overflow-x: hidden; */
}

.container .menubox .menuback .w80 {
	width: 100%;
	margin: 0 auto;
}

.container .menubox .menuset .menusave {
	text-align: center;
	top: 0;
	position: absolute;
	height: 57px;
	overflow: hidden;
}

.container .menubox .menuset .menusave div {
	width: 100%;
	position: absolute;
	background: #fa6b6e;
	/* padding: 10px 0; */
	/* margin: 0 auto; */
	/* border-radius: 5px; */
	color: #fff;
	cursor: pointer;
	height: 57px;
	line-height: 57px;
	/* left: 0; */
	font: 20px/57px "微软雅黑";
}

.container .menubox .menuset .mainCon {
	top: 57px;
	position: relative;
	width: 100%;
	overflow-y: auto;
	overflow-x: hidden;
	height: 90%;
	background-color: #969696;
}

.container .menubox .menucircle {
	position: relative;
	/* top: 10px; */
	text-align: center;
	color: #fff;
	padding: 20px;
}

.container .menubox .menut0,
.container .menubox .menut1,
.container .menubox .menut2,
.container .menubox .menut3 {
	width: 100%;
	height: 51px;
	/* top: 20px; */
	position: relative;
	background: url(../img/cjb.png) repeat;
	color: #fa6b6e;
	text-align: center;
	/* padding: 10px 0; */
	line-height: 51px;
	font: 18px/51px "微软雅黑";
}

.container .menubox .icoArrow {
	background: url(../img/icoArrow.png) no-repeat;
	display: inline-block;
	width: 22px;
	height: 22px;
	position: absolute;
	z-index: 4;
	top: 50%;
	margin-top: -11px;
	right: 10px;
	cursor: pointer;
}

.container .menubox .mainC0 {
	top: 30px;
	position: relative;
}

.container .menubox .backset,
.container .menubox .lbset {
	position: relative;
	width: 80%;
	margin: 0 auto;
	padding: 3%;
	color: #fff;
	text-align: center;
}

.container .menubox .fget {
	background: url(../img/sb.png) repeat;
	width: 40%;
	text-align: center;
	padding: 3%;
	color: #000;
	margin-top: -2%;
	position: relative;
	left: 10px;
	display: inline-block;
	cursor: pointer;
	/* top: 2%; */
}

.container .menubox .beffect {
	position: relative;
	display: block;
	height: 25px;
}

.container .menubox .beffect li {
	float: left;
	text-align: center;
	width: 33%;
	color: #fff;
	/* display: block; */
}

.container .menubox .colors,
.container .menubox .lc1,
.container .menubox .lc2 {
	position: relative;
	width: 100%;
	margin: 0 auto;
	color: #fff;
	text-align: center;
	margin-top: 10px;
	top: 5px;
}

.container .menubox .colord {
	display: inline-block;
	left: 15px;
	position: relative;
	background-color: #cbcbcb;
	padding: 2%;
	text-align: center;
	width: 40%;
	border: 1px solid #fff;
	cursor: pointer;
}

.container .menubox .colord div {
	width: 10px;
	height: 10px;
	display: inline-block;
}

.container .menubox .mcset {
	position: relative;
	width: 80%;
	color: #fff;
	margin: 0 auto;
	text-align: center;
	height: 70px;
	top: 10px;
}

.container .menubox .mcset form {
	display: inline-block;
	width: 50%;
	padding: 2%;
}

.container .menubox .mcset .fget {
	top: 10px;
	left: 18%;
}

.container .menubox .mresert {
	position: relative;
	top: 15px;
}

.container .menubox .mresert span {
	background: url(../img/msave.png) repeat;
	display: block;
	width: 80%;
	margin: 0 auto;
	text-align: center;
	padding: 2% 0;
	color: #fff;
	border-radius: 5px;
	cursor: pointer;
}

.container .menubox .menut1 {
	top: 55px;
}

.container .menubox .mainC1 {
	top: 60px;
	position: relative;
}

.container .menubox .lc1 {
	/* top: 15%; */
}

.container .menubox .lg1,
.container .menubox .lg2 {
	position: relative;
	width: 100%;
	margin: 0 auto;
	color: #fff;
	top: 10px;
	text-align: center;
	padding-left: 10px;
}

.container .menubox .lg1 span,
.container .menubox .lg2 span {
	background: url(../img/sb.png);
	color: #000;
	padding: 3px;
	/* top: -3px; */
	position: relative;
}

.container .menubox .menut2 {
	top: 80px;
}

.container .menubox .mainC2 {
	top: 90px;
	position: relative;
}

.container .menubox .lc2 {
	top: 5px;
}

.container .menubox .lg2 {
	top: 10px;
}

.container .menubox .mslider {
	top: 2px;
	position: relative;
	width: 35%;
}

.container .menubox .adjustBox {
	background: url(../img/adjustWhite.png) no-repeat;
	width: 125px;
	height: 9px;
	/* float: left; */
	position: relative;
	margin: 10px 5px 0 5px;
	display: inline-block;
}

.container .menubox .adjustPic {
	background: url(../img/adjustGreen.png);
	height: 9px;
}

.container .menubox .adjustBtn {
	background: url(../img/adjustBtn.png) no-repeat;
	display: inline-block;
	width: 24px;
	height: 24px;
	position: absolute;
	z-index: 999;
	top: 50%;
	margin-top: -10px;
	margin-left: -12px;
	cursor: pointer;
}

.container .menubox .menut3 {
	top: 110px;
}

.container .menubox .mainC3 {
	top: 115px;
	position: relative;
	padding-bottom: 10px;
}

.container .menubox .upt,
.container .menubox .dnt {
	position: relative;
	width: 80%;
	margin: 0 auto;
	color: #fff;
	top: 5px;
	text-align: center;
}

.container .menubox .dnt {
	top: 15px;
	/* padding-bottom: 10px; */
}

.container .menubox .upt select,
.container .menubox .dnt select {
	width: 50%;
	left: 10px;
	position: relative;
	background-color: #cbcbcb;
}
.musicImgPlay {
    background: url(../images/mplay.png) no-repeat;
}
.musicImgStop {
    background: url(../images/mstop.png) no-repeat;
}


    .splash
        {
            position: absolute;
            z-index: 9999;
            display: table;
            width: 100%;
            height: 100%;
            top: 0;
        }
        
        .splash > .splash-inner
        {
            display: table-cell;
            text-align: center;
            vertical-align: middle;
        }
        
        .splash h1, .splash h2, .splash h3
        {
            font-weight: normal;
        }
        
        .splash h3
        {
            display: block;
            margin-top: 34px;
            font-size: 18px;
            color: #666;
            font-weight: lighter;
        }
        
        .splash .loading-circle
        {
            position: relative;
            width: 100px;
            height: 100px; /*margin: auto;*/
            margin-left: auto;
            margin-right: auto;
        }
        
        .splash .loading-circle > *
        {
            display: block;
            position: absolute;
            box-sizing: border-box;
            border-radius: 50px;
        }
        
        .splash .loading-circle > canvas.bg
        {
            z-index: 1;
            width: 100%;
            height: 100%;
            border: 8px solid #ddd;
        }
        
        .splash .loading-circle > canvas.mask
        {
            z-index: 2;
            transform: rotate(-90deg);
            -webkit-transform: rotate(-90deg);
            -moz-transform: rotate(-90deg);
        }
        
        .splash .loading-circle > p
        {
            z-index: 3;
            width: 100%;
            height: 100%;
            text-align: center;
            line-height: 100px;
            font-size: 56px;
            font-weight: lighter;
            color: #999;
        }