@charset "utf-8";
/* reset */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {margin: 0;padding: 0;}
.clearBoth {clear: both;font-size: 1px;height: 1px;line-height: 1px;}
.clearfix:after {clear: both;content: ".";display: block;height: 0;visibility: hidden;}
.clearfix {display: inline-block;}
.clearfix {display: block;}
.l{float:left;font-size: 16px;line-height: 45px;}
.l a{color: #930A00;margin-right: 10px;}
.r{float:right;}
.m{text-align:center;line-height:45px;cursor:pointer;}
body {background-color: rgba(255, 205, 2, 0.18);color: #737173;font: 14px/1.5 u9ED1u4F53,Microsoft YaHei,宋体,Arial,Verdana;}
ul {list-style: none outside none;}
li:hover, li:active, li {outline: 0 none;}

header, #menu, #footer, #playwrap {position:fixed; width:100%; left:0; overflow:hidden;}
header {height:35px; top:0;z-index:1000;background:none repeat scroll 0 0 #F4F4F4;}

#menu {height:36px;top:0px;z-index:1000;
	   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#C40401), color-stop(40%,#B20C01), color-stop(100%,#9D1401));
       border-bottom: solid 3px #930A00;
	   }
.menu_tagList {color:#FFFF93;line-height:35px;font-size:16px;}
.menu_tagList a{color:#FFFF93;}
.menu_tagList li {text-align:center;float:left;width:33.3%;box-sizing: border-box;border-right:1px solid #930A00;cursor:pointer;letter-spacing: 1.2px;}

.menu_hover {background:url(../images/hoverbg.png) 0 0 no-repeat;background-size:100%;}
.h_logo {color:#69A3D3;float:left;font-size:20px;width:250px;margin:5px 0 0 10px;font-weight:400;}

#content {padding: 36px 0 80px;width:100%;}
#content li {border-bottom: 1px solid rgba(158, 20, 1, 0.4);cursor: pointer;font-size: 16px;height: 45px;overflow: hidden;background-color: #FFFFB0;}
#content li:hover {border-bottom: 1px solid rgba(158, 20, 1, 0.4);cursor: pointer;font-size: 16px;height: 45px;overflow: hidden;background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFF000), color-stop(40%,#FFCD02), color-stop(100%,#FEA404));}
.picStyle {height:35px;width:35px;margin:4px 8px 0px 3px;}
.textBox {font-size:16px;color:#930A00;white-space:nowrap;line-height: 46px; padding-left: 1px;       overflow: hidden;}
.textBox p {color:#787878;font-size:12px;white-space:nowrap;}
.frmPlay {background:url(../images/fmplay2.png) no-repeat;background-position: right 10px center;background-size: 34px 34px;}
.frmPause{ background:url(../images/fmpause2.png) no-repeat, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFF000), color-stop(40%,#FFCD02), color-stop(100%,#FEA404));background-position: right 5px center;font-weight: bold;    background-size: contain;}

/*control*/
#playwrap {background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#C40404), color-stop(40%,#AE0E01), color-stop(100%,#9C1501));color:#fff;bottom: 0;font-family: Microsoft YaHei;height: 80px;text-align: center;z-index: 1000;}
#playContent{ height: 70px;margin: 0 auto;    max-width: 700px;}
#progressWrap {border-radius: 20px;background: none repeat scroll 0 0 #ffffff;height: 5px;margin: 10px 10px 0 10px; max-width: 700px;cursor:pointer;}
#progress {border-radius: 20px;background: none repeat scroll 0 0 #FDD403;height: 5px;width: 0;}
.img {box-shadow: 0 0 5px #333333;float: left;height: 47px;margin: 8px 0 0 15px;width: 47px;}
.img img {border: 1px solid #6DABE1;cursor: pointer;height: 45px;width: 45px;}
.info {float: left;max-width: 700px;   width: 100%;}
.control {margin: 2px 0 0;text-align: left;}
.audioControl a.last {background: url("../images/bg3.png") no-repeat scroll -5px -108px transparent;}
.audioControl a {display: inline-block;height: 30px;margin: 0 8px 0 8px;width: 30px;}
.audioControl a.pause {background: url("../images/bg3.png") no-repeat scroll -4px -75px transparent;}
.audioControl a.play {background: url("../images/bg3.png") no-repeat scroll -4px -144px transparent;}
.audioControl a.next {background: url("../images/bg3.png") no-repeat scroll -7px -183px transparent;}
.audioControl a.dlows {background: url("../images/dd.png");width: 39px;}
#modeButton{background-image: url("../images/bg3.png");background-repeat:no-repeat;width: 32px;float: right;}
.audioControl a.mode-default {background-position:-6px -328px;}
.audioControl a.mode-random {background-position:-6px -224px;}
.audioControl a.mode-single {background-position:-6px -292px;}
#songname {color: #FFFFFF;float: left;background:red;font-size: 14px;margin: 4px 0 0 3px;overflow: hidden;text-align: left;white-space: nowrap;max-width: 690px;}
#timeshow {color: #FFFFFF;font-size: 14px;}
#musicTitle{    width: 230px; color:#FFFF93;   overflow: hidden;    white-space: nowrap;    text-align: center;    position: absolute;    top: 20px;    left: 50%;
    margin-left: -115px;}
#oWindow{position:fixed;z-index:2000;top:100%;left:100%;background: -moz-linear-gradient(left center , #69A3D4 0%, #4888BE 100%) repeat scroll 0 0 transparent;background: -webkit-linear-gradient(left, #69A3D4 0%, #4888BE 100%);background:#4888BE;color:#fff;padding:13px 20px;font-size:16px;}