
    @-webkit-keyframes rot {
        from {
            -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
        }

        to {
            -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
        }
    }
    .rotation {
        -webkit-animation: rot 8s linear 0s infinite;
        animation: rot 8s linear 0s infinite;
    }
    .audio-image {
        background: url(/img/cd.png) no-repeat center;
        background-size: 100%;
    }
    .progress {
        background: white;
        height: 10px;
        /*-webkit-box-shadow: 0 1px 2px rgb(0 0 0 / 50%) inset;*/
        /*box-shadow: 0 1px 2px rgb(0 0 0 / 50%) inset;*/
        overflow: hidden;
        border-radius: 9999px;
        position: relative;
        cursor: pointer;
    }
    .progress .back {
        height: 100%;
        border-radius: 2px;
        background: rgb(255, 220, 25);   }

   .progress2 {
        background: white;
        height: 10px;
        /*-webkit-box-shadow: 0 1px 2px rgb(0 0 0 / 50%) inset;*/
        /*box-shadow: 0 1px 2px rgb(0 0 0 / 50%) inset;*/
        overflow: hidden;
        border-radius: 9999px;
        position: relative;
        cursor: pointer;
    }
.progress2 .back {
        height: 100%;
        border-radius: 2px;
        background: #33CCFF;

    }
    .progress .pointer {
        width: 10px;
        height: 16px;
        background: #ffdc19;
        border-radius: 40%;
        opacity: 0;
        -webkit-transition: opacity 0.3s;
        -o-transition: opacity 0.3s;
        transition: opacity 0.3s;
        position: absolute;
        top: -3px;
        left: 0;
    }
    .playing {color: black}

    /* audio effects switch */
    #effect_switch{ display: none; }
    .button-label{
        position: relative;
        display: inline-block;
        width: 64px;
        height: 20px;
        background-color: #b7b7b7;
        box-shadow: #b7b7b7 0 0 0 2px;
        border-radius: 30px;
        overflow: hidden;
        cursor: pointer;
    }
    .circle{
        position: absolute;
        top: 0;
        left: 0;
        width: 20px;
        height: 20px;
        border-radius: 50%;
        background-color: #fff;
    }
    .button-label .text {
        line-height: 20px;
        font-size: 16px;
        vertical-align: super;
    }

    .on { color: #fff; display: none; text-indent: 8px;}
    .off { color: #fff; display: inline-block; text-indent: 25px;}
    .button-label .circle{
        left: 0;
        transition: all 0.3s;
    }
    #effect_switch:checked + label.button-label .circle{
        left: 44px;
    }
    #effect_switch:checked + label.button-label .on{ display: inline-block; }
    #effect_switch:checked + label.button-label .off{ display: none; }
    #effect_switch:checked + label.button-label{
        background-color: #28a745;
        box-shadow: #28a745 0 0 0 2px;
    }

tdd{border:0px solid #ccc;height:30px;display:block;overflow:hidden;}

.websjy3{
	-moz-border-radius:30px;
	-webkit-border-radius:30px;
	border-radius:30px;
	width:30px;
	height:30px;
	padding:0px;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 30px auto;
	margin-right: auto;
	margin-left: auto;
}
.websjy3 a {
	text-indent: -20000px;
	display: block;
	text-decoration: none;
	line-height: 40px;
}


.listTxt14 a {
	font-family: "Î¢ÈíÑÅºÚ Light", "Î¢ÈíÑÅºÚ";
	font-size: 12px;
	line-height: 25px;	
}

.DJnameLink {
	line-height: 40px;
	height: 40px;
	overflow: hidden;
	width: 100%;
	font-size: 12px;
}



.hot_words_box a {
  margin-left: 0.125rem;
  margin-right: 0.125rem;
  margin-bottom: 0.25rem;
  display: inline-block;
  border-radius: 0.25rem;
  padding: 0.25rem;
}

.hot_words_box1 a {
  margin-left: 0.25rem;
  margin-right: 0.25rem;
  margin-bottom: 0.375rem;
  display: inline-block;
  border-radius: 0.25rem;
  padding: 0.375rem;
}


.bg-red-100 {
  background-color: #fee2e2;
}

.bg-yellow-100 {
  background-color: #fef9c3;
}

.bg-lime-100 {
  background-color: #ecfccb;
}

.bg-purple-100 {
  background-color: #f3e8ff;
}

.bg-green-100 {
  background-color: #dcfce7;
}

.bg-teal-100 {
  background-color: #ccfbf1;
}

.bg-blue-100 {
  background-color: #dbeafe;
}

.bg-gray-100 {
  background-color: #f3f4f6;
}



