/* CSS Document */
body,h1,h2,h3,h4,h5,h6,div,p,dl,dt,dd,ol,ul,li,form,table,th,td,a,img,span,strong,var,em,input,textarea,select,option{margin:0;padding:0;}
html,body{font-family:"Microsoft YaHei","SimSun","Arail","Tabhoma";}
ul,ol{list-style:none;}
img{border:0;vertical-align:middle;}
input,select,textarea{outline:0;}
textarea{resize:none;}
table{border-collapse:collapse;border-spacing:0;}
th,strong,var,em{font-weight:normal;font-style:normal;}
a{text-decoration:none;}
a:link,a:visited,a:hover,a:active{text-decoration:none;}
.Whidden{display:none;visibility:hidden;}
.Wclear{display:block;*zoom:1;}
.Wclear:after{content:'';overflow:hidden;width:100%;height:0px;font-size:0px;display:block;clear:both;}
.clearfloat{overflow:hidden; clear:both;}
.float_left{float:left;}
.float_right{float:right;}
body{font-size:14px; color:#000; min-width:1010px;}
.pageheader{width:100%; background:url(../img/header.jpg) top center no-repeat;}
.header{width:1000px; margin:0 auto; height:360px;}
.w1000{width:1000px; margin:0 auto;}

.yp_wrap{background:url(../img/player.png) center no-repeat; width:1010px; height:241px; margin:0 auto 52px auto;}
/*音频部分*/
a { outline: none; }
#player .ctrl { text-shadow: 0 1px 2px #000; line-height: 16px; }
#player .ctrl .control { margin-top: 10px; height: 25px; }
#player .ctrl .control .left .img { height: 30px; width: 30px; margin-left: 20px; display: inline-block;}
#player .ctrl .control .left .icon { display: inline-block; cursor: pointer; width: 30px; height: 30px; -moz-transition: 0.3s; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; -o-user-select: none; user-select: none; }
#player .ctrl .icon:hover, #player .ctrl .icon.enable { opacity: 1; }
#player .ctrl .icon:active { opacity: 0.3; }

#player .ctrl .control .playback.playing{background:url(../img/pluse.png) no-repeat;}
#player .ctrl .control .timer {width:630px; height: 26px; line-height: 26px; font-size: 14px; color: #7977a1; position:absolute; top:50px; left:60px; text-align:right; font-weight:bold;}
#player .ctrl .control .progress {width:630px; height:4px; margin-top:80px; margin-left:10px; float: left; }
#player .ctrl .control .progress .slider {background-color:#7977a1; height:4px; width:640px; position: relative; cursor: pointer; -moz-border-radius: 25px; -webkit-border-radius: 25px; -o-border-radius: 25px; -ms-border-radius: 25px; -khtml-border-radius: 25px; border-radius: 25px; -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5) inset; -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5) inset; -o-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5) inset; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5) inset; }
#player .ctrl .control .progress .slider:hover a, .slider.enable a { opacity: 1; color: #FFF; }
#player .ctrl .control .progress .slider a {margin-left: -5px; margin-top: -8px; position: absolute; opacity: 1; width: 26px; height: 26px; -moz-border-radius: 50%; -webkit-border-radius: 50%; -o-border-radius: 50%; -ms-border-radius: 50%; -khtml-border-radius: 50%; border-radius: 50%; -moz-transition: opacity 0.3s; -webkit-transition: opacity 0.3s; -o-transition: opacity 0.3s; transition: opacity 0.3s; display:none;}
#player .ctrl .control .progress .slider .loaded, .slider .pace { position: absolute; height: 100%; opacity: 0.7; -moz-border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px; -ms-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; }
#player .ctrl .control .progress .slider .loaded { background: rgba(255, 255, 255, 0.1); }
#player .ctrl .control .progress .slider .pace {background:#f6697a;}
#player .ctrl .control .volume {width:180px; float: left; margin-left: 30px; margin-top:50px;}
#player .ctrl .control .volume .icon { background-repeat: no-repeat; background-position: center; cursor: pointer; width: 30px; height: 30px; -moz-transition: 0.3s; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; -o-user-select: none; user-select: none; }
#player .ctrl .control .volume .mute {background:url(../img/sound.png) no-repeat; width:21px; height:20px;}
#player .ctrl .control .volume .mute.enable {background:url(../img/sound2.png) no-repeat;}
#player .ctrl .control .volume .slider {background-color:#7977a1; float: left; height:4px; width: 80px; position: relative; cursor: pointer; -moz-border-radius: 25px; -webkit-border-radius: 25px; -o-border-radius: 25px; -ms-border-radius: 25px; -khtml-border-radius: 25px; border-radius: 25px; -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5) inset; -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5) inset; -o-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5) inset; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5) inset; margin-top:10px;}
#player .ctrl .control .volume .slider:hover a, .slider.enable a { opacity: 1; }
#player .ctrl .control .volume .slider a { margin-left: -5px; position: absolute; opacity: 1; -moz-border-radius: 50%; -webkit-border-radius: 50%; -o-border-radius: 50%; -ms-border-radius: 50%; -khtml-border-radius: 50%; border-radius: 50%; -moz-transition: opacity 0.3s; -webkit-transition: opacity 0.3s; -o-transition: opacity 0.3s; transition: opacity 0.1s; }
#player .ctrl .control .volume .slider .loaded, .slider .pace { position: absolute; height: 100%; opacity: 0.7; -moz-border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px; -ms-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; }
#player .ctrl .control .volume .slider .loaded { background: rgba(255, 255, 255, 0.1); }
#player .ctrl .control .volume .slider .pace { background:#fff;}
#player .ctrl .control .left .icon{width:48px; height:48px;}
#player .ctrl .control .playback{background:url(../img/play.png) no-repeat;}
#player .ctrl .control .lefticon{height:48px; width:48px; float:left; margin-top:40px;}
#player{width:900px; height:100px; position:relative; margin:0 auto;}
.yp_title{font-size:18px; color:#fff; position:absolute; top:45px; left:60px;}
.mp_url{display:none;}
/*正文*/
.line{background:url(../img/top_bg.jpg) repeat; height:10px;}
.con{background:url(../img/con_bg.jpg) repeat; padding:25px 20px 20px 20px;}
.artical_title{font-size:24px; color:#484760; text-align:center;}
.small_title{text-align:center; color:#7977a1; margin:25px 0 20px 0; padding-bottom:5px; border-bottom:1px dotted #a5a6b3;}
.source{padding-left:15px;}
.con_text p{font-size:16px; color:#3f3e4a; text-indent:2em; line-height:30px; margin-bottom:45px;}
.editor{text-align:right; color:#7977a1;}

/*进入专题*/
.back{text-align:center; height:55px; line-height:55px; font-size:18px; color:#484760; background:#edf1f5; border-radius:5px; margin-bottom:50px;}
.back a{color:#484760;}
.back:hover{background:#d84059; color:#fff;}
.back:hover a{color:#fff;}
.back a{display:block;}