/*----------清除样式----------*/
body, div, dl, dt, dd, ul, ol, li,h1, h2, h3, h4, h5, h6, pre, code,form, fieldset, legend, input, button,textarea, p, blockquote, th, td { margin: 0;padding: 0;}
body,button, input, select, textarea { font: 14px/1.5 'Microsoft Yahei', Arial, tahoma, Srial, helvetica, sans-serif; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; }
em{font-style:normal;}
a{ text-decoration:none;}
a:focus{ -moz-outline:none; outline:none;}
a {blr:expression(this.onFocus=this.blur())}
a:focus{outline:0;}
ul, ol{ list-style:none;}
img{ border:none;}


/*----------首页---------*/
html,body{ width: 100%; height: 100%;}
.indexbody{ width: 100%; height: 100%; background: url(../img/bookshelfbg.jpg) repeat-y top center; background-size:100% auto ;}
.bookshelf{ width: 100%; background: url(../img/bookshelftop.jpg) no-repeat top center; background-size:100% auto ; overflow: hidden; }

.logo{ width:100%; text-align: center; margin-top: 30px; }
.logo img{ width:40%;}
.searchbox{ width:75%; margin: 20px auto 10px auto; height: 35px; background: #fff; border-radius: 35px; border:2px solid #1da63b;}
.searchbox .ipt{ width:75%; height: 35px; float: left; border: 0; border-radius: 35px 0 0 35px; text-indent: 15px;}
.searchbox .btn{ width:25%; height: 35px; border: none; border-radius: 0 35px 35px 0; background: url(../img/searchbtn.png) no-repeat center; background-size:25px ;}
.booklist{ width:100%; overflow: hidden;}
.booklist ul{background: url(../img/bookshelfcenter.jpg) no-repeat center bottom; background-size:100% auto ; padding: 23px 20px; overflow: hidden;}
.booklist ul li{ width:33.3%; float: left;}
.booklist ul li a{ color: #000;}
.book{ width:90px; height: 120px; background: #fff; margin: 0 auto; position: relative;}
.booktop{ width:90px; height: 60px;}
.booktop img{ width: 90px; height: 60px;}
.bookbottom{ height: 60px; line-height: 60px; text-align: center; font-size: 16px;}
.bookzhezhao{width:10px; height: 120px; position: absolute; background: url(../img/fx_leftside.png) no-repeat left; background-size: 10px 100%;}
.bookadd{ width:86px; height: 110px; margin: 0 auto; border:2px dashed #888; background: url(../img/add.png) no-repeat center; background-size:40px; }
.bookadd a{ display: block;}


/*----------列表1----------*/
.listbox{background: url(../img/listbg.png); width:85%; min-height: 500px; border-radius: 10px 10px 0 0; margin: 20px auto 0 auto; overflow: hidden; padding-top: 5px;}
.list1{ padding: 0 12px;}
.list1 dl{ overflow: hidden; padding: 20px 0; border-bottom: 1px solid #dfdfdf;}
.list1 dl dt{ color: #666; font-size: 16px; background: url(../img/addicon.png) no-repeat left center; background-size:20px ; line-height: 20px; padding-left: 30px; margin-bottom: 10px;}
.list1 dl dt a{ color: #666;}
.list1 dl dd{ color: #999;}


/*----------列表2----------*/
.list2{ padding: 0 12px;}
.list2 dl{ padding: 14px 0; border-bottom: 1px solid #dfdfdf; overflow: hidden;}
.list2 dl dt{ float: left; width: 50px; margin: 0 10px 0 0;}
.list2 dl dt a{ display: block;}
.list2 dl dt img{ display: block; width: 50px; height: 50px; object-fit: cover;}
.list2 dl dd{ float: none; width: auto; margin-left: 60px;}
.list2 dl dd h2 span{ float: none; display: block; color: #4cb824; font-size: 15px; line-height: 1.4; white-space: normal; word-wrap: break-word; overflow-wrap: break-word; }
.list2 dl dd h2{ overflow: hidden; margin-bottom: 8px;}
.list2 dl dd h2 span a{ float: none; display: inline; width: auto; height: auto;}
.list2 dl dd h2 a.pdf, .list2 dl dd h2 a.download, .list2 dl dd h2 a.play{ float: none; display: inline-block; width: 33px; height: 20px;}
.list2 dl dd h2 .play{ background: url(../img/playicon.png) no-repeat; background-size: 33px 20px; margin-right: 10px;}
.list2 dl dd h2 .download{ background: url(../img/downloadicon.png) no-repeat; background-size: 33px 20px; margin-right: 10px;}
.list2 dl dd h2 .pdf{ background-image: url(../img/pdf.png); background-repeat: no-repeat; background-size: 33px 20px; margin-right: 10px;}
.list2 dl dd p{ display: block; color: #666; background: url(../img/listpdf.png) no-repeat left top; background-size: 15px auto; padding-left: 20px; text-align: justify; font-size: 13px;}
.listtitle{ border-top: 1px solid #dfdfdf; border-bottom: 1px solid #dfdfdf; overflow: hidden; margin-top: 20px; padding: 10px 0;}
.listtitle h2{ float: left; color: #555; line-height: 28px;}
.listtitle span{ float: right;}
.listtitle span a{ float: left; color: #999;padding: 4px 10px; border:1px solid #afafaf; border-radius: 5px; font-size: 12px;}
.listtitle span .dateicon{ background: url(../img/dateicon.png) no-repeat 5px center; background-size:16px ; margin-right: 10px;}
.listtitle span .lxicon{ background: url(../img/menuicon.png) no-repeat 5px center; background-size:16px ; }


#oderBy a:first-child{ margin-right:10px;}