@charset "utf-8";
/*标题内容简介部分*/
.ysxs8_box{padding-top:10px;padding-right:10px;padding-left:10px}
.ysxs8_content_680{width:770px;float:left}
.content_left{width:250px;float:left;height:250px}
.content_left img{width:250px;height:250px}
.content_title{width:510px;float:right;text-align:center;line-height:35px}
.content_center{width:510px;float:right;line-height:20px;height:20px;text-align:left;font-size:13px}
.content_center .ysxs8_img{top:-5px;position:relative;margin-left:20px}
.content_center1{width:510px;height:25px;float:right;margin-top:10px}
.content_center2{width:510px;float:right;height:auto;margin-top:78px}
.content_center2 li{font-size:13px;color:#8B8B8B;line-height:18px}
.content_center2 li span{font-size:14px;font-weight:bold;color:#FFA702}
.content_center h31{font-size:18px;line-height:30px;text-align:center}
.content_center font{font-size:12px;line-height:30px;color:#8C8C8C}
.content_right{width:160px;float:right}
.content_right img{height:180px;width:160px}
.fenxiang{width:770px;height:50px;float:left;padding-top:10px}
.play_title{width:700px;float:left;margin-top:8px}
.play_title li{margin-left:15px;text-align:center;line-height:32px}
.play_con{width:700px;float:left}
.play_con li{margin-left:0px}
.play_con  font{font-size:15px;line-height:35px;font-weight:bold;color:#000}
.play_con h2{font-size:15px;line-height:35px;font-weight:bold;color:#000;margin-left:15px}
.cont .content_left{width:700px;float:left}
/*播放集数*/
.playlist h4 strong span{font-size:12px;color:#777;font-weight:400;margin-left:20px}
.playlist h4 p.more span{margin-left:15px;cursor:pointer}
.playlist h4 p.more em.over{color:#777}
.playlist ul{height:auto;zoom:1}
.playlist ul li{float:left;display:inline;overflow:hidden;width:96px;font-size:13px;FONT-FAMILY:"微软雅黑","Microsoft YaHei";margin-bottom:10px;margin-left:18px;margin-top:5px}
.playlist li.new{background:url(playnew.gif) right top no-repeat}
.playlist ul li a,.playlist ul li a:link{display:block;padding:5px;border:1px solid #ddd;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.playlist ul li a:visited,.playlist ul li a:hover{color:#18691B;border-top-color:#32CF36;border-right-color:#32CF36;border-bottom-color:#32CF36;border-left-color:#32CF36}
.phone a:link{display:block;background-color:#C1C0D8;color:#FFF}
.phone a:hover{background-color:#FFF;color:#FFF}
/*下载*/.
ysxs8_down ul{height:auto;zoom:1}
.ysxs8_down ul li{float:left;display:inline;overflow:hidden;width:auto;font-size:13px;FONT-FAMILY:"微软雅黑","Microsoft YaHei";margin-bottom:10px;margin-left:18px}
.ysxs8_down ul li a,.ysxs8_down ul li a:link{display:block;border:1px solid #18A323;overflow:hidden;text-overflow:ellipsis;background-color:#2CB024;color:#FFF;font-size:15px;background-image:url(ysxs8_down.png);background-repeat:no-repeat;background-position:left center;padding-top:5px;padding-right:5px;padding-bottom:5px;padding-left:30px}
.ysxs8_down ul li a:visited,.ysxs8_down ul li a:hover{background-color:#24931E;border:1px solid #13841C;color:#FFF}
/*相关有声小说www.ysxs8.com*/
.ct2{width:960px}
.ct2 .left_cont{float:left;width:700px}
.ct2 .pd_cont{font-size:13px}
.ct2 .pd_cont ul{display:block;width:666px;border-top:1px dotted #ddd;margin-left:12px;padding-top:7px;clear:both;height:180px}
.ct2 .pd_cont ul li{display:block;float:left;width:320px;line-height:30px;overflow:hidden;margin-right:10px}
.ct2 .pd_cont ul li span{float:left;width:16px;height:16px;color:#FFF;text-align:center;margin-top:7px;line-height:16px;margin-right:5px;background:#CACACA;position:absolute}
.ct2 .pd_cont ul li .num3{background-color:#FB6206}
.ct2 .pd_cont ul li a{color:#333;font-size:14px;padding-left:20px}
.ct2 .pd_cont ul li a b{color:#333}
.ct2 .pd_cont ul li a:hover b{color:#ff6600}
.ct2 .pd_cont ul li font{font-size:12px;color:#9B9B9B}
.shu_box1{float:left;width:118px;padding-left:18px;margin-bottom:7px}
.shu_box1 img{width:108px;height:148px}
.shu_box1 .line20{display:block;width:110px;height:30px;overflow:hidden;text-align:center;font-size:14px;line-height:30px}
.shu_box1 .a{font-size:13px}
/*不知道有没有用*/
.ysxs8_address{width:948px;margin-right:auto;margin-left:auto;text-align:left;font-size:13px;line-height:30px;height:30px;padding-left:10px;border-top-width:1px;border-right-width:1px;border-left-width:1px;border-top-style:solid;border-right-style:solid;border-left-style:solid;border-top-color:#D8D8D8;border-right-color:#D8D8D8;border-left-color:#D8D8D8;margin-top:5px}
.ysxs8_address font{font-size:13px;text-align:right;padding-left:20px}
.right_cont{float:right;width:256px}
/*排行榜*/
.ph_cont{width:254px}
.ph_tit{height:40px;line-height:40px;margin-bottom:8px;padding-left:12px;background-image:url(../images/con_left.jpg);background-repeat:no-repeat;background-position:0px 8px}
.ph_tit font{float:left;color:#333333;font-size:14px;font-weight:bold}
.ph_tit .more{display:block;margin-top:1px;height:39px;font-size:14px;float:right}
.ph_tit .more span{display:block;width:34px;text-align:center;float:left}
.ph_tit .more .hover{border-left:1px solid #ddd;color:#ff7100;border-right:1px solid #ddd;line-height:39px;font-weight:bold;background:#fff}
.ph_box ul{display:block;margin-left:10px}
.newtop .ph_cont{height:286px}
.ph_tit font em{font-weight:normal;font-style:normal;font-size:18px}
/*右边内容*/
.cont .ls_cont{height:318px}
/*分类页左边*/
.item2{position:relative;float:left;width:113px;height:138px;overflow:hidden;cursor:pointer;border:1px solid #C8C8C8;padding:5px}
.item2 a{line-height:15px}
.test1{width:123px;float:left;margin-bottom:10px;margin-left:9px;margin-right:7px;margin-top:11px}
.test1name{width:123px;font-size:15px;line-height:30px}
.item2 .caption{position:absolute;left:0;display:none;width:113px;height:138px;color:#fff;font-weight:bold;background:url(../images/demo02.png) no-repeat;margin-left:5px;margin-bottom:5px}
.item2 h3{margin:10px 0 5px;height:25px;text-indent:-10000px;background:url(../images/demo031.png) no-repeat 0 -10px}
.item2 p{line-height:15px;color:#fff;font-weight:normal;margin-top:3px}
.item2 font{font-size:15px}
.item2.caption p{font-size:11px}
.item2 img{border:0;margin-left:0px;float:left;width:113px;height:138px}
.item2-txt{position:absolute;left:0;top:120px;width:113px;height:25px;text-align:center;color:#FFF;overflow:hidden;background:url(../images/demo02.png) no-repeat;margin-left:5px;margin-bottom:5px}
.item2-txt p{font-size:12px;line-height:25px}
.cont .channel_left{width:700px;float:left;border-right-width:1px;border-right-style:solid;border-right-color:#D8D8D8}
.warpper{width:958px;margin-right:auto;margin-bottom:0px;margin-left:auto;padding-top:0px;border:1px solid #D8D8D8}
/*分类页右边*/
em{font-style:normal}
.listWrap,.rankListWrap{clear:both}
.rankList li{*width:196px;line-height:25px;padding-left:0px;border-bottom:1px solid #DDD;position:relative;overflow:hidden;*zoom:1;vertical-align:bottom;margin-bottom:5px}
.rankList li a{display:block;width:198px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}
.rankList li a:hover{color:#4095D5}
.rankHover{padding-top:0px;*overflow:hidden}
.detailWrap{display:none;position:relative;line-height:1.8;height:90px}
.detailWrap img{position:absolute;left:-10px;top:2px;height:80px;width:61px}
.detailInfo{position:absolute;top:5px;left:55px}
.detailWrap h4{font:700 12px/1.8 '宋体'}
.detailWrapp{color:#999}
.rankHover .detailWrap a{width:auto;display:inline}
.rankHover .firstList .detailWrap{display:block}
.rankHover .firstList .hidden{display:none;width:198px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}
.numList li{position:relative;overflow:hidden;*zoom:1;vertical-align:bottom;padding-left:20px;*width:176px}
.numList li span{float:left;width:16px;height:16px;color:#FFF;text-align:center;margin-top:2px;line-height:16px;margin-right:5px;background:#CACACA;position:absolute;left:0}
.numList li span.num3{background-color:#E36C00}
.numList li .hoverHide a{float:left;width:160px;font-size:14px}
.numList li em{float:right;width:56px;color:#4095D5;white-space:nowrap;overflow:hidden;text-overflow:clip}
.numList li .detailWrap span{width:16px;height:16px;position:absolute;z-index:10;left:-10px;top:1px}
.numList li .detailWrap p{height:20px;font-size:12px;color:#B9B9B9}
.numList li .detailWrap{left:-10px}
.detailInfo font a{color:#757575;font-size:15px;font-weight:bold}
.detailInfo p{color:#ff;font-size:9px}
.detailInfo i{color:#333}
li.firstList .hoverHide{display:none}
span.num3{background:#9E3A3A}
/*简介下拉和收起*/
.bbt_container{float:left}
.bbt_container .cont{DISPLAY:none;HEIGHT:200px;OVERFLOW:hidden}
.bbt_container .c_show{DISPLAY:block;height:200px;width:510px}
.bbt_container .c_show a{color:#F7A713}
.bbt_container .bookintro{POSITION:relative;LINE-HEIGHT:25px;BACKGROUND:#fff;HEIGHT:100px;COLOR:#666;CLEAR:both;FONT-SIZE:14px;OVERFLOW:hidden;font-weight:normal;text-align:left}
.bbt_container .bookintro I{FLOAT:left}
.bbt_container .bookintro A#BI_Expanded{PADDING-LEFT:0px;DISPLAY:block;BACKGROUND:url(../images/xial.gif) no-repeat 0px 10px;FLOAT:right;COLOR:#390;FONT-SIZE:12px;FONT-WEIGHT:bold}
.bbt_container .bookintro .bibtn{POSITION:absolute;WIDTH:510px;BOTTOM:0px;BACKGROUND:#fff;HEIGHT:23px;OVERFLOW:hidden;LEFT:0px}
.bbt_container .bi_show{Z-INDEX:1;POSITION:relative;PADDING-BOTTOM:0px;PADDING-LEFT:0px;WIDTH:510px;PADDING-RIGHT:8px;BACKGROUND:#fff;TOP:0px;PADDING-TOP:0px}
.bbt_container .bi_show .bibtn{PADDING-BOTTOM:0px;WIDTH:510px;BACKGROUND:none transparent scroll repeat 0% 0%;top:150px}
.bbt_container .bi_show A#BI_Expanded{background-image:url(../images/xiat.gif);background-repeat:no-repeat;background-position:0px 8px}
.bbt_container .bi_show .txtbox{SCROLLBAR-ARROW-COLOR:#008f00;SCROLLBAR-FACE-COLOR:#e3ede3;OVERFLOW-Y:auto;WIDTH:510px;SCROLLBAR-DARKSHADOW-COLOR:#f5fbf5;HEIGHT:150px;SCROLLBAR-SHADOW-COLOR:#f5fbf5;SCROLLBAR-TRACK-COLOR:#f5fbf5;SCROLLBAR-3DLIGHT-COLOR:#f5fbf5;scrollbar-hightlight-color:#f5fbf5;text-align:left}
/*ysxs8广告CSS*/
.ysxs8_xzy_gg{width:680px;margin-left:10px;margin-bottom:10px;float:left}
.ysxs8_xzy_gg_left{width:336px;float:left}
.ysxs8_xzy_gg_right{width:336px;float:right}
.ysxs8_w960_1{MARGIN-TOP:5px;WIDTH:958px;HEIGHT:90px;OVERFLOW:hidden;margin-bottom:0px;clear:none;border:1px solid #D8D8D8;margin-right:auto;margin-left:auto}
.ysxs8_w960_2{MARGIN-TOP:0px;WIDTH:958px;HEIGHT:90px;OVERFLOW:hidden;margin-right:auto;margin-bottom:0px;margin-left:auto;border-right-width:1px;border-bottom-width:1px;border-left-width:1px;border-right-style:solid;border-bottom-style:solid;border-left-style:solid;border-right-color:#bbddbb;border-bottom-color:#bbddbb;border-left-color:#bbddbb}
/*播放器*/
play-box li{width:20px}
.jp-jplayer{width:0px;height:0px}
.pl-header{position:relative;height:75px;padding:10px 20px;background:#f1f1f1 url(../images/player_bg.png) 0 0px repeat-x}
.player-control{overflow:hidden;zoom:1}
.jp-controls{float:left;margin-top:10px;overflow:hidden;width:135px;height:50px;display:inline}
.jp-controls li{float:left;display:inline}
.jp-controls a{display:block;overflow:hidden;text-indent:-9999px}
.player-progress{float:left;margin:0px 0 0 15px;width:418px;display:inline}
.player-progress .jp-play-title{height:28px;font-size:16px;overflow:hidden;zoom:1}
/*时间数字*/
.jp-current-time,.jp-duration{font-size:14px;color:#fff}
.jp-current-time{float:left;margin-right:6px;display:inline}
.jp-duration{float:right;margin-left:6px;display:inline;margin-right:20px}
.yy-volume{float:right;margin-top:5px;overflow:hidden;height:16px}
.yy-volume li{display:inline;float:left}
.yy-volume a{display:block;overflow:hidden;text-indent:-9999px}
/*进度条*/
.jp-progress{float:left;margin-top:3px;height:8px;width:340px;overflow:hidden;background:url(../images/player_progress.png) 0 0px repeat-x;border-left:1px solid #d7d6d6;border-right:1px solid #d7d6d6}
.jp-seek-bar{width:0px;height:100%;cursor:pointer;background:url(../images/player_progress.png) 0 -15px repeat-x}
.jp-play-bar{width:0px;height:100%;background:url(../images/player_progress.png) 0 -8px repeat-x}
/*控制按钮*//*
.jp-play,a.jp-pause{width:50px;height:50px;margin:0 5px}
*//*.jp-play{background:url(playerPub.png) 0px 0px no-repeat}
*//*.jp-play:hover{background:url(playerPub.png) -51px 0px no-repeat}
*//*.jp-pause{background:url(playerPub.png) 0px -51px;display:none}
.jp-pause:hover{background:url(playerPub.png) -51px -51px no-repeat}
a.jp-previous,a.jp-next{width:34px;height:34px;margin-top:8px}
.jp-previous{background:url(playerPub.png) 0 -102px no-repeat}
.jp-previous:hover{background:url(playerPub.png) -36px -102px no-repeat}
.jp-next{background:url(playerPub.png) 0px -138px no-repeat}
.jp-next:hover{background:url(playerPub.png) -36px -138px no-repeat}
*//*音量*/
.jp-mute,.jp-unmute,.jp-volume-max{width:16px;height:16px}
.jp-mute{background:url(../images/playerPub.png) -97px -150px no-repeat}
.jp-mute:hover{background:url(../images/playerPub.png) -380px -218px no-repeat}
.jp-unmute{background:url(../images/playerPub.png) -76px -153px no-repeat;display:none}
.jp-unmute:hover{background:url(../images/playerPub.png) -416px -218px no-repeat}
.jp-volume-max{background:url(../images/playerPub.png) -398px -205px no-repeat;width:17px}
.jp-volume-max:hover{background:url(../images/playerPub.png) -398px -218px no-repeat}
.volume-bar-wrap{margin:4px 0 0 6px}
.jp-volume-bar{overflow:hidden;background:url(../images/player_progress.png) 0 -1px repeat-x;width:90px;height:6px;cursor:pointer;margin-left:430px;margin-top:30px;display:block}
.jp-volume-bar-value{background:url(../images/player_progress.png) 0 -9px repeat-x;width:0px;height:6px;cursor:pointer}
.jp-mute{cursor:pointer;display:inline-block;padding:1px;color:#fff;border-radius:5px;margin-left:440px}
.mute-button{position:absolute;left:-30px;/* 调整禁音图标距离音量控制器的位置 */    
top:51px;transform:translateY(-50%);cursor:pointer}
.jp-mute:hover{background-color:#0056b3}
/*需要更新浏览器或者flash播放器*//*新加播放器样式*/
.fonhen-player{background-color:#608480;height:80.4px;}
.jp-play,.jp-pause{display:block;position:relative;width:49px;height:49px;border:4px solid #fff;border-radius:50%;margin-top:13.2px;margin-left:18px}
.jp-play:before{position:absolute;top:14px;left:19px;content:"";border:11.84px solid transparent;border-left:15px solid #fff}
.jp-pause:before{position:absolute;top:16px;left:16px;content:"";height:18.4px;width:3px;border-right-width:6px;border-left-width:6px;border-top-style:solid;border-right-style:solid;border-bottom-style:solid;border-left-style:solid;border-top-color:#fff;border-right-color:#fff;border-bottom-color:#fff;border-left-color:#fff;border-top-width:0px;border-bottom-width:0px}
.fonhen-player-box{background-color:#608480;height:80.4px;color:#fff;width:660px;position:relative;overflow:hidden;margin-left:20px;margin-top:20px}
.fonhen-player-btn{position:absolute;left:1.2px;top:0;height:19.2px;width:19.2px}
.fonhen-player-info{position:absolute;height:10px;left:100.8px;right:6.4px;top:10.8px;bottom:6.4px}
.jp-state-playing .jp-play{display:none}
.jp-state-playing .jp-stop{display:block}
.fonhen-player-text{font-size:12.12px;line-height:15.12px;overflow:hidden;height:15.12px;margin-bottom:3.2px}
.fonhen-player-title{float:left;width:380px;overflow:hidden;font-size:14.48px;margin-left:10px}
.fonhen-player-time{float:right}
.jp-progress{position:relative;height:6px;width:520px;background-color:#f9f9f9;cursor:pointer;top:4.8px;margin-left:10px;margin-right:10px}
.jp-progress > .jp-seek-bar{position:absolute;height:8px;left:0;top:0;background-color:#FFFFFF;z-index:9}
.jp-progress > .jp-seek-bar > .jp-play-bar{position:absolute;height:6px;left:0;top:0;background-color:#FFFFFF;z-index:10}
 @keyframes fadeInOut {
          0% { opacity: 1; }
         
            50% { opacity: 0.25; }
            
            100% { opacity: 1; }
        }

        .fade-in-out {
            animation: fadeInOut 1s ease-in-out infinite;
        }