<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/*鐒︾偣鍥�*/
.focus-wrap { width:590px; overflow:hidden; position:relative; padding-top:4px; margin-top:2px; overflow:hidden}
.focus { position:relative; width:590px; height:320px; margin:0 auto }
.focus .focus-container { width:10000px; height:380px; position:absolute; top:0; left:0 }
.focus li { float:left; width:590px; height:320px; overflow:hidden; display:inline; position:relative }
.focus .info { width:100%; position:absolute; bottom:0;overflow:hidden;  text-shadow:0px 1px 3px #000; height:18%; left:0; display:none 
z-index:998;position:absolute;bottom:0px; line-height:18%; height:18%;  width:100%; color:#fff;background:rgba(41, 148, 183, 0.82);transition:height 0.6s;	-webkit-transition:height 0.6s; /* Safari */	-moz-transition:height 0.6s;	-o-transition:height 0.6s;

}
.focus .title { font-size:16px; padding-left:5px; padding-top:24px }
.focus .title a { color:#fff; font-weight:700}
.focus .title a:hover { text-decoration:none }
.focus .desc { font-size:12px; color:#fff; padding-left:35px }
.focus .cover { height:56px; width:100%; background:rgba(41, 148, 183, 0.82); position:absolute; bottom:0; opacity: 0.5; filter: alpha(opacity=50); left:0; display:none}
.focus .next, .focus .prev, .focus .pn-line { position:absolute; height:37px; width:27px; text-align:center; line-height:37px; text-indent:-999em; overflow:hidden; bottom:13px; z-index:100; background-image:url(f.png); background-repeat:no-repeat; -webkit-transition: padding 0.25s linear; -moz-transition: padding 0.25s linear; -ms-transition: padding 0.25s linear; -o-transition: padding 0.25s linear; transition: padding 0.25s linear; }
.focus .prev { left:490px; background-position:0 0}
.focus .prev:hover { background-position:0 0;  }
.focus .next { left:530px; background-position:right 0 }
.focus .next:hover { background-position:right 0;  }
.focus .pn-line { width:31px; height:68px; background:url(s24.png) no-repeat -474px -216px; right:44px; top:405px }
.focus .trigger { position:absolute; left:0; top:480px; z-index:10; width:1100px; height:18px }
.focus .trigger span { float:left; margin-right:11px; width:125px; cursor:pointer; height:18px; line-height:0; font-size:0; position:relative; overflow:hidden; text-indent:-9999px; overflow:hidden }
.focus .trigger .last{ margin-right:12px}
.focus .trigger i { height:2px; width:100%; overflow:hidden; background:#000; margin-top:8px; line-height:0; display:block; font-size:0 }
.trigger-cover { width:125px; height:4px; line-height:0; font-size:0; background:#c33; position:absolute; left:0; top:487px; z-index:11 }
.seven .trigger { padding-left:68px }
.seven .trigger .last { display:none }
.seven .trigger-cover { left:68px }
.focus .focus-container .eight .info , .focus .focus-container .eight .cover{ display:none;}
.lbox, .rbox{height:480px; width:590px; position:absolute; top:0}
.lbox{ left:-590px}
.rbox{ right:-590px}
.focus-wrap .mask{ background:#000; opacity: 0.4; filter: alpha(opacity=40); z-index:999; cursor:pointer }
.focus .active .info, .focus .active .cover{ display:block}
/*sort-0*/
 @media screen and (max-width:680px) {

.focus-wrap {display:none}

 }</pre></body></html>