body{font-size:12px;color:#1E1B17;monospace;padding:0px;margin:0px auto 0px auto;} a{color:#167AC6;text-decoration:none} a:hover{color:#F00;text-decoration:none} .wrap{margin:0 auto;max-width: 768px;} .t{margin-left:17px;padding:2px;font-weight:400;line-height:28px;text-align:left} .info{line-height:0.7rem;font-size:12px;color:#666;margin-left:0.4rem;} .zw{font-size:14pt;text-align:justify;line-height:42px;font-weight:400;padding:0.4rem;margin-top: -.36rem;letter-spacing: 0.06em;} .zw img{height:auto!important;display:block;width:100%} .p{line-height:normal;margin-left:20px;text-align:center; } .p{line-height: normal; font-size: 14px;margin-left:20px;text-align:left} .p a,.p span{display:block;color:#390;font-weight:normal;text-decoration:none;letter-spacing:0px;border:1px solid #ccc;padding-top:2px;float:left;margin-top:5px;margin-right:2px;margin-bottom:5px;margin-left:2px;text-align:center;padding-right:5px;padding-left:5px;height:18px} .p a:hover, .p a.current{color:#F44;border:1px solid #F44} .p input{padding:0px;color:#390;height:16px;width:25px;border:0px solid #fff;text-align:center;margin-top:0px;margin-right:-5px;margin-bottom:0px;margin-left:-5px;vertical-align:middle;font-size:12px} .box{line-height:25px;padding-bottom:20px;padding-left:20px}.box ul{list-style:none;padding:0px;margin:0px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;font-size:15px;line-height:30px;} .soso{padding: 0 0.2rem;padding-bottom:.27rem;} .so{padding-top:10px;position:relative;-webkit-appearance: none; -webkit-border-radius: 0;}.so2{-webkit-appearance: none; -webkit-border-radius: 0;width:100%;border:1px solid #dfdfdf;height:31px;line-height:31px;font-size:16px;}.sob{cursor: pointer; position:absolute; top:10px; right:0;-webkit-appearance: none; -webkit-border-radius: 0;border:0;height:31px;line-height:31px;width:60px;padding-left:9px;color:#514839;border-left:1px solid #dfdfdf;font-size:16px;background:url() no-repeat 8px 9px #EBEBEB;} .top { width: 100%; min-width: 320px; height: 48px; background: #F1F1F1; top: 0; overflow: hidden; }.top b { height: 48px; line-height: 48px; FONT-SIZE:16px; color: #636563; text-align: center; display: block; }.top b a:link {color:#636563;FONT-SIZE:16x;}.top b a:visited {color:#636563;} .top .top_dh { float: right; width: 48px; height: 48px; background: url(/uploadfile/a/dh.jpg) no-repeat center; }.top .top_gb { float: left; width: 24px; height: 24px; padding: 12px 15px; }.foot.c { background: rgb(247, 248, 250) none repeat scroll 0% 0%; color: rgb(168, 171, 176); font-size: 12px; padding: 23px 0px; text-align: center; position: relative; } .foot a{color:#2B2B2B; } .title { padding: .153333rem .4rem 0; font-weight: 700;  position: relative; font-size: 18px;letter-spacing: .005rem; } .title .original { position: absolute; background: #D3EAFA; border-radius: .066667rem; font-weight: 400; width: 1.04rem; text-align: center; margin: .18rem 0; font-size: 13.5px; height: 22.5px; line-height: 22.5px; } .author .info { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; background: #FAFAFA; } .author { padding: .0rem .45rem; padding-bottom:.4rem; font-weight: 400; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; color: #999; margin-left:-.5rem; } .author .info { -webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; -ms-flex: 1; flex: 1; color: #858585; } .author .info .avatar { width: .96rem; height: .96rem; border-radius: 50%; background-color: #68a1e3; } .author .info .wrapper { padding-left: .2rem; padding-top:.33rem; } .author .info .wrapper .name { font-size: 16px; line-height: 17px; } .author .info .wrapper .name { max-width: 3rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #222; } .fdz-feed { padding: 0 0.146667rem;} .fdz-item[hp] { display: block; text-decoration: none;} .fdz-itemc[np] { padding: 0.4rem 0; border-bottom: 1px solid #f0f0f0;font-size:54px; } .fdz-itemc .article[np] { margin-bottom: 0.32rem; } .fdz-itemc .article h4[np] { font-size: 18px;color: #2b2b2b; font-weight: 400; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; word-break: break-all; -webkit-box-orient: vertical; text-overflow: ellipsis; line-height: 1.35em; max-height: 2.7em; margin: -0.175em 0 -0.175em 0; white-space: pre-wrap; } .fdz-itemc[hp] { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 0.32rem 0; border-bottom: 1px solid #f0f0f0; } .fdz-itemc .article[hp] { position: relative; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; margin-right: 0.266667rem; } .fdz-img[hp] { position: relative; line-height: 0; } .fdz-img .imglazy[hp] { width: 3.04rem; height: 1.973333rem; } .fdz-feed img { display: inline; } .imglazy { background: url() no-repeat center; background-size: 100%; } .fdz-img[hp] { line-height: 0;position: relative; } .fdz-itemd[hp2] { font-size: 11px; color: #a4a4a4; } .fdz-itemc .article h4[hp] { font-size: 18px; } .fdz-itemc[hp] { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 0.32rem 0; border-bottom: 1px solid #f0f0f0; } .fdz-itemc .article[hp] { position: relative; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; margin-right: 0.266667rem; } .fdz-itemc .article h4[hp] {font-size: 18px; color: #2b2b2b; font-weight: 400; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; word-break: break-all; -webkit-box-orient: vertical; text-overflow: ellipsis; line-height: 1.35em; max-height: 2.7em; margin: -0.175em 0 -0.175em 0; white-space: pre-wrap; } .fdz-itemd[hp2] { font-size: 11px; } .fdz-itemd[hp2] { color: #a4a4a4; } .fdz-item[np] { display: block; text-decoration: none; } .tags { padding: 0.4rem; } .tags { overflow: hidden; } .tags .tag { height: 32px; padding: 0 14px; line-height: 32px; font-size: 14px; } .tags .tag { float: left; margin: 0 .266667rem .266667rem 0; color: #656565; border-radius: .426667rem; background: #ecedef; } .cat_list li{float:left;width:25%;border-bottom:1px solid #e9e9e9;text-align:center;line-height:13px;height:40px;position:relative;bottom:-1px;font-size:13px}.cat_list li a{color:#5e5e5e;display:block;border-right:1px solid #dfdfdf;height:13px;margin-top:13px}.cat_list li:nth-of-type(4n+0) a{border-right:0}.cat_more{float:right;font-size:13px;line-height:15px;height:14px;overflow:hidden;color:#5e5e5e}.cat_box .cat_tit .cat_more em{width:14px;height:14px;background-size:105px;background-color:transparent;background-position:-2px -66px;margin-right:4px}.cat_box { margin: 0; zoom: 1; overflow: hidden; }.cat_box .cat_tit { border: 0; background: #fff; }.cat_list li { float: left; width: 25%; border-bottom: 1px solid #e9e9e9; text-align: center; line-height: 13px; height: 40px; position: relative; bottom: -1px; font-size: 13px; }ul, ol, li { list-style: none; margin: 0; padding: 0; }.content{border-bottom:1px solid #f0f0f0;position:relative;float:left;padding:15px 0;width:100%} .content .content-header{} .content-header h2{font-size:18px;font-weight:400;position:relative;margin:0 0 8px;color:#6a6a6a;line-height:1.35em;text-decoration:none;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;margin-bottom:10px;-webkit-box-orient:vertical;overflow:hidden;} .content-header .content-info a{font-size:14px;color:#999;text-decoration:none} .content-header .content-info{font-size:14px;color:#999} .content .content-img{float:left;margin:0 20px 0 0;text-align:center;position:relative;overflow:hidden;width:140px;max-height:90px;} .content .content-img a{vertical-align:middle;text-decoration:none} .content .content-img img{margin:0 auto;width:140px;height:auto;display:block;transform:scale(1);transition:all .5s ease 0s;-webkit-transform:scale(1);-webkit-transform:all 1s ease 0s} .content-info{font-size:13px;color:#999} .content-info a{font-size:13px;color:#999;text-decoration:none} .content .content-note{font-size:13px;color:#999;overflow:hidden;*display:inline-block} .content .content-note a{font-size:13px;color:#999;text-decoration:none} .content .content-note p{margin-bottom:10px;line-height:25px;color:#b8b8b8} .content-note .content-info{display:block;color:#b8b8b8} .content .content-status{background-color:#d43d3d;position:relative;padding:15px;transition:all .2s linear 0s;-moz-transition:all .2s linear 0s;-o-transition:all .2s linear 0s;-webkit-transition:all .2s linear 0s;overflow:hidden} .content-status .icon-quote-left{float:left;color:#fff;font-size:20px;font-size:2rem} .post-read-more{text-align:center} .post-read-more a{padding:8px 35px;font-size:15px;border:1px solid #d43d3d;color:#fff;-khtml-border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;transition:all .4s ease;cursor:pointer;display:inline-block;vertical-align:middle;background:#d43d3d;text-decoration:none;margin-top: 15px;margin-bottom: 15px;} .post-read-more a:hover{background:#fff;color:#d43d3d;border-color:#d43d3d}.post-read-more .loading{}.cover-text{position:absolute;top:0;width:100%;height:100%;transition:all .2s ease-out;-webkit-transition:all .2s ease-out;-moz-transition:all .2s ease-out;-o-transition:all .2s ease-out}
 .notification-bar {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        background: rgba(134, 125, 136, 0.79);
        color: white;
        padding: 10px;
        text-align: center;
        z-index: 1000;
        border-radius: 0;
    }
    .notification-bar button {
        margin-left: 10px;
        padding: 1px 2px;
        border: 1px solid white;
        background-color: transparent;
        color: white;
        border-radius: 5px;
    }
	
	
	  .audio-module {
            position: fixed;
            left: 0;
            top: 50%;
            transform: translateY(-50%);
            background-color: #f1f1f1;
            padding: 10px;
            border-radius: 0 10px 10px 0;
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
            display: none; 
            width: 280px; 
        }

        .controls {
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin-bottom: 10px;
        }

        .play-pause, .speed-toggle, .loop-toggle {
            margin: 5px;
            padding: 5px 10px;
            font-size: 12px;
            color: #585858;
        }

        .progress-bar {
            width: 100%;
            margin: 10px 0;
        }

        .time-display {
            font-size: 14px;
        }

        .hide-button {
            position: absolute;
            right: 0px;
            padding: 4px 5px;
            background-color: #333;
            color: #fff;
            cursor: pointer;
            border-radius: 5px;
        }

        .show-button {
            position: fixed;
            right: 0;
            top: 80%;
            transform: translateY(-50%);
            padding: 3px;
            background-color: #616161;
            color: #ECE8E8;
            cursor: pointer;
            border-radius: 3px;
            z-index: 1000; 
        }

        .playlist {
            margin-top: 10px;
            max-height: 150px; 
            overflow-y: auto; 
        }

        .playlist-item {
            cursor: pointer;
            margin-bottom: 5px;
            padding: 5px;
            background-color: #e1e1e1;
            border-radius: 5px;
            color: #6D6D6D; 
                    }

        .playlist-item:hover {
            background-color: #DAD1DA;
        }
		.ww {line-height:150%;font-size:13px;padding: 5px 15px;text-align: center;font-weight: 400;border: 2px dashed #EFEEEE;}.ww a{color: #6D757B;}