﻿@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;}
.r{float:right;}
.m{text-align:center;line-height:45px;cursor:pointer;}
body {background: none repeat scroll 0 0 #F4F4F4;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;}

.header1 {
    background:#598134;
    height: 60px;
    position: relative;
    width: 100%;
	font: 16px/1.5 u9ED1u4F53,Microsoft YaHei,宋体,Arial,Verdana;
}
.header1 .title {
    line-height: 1.5em;
    text-align: center;
    font-size: 1.5em;
    color: #fff;
    vertical-align: middle;
    padding: 0.7em 0px;
    font-family: "微软雅黑";
    max-width: 200px;
    width: 200px;
    margin: 0px auto;
    overflow: hidden;
    height: 22px;
}
.header1 .home{    color: #FFFFFF;
    display: block;
    left: 0;
    padding: 13px 20px;
    position: absolute;}
.header1 .back{    color: #FFFFFF;
    display: block;
    right: 0px;
    top: 0px;
    padding: 13px 20px;
    position: absolute;}
.header1 .header-icon {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    display: block;
    height: 22px;
    margin: 0 auto;
    width: 22px;
}
.header1 .header-icon-home {
    background-image: url("http://www.ybsj.com/msl/images/icon_home.png");
}

.header1 .header-icon-return {
    background-image: url("http://www.ybsj.com/msl/images/icon_return.png");
}

header, #menu, #footer, #playwrap {position:fixed; width:100%; left:0; overflow:hidden;}
header {height:35px; top:0;z-index:9;background:none repeat scroll 0 0 #F4F4F4;}

#menu {height:60px;top:0px;z-index:9;background: -webkit-linear-gradient(left, #69A3D4 0%, #598134 100%);  background: -moz-linear-gradient(left center , #69A3D4 0%, #4888BE 100%) repeat scroll 0 0 transparent;background:#4888BE;}
.menu_tagList {color:#fff;line-height:35px;font-size:16px;}
.menu_tagList li {text-align:center;float:left;width:25%; box-sizing:border-box; border-right:1px solid #4F80AB;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:65px 0 40px;width:100%;}
#content li {border-bottom: 1px solid #CCC;cursor: pointer;font-size: 16px;height: 45px;overflow: hidden;padding: 0 0 0 10px;}
.picStyle {height:35px;width:35px;margin:4px 8px 0px 3px;}
.textBox {font-size:14px;color:#1E1E1E;margin-top:2px;}
.textBox p {color:#787878;font-size:12px;white-space:nowrap;}
.frmPlay {float: right;height: 45px;width: 56px;background:url(../images/fmplay.png) center center no-repeat;background-size:44%;}
.frmPause{background-image:url(../images/fmpause.png);}

/*control*/
#playwrap {background: -webkit-linear-gradient(left, #598122 0%, #598134 100%);background: -moz-linear-gradient(left center , #598122 0%, #598134 100%) repeat scroll 0 0 transparent;background:#598122;color:#fff;bottom: 0;font-family: Microsoft YaHei;height: 70px;text-align: center;z-index: 99;}
#playContent{ height: 70px;margin: 0 auto;width: 320px;}
#progressWrap {background: none repeat scroll 0 0 #51A30D;height: 3px;margin: 3px 0 0 10px;width: 298px;cursor:pointer;}
#progress {background: none repeat scroll 0 0 #FFFFFF;height: 3px;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 #51A30D;cursor: pointer;height: 45px;width: 45px;}
.info {float: left;width: 240px;}
.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 0 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;}
#modeButton{background-image: url("../images/bg3.png");background-repeat:no-repeat;margin-left: 16px;width: 35px;}
.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 12px;overflow: hidden;text-align: left;text-overflow: ellipsis;white-space: nowrap;width: 220px;}
#timeshow {color: #FFFFFF;float: right;font-size: 14px;}
#musicTitle{float:left;margin:3px 0 0 15px;width:135px;overflow:hidden;text-overflow: ellipsis;white-space: nowrap;text-align:left;}
#oWindow{position:fixed;z-index:9;top:50%;left:50%;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;}