body { background:#fff url(../images/bodybg.jpg) no-repeat top center; } #body { background:none; } #body .l-width { padding-top: 0; } /*添加公用样式*/ .fl{float:left;display:inline} .fr{float:right;display:inline} .wfull{ width:100%; } .mt50{margin-top:50px;} .mt30{margin-top:30px;} .pl15{padding-left:15px;} .pr15{padding-right:15px;} .clr:after,.clr { clear: both; color: #333333; content: " "; display: block; } .tl{text-align:left} .tc{text-align:center} .tr{text-align:right} .vm{vertical-align:middle} .vt{vertical-align:top} .vb{vertical-align:baseline} .pr{position:relative} .pa{position:absolute} .toe{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;display:block;height: 32px!important;} #searcher{ margin-top:90px } #searcher .l-width { padding-top: 0px; width:1070px; } .search-box { height: 98px; background: #fff; box-shadow: 0px 5px 13px 0px rgba(0,0,0,.2); box-shadow:none; } .search-sel { height: 43px; padding-left:50px; background:none; } .search-input { height: 60px; margin-top:10px; background:none; } .search-input input[type="text"], .search-input select, .search-input .sel, .search-input button, .search-input .journal-guid { height: 60px!important; } .search-input input[type="text"]{ width:780px; padding-left:60px; background:#fff url(../images/search-btn.png) no-repeat 20px center; border-radius:0px; } .search-sel .current { color: #fff; background: #4285d8; } .search-sel .current span:after{ border-top:6px solid #4285d8; } .search-input button{ width:170px; background:#ecaf18; text-indent:0px; font-size:24px; text-align:center; border-radius:0px; } .search-input .search-adv, .search-input .search-help a{ height:60px; line-height:60px; background:none; color:#fff; width:auto; border:none; padding:0 20px; } .search-box{ background:none; } .search-sel li{ width:auto; margin:0 20px; padding:0 15px; border:none; font-size:16px; height:35px; line-height:33px; } .search-input .journal-guid { line-height: 60px!important; } /**/ #top{ background:none; height:50px; } #top .l-width{ height:50px; padding:15px 0 0; font-size:14px; } .welcome{ color:#fff } #top a { color: inherit; text-decoration:none; } #header{ height:100px; background:none; border-bottom:1px solid #5984c0; } #header a{ color:#fff; } #top-nav .hs-sub > a{ background:none; } #top-nav > ul > li{ height:100px; } #top-nav > ul > li > a{ width:auto; padding:0 25px; font-size:18px; height:100px; line-height:100px; } #top-nav > ul > .hs-sub > .current, #top-nav > ul .hs-sub:hover > a{ background:none; } #top-nav > ul > li > a:hover, #top-nav > ul > li > .current, #top-nav .hs-sub:hover{ background:none; border-bottom:2px solid #0976ff; } #top-nav > ul > li:last-child > a{ padding:0px; /*padding-top:11px;*/ margin-left:30px; } #top-nav > ul > li:last-child > a:hover{ border-bottom:none; } #top-nav .en{ display:block; line-height:10px; font-size:12px; text-transform:uppercase; position:relative; top:-30px; } #searcher{ background:none; } /**/ .row { } .row:before, .row:after { display: table; content: " "; } .row:after { clear: both; } .col-left { float: left; width: 820px; } .col-left h2, .col-right h2 { position: relative; } .col-left h2 .more, .col-right h2 .more, .col-left h2 .change,.more { position: absolute; right: 0px; bottom: 0px; font-size: 16px; padding-right:35px; line-height:55px; margin-right:0px !important; } .col-left h2 .more:before, .col-right h2 .more:before, .col-left h2 .change:before,.more:before { position: absolute; right: 0; top: 17px; width: 29px; height: 21px; content: ""; background:#4285d8 url(../images/jt_wit.png) no-repeat; } .col-left h2 .change:before { left: -6px; top: 14px; width: 20px; height: 20px; background-image: url(../images/change.png) ; } .col-left h2 .change a { padding: 0; } .col-left h2 .more img { vertical-align: middle; margin-right: 3px; } .col-right h2 .more { bottom: 0px; right: 10px; } .col-left h2 a, .col-left h2 .more a, .col-right h2 .more a { padding: 0; margin:0px; color: #666; } .col-left h2 .more a i, .col-right h2 .more a i { margin-right: 3px; } .col-right { margin-left:846px; } .col-right .loading { min-height: 100px; } .index-top { height: 46px; margin-bottom: 50px; padding-top: 6px; } .pic-show { float: left; position: relative; width: 548px; background: #dedede; } .pic-move { overflow: hidden; position: relative; width: 548px; height: 295px; } .pic-move ul { position: relative; width: 1000%; } .pic-move li { float: left; width: 100%; } .pic-move li a { position: relative; float: left; } .pic-move li img { width: 100%; height: auto; } .pic-move li a span { position: absolute; bottom: 0; left: 0; width: 100%; height: 37px; padding: 0 20px; font-size: 14px; color: #fff; line-height: 37px; background:rgba(0,0,0,0.4); } .pic-show .pic-sel { position: absolute; bottom: 12px; right: 12px; text-align: center; } .pic-show .pic-sel span { position: relative; float: left; width: 10px; height: 10px; margin-right: 10px; background: #666; cursor: pointer; border-radius: 100%; } .pic-show .pic-sel span.on { position: relative; background-color: #e33030; font-size: 30px; padding-right: 7px; } .news { height: 400px; margin-left: 575px; padding: 0 10px; background: #fff; } .news .title { position: relative; height: 46px; color: #333333; margin-bottom: 0; font-size: 14px; font-weight: lighter; line-height: 46px; border-bottom: 1px solid #eeeeef; } .news .title a { float: left; position: relative; height: 47px; color: #333; line-height: 48px; text-align: center; font-size:20px; } .news .title .current { border-bottom: 2px solid #4285d8; color:#4285d8; font-weight:500; z-index: 8; } .news .title .more { position: absolute; right: 0px; bottom: 0px; font-size: 16px; padding-right: 35px; line-height: 55px; margin-right: 0px !important; } .news .title .more a { color: #999; font-size:16px; line-height:55px; } .news-list { overflow: hidden; position: relative; float: left; width: 100%; max-height: 345px; padding: 12px 0; } .news-list li { overflow: hidden; position: relative; padding-left: 94px; text-overflow: ellipsis; /* height: 32px; line-height: 32px;*/ line-height: 32px; } /*.news-list li:before { position: absolute; left: 5px; top: 13px; content: ""; width: 6px; height: 6px; background: #7e7e7e; }*/ .news-list li a { display: inline-block; font-size: 14px; color: #2b2b2b; width: 100%; overflow: hidden; text-overflow: ellipsis; } .news-list li .time { width: 84px; text-align:center; font-size: 14px; color:#333333; position: absolute; top: 0; left: 0; } .news-list li.current{ background:#f4f4f4; /* height:110px; */ } .news-list li.current sup{ width:100%; font-size:53px; line-height:55px; color:#999999; display:inline-block; } .news-list li.current .time{ /* top:14px; */ } .news-list li.current a{ height:110px; } .news-list li .news1 { display:none!important; } .news-list li .news2 { display:block!important; } .til_b{ display:block; width:98%; padding:15px 0 10px; font-size:20px; color:#666666; } .news-list .info_span{ display:block; font-size:14px; width:100%; height:40px; line-height:20px; color:#999; overflow:hidden; } /* .news-list dl { padding: 10px 0; line-height: 22px; border-bottom: 1px solid #ced9e1; } .news-list dl:last-child { border-bottom: 0; } .news-list dt { overflow: hidden; height: 18px; text-overflow: ellipsis; } .news-list dt a { color: #2c2d40; } .news-list dd { overflow: hidden; height: 18px; text-overflow: ellipsis; color: #888; } */ .class-guid { width:1200px; margin:0 auto; font-size: 24px; font-family: "Microsoft YaHei"; font-weight: lighter; color: #fff; padding-bottom:20px; } .class-guid h2 { position: absolute; left: 0; top: 12px; width: 240px; text-align: center; border-right: 1px solid #dddddd; } .class-guid .class-name { height: 53px; font-family: "Microsoft YaHei"; font-size: 18px; color: #fff; line-height: 53px; } .class-guid .class-name a { display: block; padding: 0 50px 0 15px; height: 53px; color: #fff; text-align: center; background: url(../images/guid-name-bg.png) no-repeat right 24px; } .class-guid .class-name a span { font-size: 17px; line-height: 20px; width: 120px; max-height: 40px; overflow: hidden; display: inline-block; vertical-align: middle; } .class-list { width: 1200px; margin:0 auto; padding:20px 0; zoom: 1; } .class-list .class-1 { } .class-list .class-1 li { display: block; } .class-list .class-1 a { float: left; width: 190px; margin-right: 10px; margin-bottom: 10px; font-size: 15px; line-height: 35px; color: #333; background-color: #fff; text-align: center; border: 1px solid #d2d2d2; border-radius: 5px; font-family: "微软雅黑"; font-weight:normal; } .class-list .class-1 .current, .class-list .class-1 .current:hover { border: 1px solid #e6b9b9; color: #c33030; } .class-list .class-1 a:hover { color:#4285d8; border-color:#4285d8; opacity: 1; filter: alpha(opacity=100); } .class-list .class-2 { display: none!important; overflow: hidden; padding: 15px; zoom: 1; } .class-list .class-2 li { position: relative; float: left; width: 50%; height: 45px; padding: 0 15px; font-size: 22px; line-height: 45px; zoom: 1; } .class-list .class-2 li:nth-child(2n-1):before { position: absolute; content: " "; left: 0; bottom: 0; width: 200%; height: 45px; border-bottom: 1px solid #dedede; } .class-list .class-2 li a { position: relative; display: block; overflow: hidden; text-overflow: ellipsis; color: #555; } .push-sel { position: absolute; right: 0; top: 0; } .push { overflow: hidden; height: 332px; margin-bottom: 20px!important; } .push h2 a { font-family: Arial; padding: 0 10px; } .push .cnt { width: 1000%; } .cover-list, .article-list, .journal-list { /*overflow: hidden; float: left; width: 455px; height: 416px; zoom: 1;*/ } .cover-list ul { width: 110%; height: 100%; } .cover-list li { position: relative; float: left; width: 151px; height: 198px; margin-bottom: 12px; text-align: center; } .cover-list li a { display: block; color: #666666; width: 122px; margin: 0 auto; padding: 0 7px; font-size: 14px; background: url(../images/index-cover-side.png) left top no-repeat; } .cover-list li a:hover .info { display: block; } .cover-list li img { width: 108px; height: 150px; margin-bottom: 5px; } .cover-list li .title { overflow: hidden; display: block; max-height: 40px; line-height: 20px; text-overflow: ellipsis; } .article-list { overflow: hidden; padding: 5px 0 10px; background: #fff; zoom: 1; } .article-list dl { float: left; width: 445px; height: 93px; margin-right: 30px; padding: 10px 0; position: relative; border-bottom: 1px dashed #cfcfcf; } .article-list dt { overflow: hidden; height: 24px; margin-bottom: 5px; text-overflow: ellipsis; font-size: 14px; line-height: 23px; } .article-list dt a { color: #000; } .article-list dd { overflow: hidden; text-overflow: ellipsis; height: 24px; margin: 0; line-height: 24px; color: #666666; } .article-list dd:empty { height: auto; } .subscriptions { margin-right: 0!important; } .subscriptions .setting { margin-left: 5px; } .journal-list { padding: 5px 15px; padding-right: 0; } .journal-list dl { position: relative; float: left; width: 25%; height: 141px; padding: 20px 8px 10px 80px; border-bottom: 1px dashed #cfcfcf; } .journal-list dt { overflow: hidden; height: 40px; margin-bottom: 5px; text-overflow: ellipsis; font-size: 14px; line-height: 20px; } .journal-list dt a { color: #000; } .journal-list dd { overflow: hidden; text-overflow: ellipsis; height: 20px; margin: 0; line-height: 20px; color: #666666; } .journal-list .cover { overflow: visible; position: absolute; left: 0px; top: 20px; width: 72px; height: 99px; border: 1px solid #ccc; } .journal-list .cover img, .journal-list .cover span.default-cover { width: 70px!important; height: 97px!important; } .journal-list .tj { position: absolute; width: 36px; height: 18px; left: -3px; top: 10px; background: url(../images/icon-tj.png) no-repeat; z-index: 9; } .database .data-list { color: #5f5f5f; background: #fff; } .database .data-list ul { overflow: hidden; } .database .data-list li { overflow: hidden; font-size: 14px; font-family: "Microsoft YaHei"; font-weight: lighter; white-space: nowrap; text-overflow: ellipsis; height: 34px; line-height: 32px; float: left; width: 100%; overflow: hidden; color:#333333; } .database .data-list a { color: #5f5f5f; font-weight:500; } .database .data-list a:hover { color: #d73c3c; } .gy-push { position: relative; overflow: hidden; height: 40px; padding: 0 15px; font-size: 14px; line-height: 20px; color:#fff; border-radius: 0 8px 0 0; } .gy-push h2 { display: inline; font-size: 14px; color: #fff; font-weight: bold; } .gy-push-list { overflow: hidden; display: inline; line-height: 24px; color: #bbb; } .gy-push-list .loading { position: absolute; height: 40px; width: 910px; top: 0; } .gy-push-list a { color: #fff; padding:0px 10px; } .gy-push-list a:hover { text-decoration: underline; } .gy-push-list dl { float: left; width: 225px; margin-right: 14px; } .gy-push-list .pic { position: relative; } .gy-push-list .pic .name { overflow: hidden; position: absolute; width: 100%; height: 28px; left: 0; bottom: 0; padding: 0 5px; font-size: 14px; line-height: 28px; color: #fff; font-weight: bold; text-overflow: ellipsis; background: rgba(0,0,0,0.5); text-align: center; } .gy-push-list .list { padding: 8px 3px; } .gy-push-list li { overflow: hidden; height: 24px; padding: 0 5px; text-overflow: ellipsis; list-style-type: circle; list-style-position: inside; line-height: 24px; } .gy-push-list li a { font-size: 14px; color: #777; } /*.gy-push-list ul { width: 200%; } .gy-push-list li { float: left; width: 225px; margin-right: 19px; line-height: 22px; } .gy-push-list li img { margin-bottom: 5px; } .gy-push-list li span { display: block; } .gy-push-list li .name { color: #444; font-size: 14px; } .gy-push-list li .writer { color: #999; }*/ .lib-move { overflow: hidden; } .lib-list { position: relative; overflow: hidden; padding: 0px 0px 20px 20px; margin-top:-1px; border:1px solid #e4e2e2; } .pic_dl{ width:185px; } .lib-list dd{ display:inline-block; } .lib-list .title { display: none; } .lib-list dl, .lib-list .title, .lib-list .tab { overflow: hidden; float: left; width:50%; padding-left:180px; padding:20px 20px 0 180px; position:relative; } .lib-list .tab ul { position: relative; margin: 0; padding: 0; } .lib-list .tab .tab_pic { display:inline-block; overflow: hidden; position: relative; width:165px; height: 94px; margin-bottom: 0px; } .lib-list .tab .tab_pic li { overflow: inherit; height: auto; list-style: none; } .lib-list .tab .tab_pic img,.lib-list .pic img { width: 165px; height: 94px; } .lib-list .tab .btn_bg { overflow: hidden; position: absolute; width: 100%; height: 28px; left: 0; bottom: 0; padding: 0 5px; font-size: 14px; line-height: 28px; color: #fff; font-weight: bold; background: rgba(0,0,0,0.5); text-align: center; text-overflow: ellipsis; } .lib-list .tab .tab_txt { overflow: hidden; height: 48px; margin: 15px 10px; } .lib-list .tab .tab_txt li { overflow: hidden; height: 24px; text-overflow: ellipsis; list-style-type: disc; list-style-position: inside; line-height: 24px; } .lib-list .pic { position: absolute; left:0px; } .lib-list .pic .name { overflow: hidden; position: absolute; width: 100%; height: 28px; left: 0; bottom: 0; padding: 0 5px; font-size: 14px; line-height: 28px; color: #fff; font-weight: bold; background: rgba(0,0,0,0.5); text-align: center; text-overflow: ellipsis; } .lib-list .list { padding:0; width:100%; } .lib-list li { position: relative; line-height: 31px; } /*.lib-list li:before { position: absolute; left: 0; top: 6px; content: ""; width: 13px; height: 19px; background: url(../images/lib-list-icon.gif) no-repeat; }*/ .lib-list li a { font-size: 14px; color: #444444; } .lib-list li a span{ line-height:20px; color:#999; height: 60px; overflow: hidden; display: block; } .lib-list .l2 { width: 464px; } .zt-lib { margin-bottom: 19px; } .kc-lib { } .my-lib, .service { margin-bottom: 30px; } .my-lib-time { overflow: hidden; position: relative; padding: 65px 20px 30px 7px; background: #f1f0e9; z-index: 1; } .my-lib-time:before { position: absolute; width: 60px; height: 60px; left: -15px; top: -15px; content: url(../images/my-lib-bg.png); } .my-lib-time:after { display: inline-block; content: ""; position: absolute; top: 0px; bottom: 0px; left: 12px; border-left: 2px solid #dec892; z-index: -1; } .my-lib-time dl { margin-bottom: 20px; padding-left: 18px; background: url(../images/time-pic.png) no-repeat 0 8px; } .my-lib-time dt { line-height: 30px; color: #7f7f7f; } .my-lib-time dt span { margin-right: 10px; } .my-lib-time dd { font-size: 14px; line-height: 20px; } .my-lib-time dd a { color: #414141; } .my-lib-time dd img { width: 170px; } .service .s-title { font-size: 16px; line-height: 30px; } .service-list { overflow: hidden; padding:42px 36px; position:relative; } .service-list ul { overflow: hidden; zoom: 1; height: 115px; } .service-list li { float: left; width:64px; height:115px; padding-top: 5px; margin:0 30px; text-align: center; background: #ffffff; } .service-list a { position: relative; display: block; color: #333; font-size:16px; text-align: center; } .service-list img { width: 64px; height: 64px; margin-bottom: 0; /*background: #fec585;*/ } .service-list span { display: block; line-height: 30px; padding-top:20px; text-align: center; } /*切换按钮*/ a.switch_left,a.switch_right{ display:inline-block; width:27px; height:27px; border-radius:50%; position:absolute; background:#e5e5e5 url(../images/icon_jt.png) no-repeat; } a.switch_left{ left:0px; top:27px; background-position:9px 5px; } a.switch_right{ right:1px; top:27px; background-position:11px -24px; } .zt-lib, .kc-lib, .push, .subscriptions { margin-bottom: 10px; background: #fff; } .lib h2, .push h2, .subscriptions h2,.font-m { height: 46px; font-size: 20px; line-height: 45px; border-bottom: 1px solid #dbdbdb; } .lib h2 span, .push h2 a, .subscriptions h2 span,.font-m span,.font-m a { position: relative; display: inline-block; height: 46px; margin-right:10px; font-weight:500; cursor:pointer; } .lib h2 .current, .push h2 .current, .subscriptions h2 .current,.font-m .current { padding: 0px 25px; color: #fff; font-family: "Microsoft YaHei"; background:#69acff; } .zt-lib-box{ width: 820px; border: 1px solid #e4e2e2; border-top: none; } .service, .database, .active { background: #fff; /*border: 1px solid #bad1c1;*/ } .service{ border: 1px solid #e4e2e2; } .service h2, .database h2, .active h2 { border-bottom:none; } .database .more{ left:0; } .database .more:before{ left:70px; } .loading { display: table; width: 100%; height: 100%; } .loading span { display: table-cell; width: 100%; height: 100%; text-align: center; vertical-align: middle; } .data-set .data-list li { overflow: hidden; position: relative; height: 32px; margin-bottom: 2px; font-size: 14px; line-height: 32px; color: #333; border-bottom: 1px solid #e9e9e9; } .data-set .data-list li input[type="checkbox"] { position: relative; top: -2px; margin-right: 5px; } .data-set .data-list li.selected { background: #f4f5f3; } .data-set .pages { text-align: center; } .data-set .page a { padding: 1px 5px; } .data-set .submit { min-height: 30px; _height: 30px; margin-bottom: 15px; line-height: 30px; text-align: center; } .data-set .submit .btn-s { width: 100px; margin: 0 10px; background: #f93549; border-color: #f93549; } .active h2 { background: url(../images/active-h-bg.jpg) no-repeat; } .active-list { padding: 7px 10px 0; } .active-list li { margin-bottom: 6px; background: url(../images/active-list-icon.png) no-repeat 165px 4px; } .active-list li:nth-child(1) { background-position: 165px 4px; background-color: #bea17f; } .active-list li:nth-child(2) { background-position: 165px -57px; background-color: #3a9576; } .active-list li:nth-child(3) {background-position: 165px -117px;background-color: #226c53;} .active-list li:nth-child(4) { background-position: 165px -169px; background-color: #0e542c; margin-bottom: 0; } .active-list li a { display: block; height: 30px; padding-left: 15px; line-height: 30px; font-family: "Microsoft YaHei"; font-size: 16px; color: #fff; font-weight: lighter; } /*快速入口*/ .quick_box{ width:100%; } .quick_box li{ float:left; width:50%; padding:0 5px 0 0; } .quick_box li:nth-child(2),.quick_box li:nth-child(4){ padding-right:0; } .quick_box li a{ display:block; height:90px; text-align:center; color:#fff; font-size:16px; } .quick_box li .img_span{ display:block; padding:20px 0 10px 0; } .quick_box li:nth-child(1) a{ background:#fc8a3e; } .quick_box li:nth-child(2) a{ background:#64bfd7; } .quick_box li:nth-child(3) a{ background:#f9ac3a; } .quick_box li:nth-child(4) a{ background:#77afe7; } /*期刊列表*/ .book-list{ width:100%; } .book-list h2{ float:left; width:100%; } .book-list h2 span.current{ float:left; } .book-list h2 span.more{ float:right; } .book-list_ul { width: 100%; padding: 0 30px; position: relative; height: 210px; overflow: hidden; } .book-list_ul li{ float:left; width:108px; height:150px; margin:30px 17px; } .book-list_ul a.switch_left,.book-list_ul a.switch_right{ background:none; top:90px; } .book-list_ul a.switch_left{ left:0px; } .book-list_ul a.switch_right{ right:0px; } .text_list{ float:left; width:50%; } .text_list ul{ width:100%; padding:20px; border:1px solid #e4e2e2; margin-top:-1px; } .text_list ul li{ font-size: 14px; line-height:35px; } .text_list li a.toe{ max-width:70%; color:#333; } .text_list li span.time{ width:30%; font-size:14px; text-align:right; } .text_list li em{ font-size:12px; } .blue{ color:#69acff; } .blue01{ color:#64bfd7; } .green{ color:#4caf50; } .orage{ color:#fc8a3e; } .orage01{ color:#ecaf18; } #footer { clear: both; background: #565656; border-top:none; } #footer .content{ color:#fff; background:none; } #footer .content a{ padding:0 5px; } div.slideBox div.tips div.title a { display: inline-block; overflow: hidden; max-width: 20em; text-overflow: ellipsis; white-space: nowrap; } .xztb ul li{width:20%; margin:0;} #footer .content a.xz-lj{background: url("../images/sztsg.png") no-repeat left center; background-size:16px 16px;}