<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@import url(reset.css);
body { font-family: 'Microsoft YaHei'; }
.index { background-size: 100% 100%; background-repeat: no-repeat; background-position: center center; height: 100%; /*max-width: 640px; */ margin: 0 auto; }
	.logo { width: 90px; height: 90px; margin: 0 auto; padding-top: 40px;}
	.logo img { width: 90px; height: 90px;}
.nav-list { position: fixed; bottom: 10px; width: 100%; }
.nav-list li { float: left; width: 24.99%; height: 88px; text-align: center; }
.nav-list li a { display: block; overflow: hidden; padding: 0px; width: 100%; height: 100%;}
.nav-list li img,
.nav-list li i { display: block; width: 50px; height: 50px; line-height: 50px; margin: 0 auto; font-size: 30px; border-radius: 25px; background-color: #fff; color: #090; }
.nav-list li img { background: none; }
.nav-list li label { color: #fff; display: block; }

/** list **/
	.list { padding: 5px; }
	.list li{ background: #F2F4F3; list-style: none; overflow: hidden; margin: 0 0 8px 0; /* padding: 10px; */border-radius: 5px; }
	.list a{ text-align: left; width: 100%; height: 100%; padding: 10px; display: block; background:url(../images/right-arrow.png) no-repeat right center; background-size: 30px 14px; background-origin:content-box; /* padding-right: 0; */}
	.list a:active,
	.list a.active{ background-color: #eee; }
	.list a &gt;*{ height: 50px; vertical-align: middle; display: table-cell; }
	.list a &gt;*:last-child{ width: 100%; }
	.list .list-img b{ width: 50px; height: 50px; overflow: hidden; text-align: center; display: block; }
	.list-img .fa{ font-size: 40px; width: 50px; height: 50px; line-height: 50px; color: #48c; }
	.list .list-text&gt;*{ padding-right: 10px; font-weight: 100; line-height: 20px; }
	.list h1,
	.list h2{ text-indent: 10px; overflow:hidden; height: 20px; }
	.list-text b,
	.list-text small{ padding-left: 10px; display: block; }
	.list a &gt;*:first-child h1,
	.list a &gt;*:first-child h2{ text-indent: 0; }
	.list a &gt;*:first-child b,
	.list a &gt;*:first-child small{ padding-left: 0; }
	.list h1,
	.list-text b{ font-size: 14px; color: #333; }
	.list h2,
	.list-text small{ font-size: 12px; color: #666; }
	.list img{ width: 100%; min-height: 100%; }
	.btn-up-1{ background: #999; }
	.btn-up-1 .fa{ background: #fff; color: #999; }
	.navPop-1 .navPop-btn{ background: #999; }
	.navPop-1 .navPop-btn .fa{ background: #fff; color: #999; }
	.navPop-wrap&gt;div a{ background: #999; color: #fff; }
	.slider-hor .slider-span{ width: 100%; }

/** article **/
	.article { padding: 5px; font-size: 14px;  }
	.article header { border-bottom: 1px dashed #333; padding: 10px 5px; }
	.article h1 { font-size: 18px; font-weight: normal; }
	.article article { padding: 20px 10px; color: #366092;}
	.article img  { padding: 1px; display: block; max-width: 90%; height: auto;/* margin: 0 auto;*/}
	.article embed { max-width: 280px; max-height: 300px;}


/* audio */
	.audio-box { position: absolute; right: 10px; top: 10px; z-index: 200; display: block; width: 50px; height: 50px; background-repeat: no-repeat; opacity: 1;}
	.audio-on { background-image: url(../images/music.gif); background-repeat: no-repeat; background-position: center center; background-size: 60px 60px}
	.audio-on .rotate { position: absolute; left: 10px; top: 10px; width: 30px; height: 30px; background-size: 100% 100%; background-image: url(../images/music-icon.png); -webkit-animation: rotating 1.2s linear infinite; -moz-animation: rotating 1.2s linear infinite; -o-animation: rotating 1.2s linear infinite; animation: rotating 1.2s linear infinite}
	.audio-off { background-image: url(../images/music-icon.png); background-size: 30px 30px; background-repeat: no-repeat; background-position: center center}
	@-webkit-keyframes rotating {
	    from {
	        -webkit-transform: rotate(0deg)
	    }

	    to {
	        -webkit-transform: rotate(360deg)
	    }
	}

	@keyframes rotating {
	    from {
	        transform: rotate(0deg)
	    }

	    to {
	        transform: rotate(360deg)
	    }
	}

	@-moz-keyframes rotating {
	    from {
	        -moz-transform: rotate(0deg)
	    }

	    to {
	        -moz-transform: rotate(360deg)
	    }
	}

	.slider { width: 100%; height: 180px; position: relative; overflow: hidden;}
	.slider .ui-slider-item { height: 180px;}
	.ui-slider-item img { width: 100% !important;}
	.ui-slider-item  p {
	    position: absolute;
	    bottom: 0;
	    width: 100%;
	    text-align: left;
	    pointer-events: none;
	    overflow: hidden;
	    word-break: break-all;
	    white-space: nowrap;
	    text-overflow: ellipsis;
	    color: #fff;
	    background: rgba(0, 0, 0, 0.5);
	    padding: 6px 0;
	    text-indent: 10px;
	}

@media screen and (orientation:landscape) { }
@media only screen and (max-width:1080px){ }
@media only screen and (min-width:1224px){ }
@media only screen and (max-width:320px){ }</pre></body></html>