/*----reset----*/ body { color: #333333; font: 12px/16px Tahoma; background: #fff; } a { color: black; font-size: inherit; line-height: inherit; text-decoration: none; } a.disp, .sel-box a { color: #333; } a:hover { opacity: 0.8; filter:alpha(opacity=80); } .sel-box { top: 28px; } i { font-family: FontAwesome; } ::-webkit-input-placeholder { /* WebKit, Blink, Edge */ color: inherit; } :-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: inherit; opacity: 1; } ::-moz-placeholder { /* Mozilla Firefox 19+ */ color: inherit; opacity: 1; } :-ms-input-placeholder { /* Internet Explorer 10-11 */ color: inherit; } /*----reset end----*/ /*----head body foot----*/ #header, #searcher, #body, #footer, #top { min-width: 1200px; } .l-width { position: relative; width: 1200px; margin: 0 auto; } #top { height: 32px; background: #135e33; } #top .l-width { height: 32px; padding: 6px 30px; line-height: 20px; } #top #site-search, #top .login, #top .logout, #top .old, #top .top-link { float: right; margin: 0 7px; color: #fff; } #top a { color: inherit; text-decoration: underline; } #top i { margin-right: 3px; } #top #site-search { position: relative; } #top #site-search input[type="text"] { width: 150px; height: 20px; padding: 2px 25px 2px 7px; font-size: 12px; line-height: 16px; color: #f9e9e9; background: rgba(255,255,255,0.2); border: 0; border-radius: 5px; } #top #site-search .button { position: absolute; right: 3px; top: 3px; display:block; width: 14px; height: 13px; padding: 0; color: #f9e9e9; background: transparent; border: 0; } #top .alert { margin: 0 10px; padding: 0; line-height: 20px; background: transparent!important; } #top .alert b { display: inline-block; position: relative; top: -1px; min-width: 20px; height: 20px; padding: 0 5px; line-height: 20px; text-align: center; vertical-align: middle; background: rgba(255,255,255,0.3); border-radius: 10px; } #top .alert b a { text-decoration: none; } #header { height: 94px; color: #333; background: #f7f7f7; } #header a { /*color: #333;*/ } #logo { position: absolute; overflow: hidden; float: left; height: 75px; margin-top: 8px; padding: 3px 0; line-height: 73px; } #logo a { display: inline-block; height: 100%; vertical-align: bottom; } #logo img { float: left; position: relative; max-width: 400px; max-height: 100%; vertical-align: middle; } #logo span { display: none; display: inline-block; overflow: hidden; width: 1px; font: 0/0 a!important; color: transparent!important; vertical-align: middle; margin-left: -1px; } #top-nav { position: relative; float: right; z-index: 99; } #top-nav > ul > li { float: left; height: 94px; } #top-nav > ul > li > a { position: relative; display: inline-block; width: 85px; height: 94px; padding-top: 60px; text-align: center; font-size: 14px; font-family: "Microsoft YaHei"; } #top-nav > ul > li > a:hover, #top-nav > ul > li > .current, #top-nav .hs-sub:hover { color: #fff; background-color: #1f9653; opacity: 1; filter:alpha(opacity=100); } #top-nav > ul > .hs-sub > .current, #top-nav > ul .hs-sub:hover > a { color: #fff; background-color: #1f9653; background-image: url(../images/top-nav-arrow2.png); /*border-color: #fff;*/ } #top-nav > ul > li:hover i { border-color: #fff; } #top-nav > ul > li > .current .icon-1, #top-nav > ul > li:hover .icon-1 { background-position: -1px -42px; } #top-nav > ul > li > .current .icon-2, #top-nav > ul > li:hover .icon-2 { background-position: -42px -42px; } #top-nav > ul > li > .current .icon-3, #top-nav > ul > li:hover .icon-3 { background-position: -83px -42px; } #top-nav > ul > li > .current .icon-4, #top-nav > ul > li:hover .icon-4 { background-position: -124px -42px; } #top-nav > ul > li > .current .icon-5, #top-nav > ul > li:hover .icon-5 { background-position: -165px -42px; } #top-nav > ul > li > .current .icon-6, #top-nav > ul > li:hover .icon-6 { background-position: -206px -42px; } #top-nav > ul > li > .current .icon-7, #top-nav > ul > li:hover .icon-7 { background-position: -247px -42px; } #top-nav > ul > li > .current .icon-8, #top-nav > ul > li:hover .icon-8 { background-position: -288px -42px; } #top-nav > ul > li i { position: absolute; top: 11px; width: 41px; height: 41px; left: 50%; margin-left: -20px; background: url(../images/top-nav-icon.png) no-repeat; border: 1px solid #777; border-radius: 100%; } #top-nav > ul > li .icon-1 { background-position: -1px -1px; } #top-nav > ul > li .icon-2 { background-position: -42px -1px; } #top-nav > ul > li .icon-3 { background-position: -83px -1px; } #top-nav > ul > li .icon-4 { background-position: -124px -1px; } #top-nav > ul > li .icon-5 { background-position: -165px -1px; } #top-nav > ul > li .icon-6 { background-position: -206px -1px; } #top-nav > ul > li .icon-7 { background-position: -247px -1px; } #top-nav > ul > li .icon-8 { background-position: -288px -1px; } #top-nav .hs-sub > a { background: url(../images/top-nav-arrow.png) no-repeat 70px 30px; } #top-nav .hs-sub:hover .sub1 { display: block; } #top-nav .hs-sub ul li a { display: block; height: 40px; padding: 0 6px; line-height: 40px; color: #fff; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;display:block; } #top-nav .hs-sub .sub1 { position: absolute; display: none; width: 85px; background: #1e9a55; } #top-nav .hs-sub .sub1 > li { position: relative; } #top-nav .hs-sub .sub1 > li:hover { background: #1da35b; } #top-nav .hs-sub .sub1 > li:hover .sub2 { display: block; } #top-nav .hs-sub .hs-sub > a { background: url(../images/top-nav-sub-arrow.png) no-repeat 76px 16px!important; } #top-nav .hs-sub .sub2 { display: none; position: absolute; left: 85px; top: 0; width: 85px; background: #1da35b; } #top-nav .nav-search button { float: left; width: 22px; height: 22px; color: #eac5c5; background: transparent; border: 0; } #top-nav .nav-search button i { top: -2px; font-size: 10px; } #top-nav .login, #top-nav .logout { border-right: 0 } #top-nav .alert { margin: 0 10px; padding: 0; line-height: 20px; background: transparent!important; } #top-nav .alert b { display: inline-block; position: relative; top: -1px; min-width: 20px; height: 20px; padding: 0 5px; line-height: 20px; text-align: center; vertical-align: middle; background: rgba(255,255,255,0.3); border-radius: 10px; } #top-nav .old { padding: 0; border: 0; } #top-nav .old a { display: inline-block; width: 65px; height: 24px; color: #fff; line-height: 22px; text-align: center; background: #c3533e; border-radius: 3px; } #searcher { height: 147px; background:url(../images/search-bg.png) center top; background-color: #d2e3d7; } #searcher .l-width { padding-top: 20px; } #searcher .l-width:before { position: absolute; top: 0; right: -30px; width: 198px; height: 147px; background: url(../images/search-pic.png) left -19px; content: ""; } #searcher .sel { padding: 20px 16px; background-image: url(../images/icon-arrow.png); background-position: 95px 23px; border-radius: 0; } #searcher .sel-box a { padding: 10px 15px; } .search-box { height: 98px; background: #fff; } .search-sel { position: relative; height: 43px; background: url(../images/search-pic-text.png) no-repeat right #448760; } .search-sel ul { } .search-sel li { float: left; position: relative; width: 130px; height: 43px; font-size: 18px; font-family: "Microsoft YaHei"; font-weight: lighter; line-height: 41px; color: #fff; text-align: center; cursor: pointer; border-left: 1px solid #7cab90; border-right: 1px solid #225a5b; z-index: 1; } .search-sel li:first-child { border-left: 0 } .search-sel li:last-child { border-right: 0 } .search-sel .current { color: #fff; background: #eb5f3c; } .search-sel .current:before, .search-sel .current:after { border-color: #eb5f3c; } .search-sel .current span:before { border-top: 7px solid rgba(0, 0, 0, 0.2); border-left: 7px solid transparent; border-right: 7px solid transparent; content: ""; display: inline-block; left: 50%; margin-left: -7px; position: absolute; bottom: -7px; } .search-sel .current span:after { border-top: 6px solid #eb5f3c; border-left: 6px solid transparent; border-right: 6px solid transparent; content: ""; display: inline-block; left: 50%; margin-left: -6px; position: absolute; bottom: -6px; } .search-input { position: relative; height: 55px; background: #fff; } .search-input input[type="text"], .search-input select, .search-input .sel, .search-input button { float: left; height: 55px; padding: 11px 10px; line-height: inherit!important; border: 0; } .search-input input[type="text"] { width: 780px!important; } .input-type2 input[type="text"] { width: 647px!important; } .input-type3 input[type="text"] { width: 489px!important; } .search-input .class-view { position: absolute; top: 5px; left: 684px; } .search-input .class-view2 { position: absolute; top: 5px; left: 555px; } .search-input .class-view input { padding: 10px 10px; font-size: 14px; background: #fff; color: #555; border-radius: 0; border-color: #75a7df; } .search-input .sel-box { top: 55px; } .search-input button { overflow: hidden; width: 55px; height: 55px; text-indent: -200px; background: url(../images/search-btn.png) no-repeat center; border: 0; } .search-input .search-adv, .search-input .search-help a { display: inline-block; width: 195px; height: 55px; font-size: 20px; font-family: "Microsoft YaHei"; font-weight: lighter; line-height: 55px; text-align: center; color: #666; background: #fff; border-left: 2px solid #ececec; } #journalGuide { float: left; } .search-input .journal-guid { float: left; width: 150px; height: 55px; margin-left: 8px; font-size: 20px; font-family: "Microsoft YaHei"; font-weight: lighter; line-height: 55px; text-align: center; color: #666; background: #fff; border-left: 2px solid #ececec; } .search-input .search-help a { width: 135px; } .search-input .search-help i { display: none; position: relative; top: 1px; margin-right: 5px; font-size: 15px; color: #95b848; } .search-filter { display: none; position: relative; width: 800px; } .search-filter label { margin-right: 8px; } .search-filter .j-guid { position: absolute; right: 0; } .search-filter .j-guid a { text-decoration: underline; } .hot-search { font-weight: bold; margin-left: 5px; margin-right: 10px; } #body .l-width { padding-top: 30px !important; min-height:500px; } /*----head body foot end----*/ .article-type { display: inline-block; width: auto; height: 20px; margin-right: 5px; padding: 0 3px; font-size: 12px; font-weight: lighter; line-height: 19px; color: #fff; text-align: center; background: #10b2c1; border-radius: 2px; vertical-align: bottom; } .article-type:before { display: none; } .hy .article-type { background-color: #274b5c; } .xw .article-type { background-color: #a9090c; } .zl .article-type { background-color: #bf4b75; } .ww .article-type { background-color: #ffbd03; } .zz .article-type { background-color: #359a56; } .rw .article-type { background-color: #10b2c1; } .zt .article-type { background-color: #10b2c1; } .jg .article-type { background-color: #10b2c1; } .cm .article-type { background-color: #10b2c1; } .ly .article-type { background-color: #10b2c1; } .dq .article-type { background-color: #10b2c1; } .bz .article-type { background-color: #10b2c1; } .cp .article-type { background-color: #10b2c1; } .cg .article-type { background-color: #10b2c1; } .ts .article-type { background-color: #10b2c1; } .kt .article-type { background-color: #10b2c1; } .xm .article-type { background-color: #10b2c1; } .pages button { background: #135E33; border: 1px solid #135E33; vertical-align: middle; cursor: pointer; } .page .current { background: #059ff0!important; } #footer { clear: both; background: #fff; border-top: 2px solid #2199ed!important; } #footer .content { padding: 20px; color: #656565; text-align: center; background: url(../images/footer-icon.png) no-repeat 255px 45px; } #footer .content a { color: inherit; text-decoration: underline; } .fast-link { clear: both; min-height: 45px; margin-bottom: 10px; font-size: 14px; line-height: 30px; border-top: 2px solid #dbdbdb; } .fast-link h2 { position: relative; top: -2px; display: inline-block; padding: 7px 15px; padding-left: 40px; color: #000; font-size: 17px; font-family: "Microsoft YaHei"; background: url(../images/links.png) 10px 7px no-repeat; border-top: 2px solid #146f3b; } .ts h2 { background-image: url(../images/links-ts.png); } .fast-link a { position: relative; top: -2px; display: inline-block; font-size: 12px; color: #333; text-decoration: underline; } .gch-import .input button { vertical-align: top; margin-top: 2px; } .w-w1 { width: 10%; } .w-w2 { width: 20%; } .w-w3 { width: 30%; } .w-w4 { width: 40%; } .w-w5 { width: 50%; } .w-w6 { width: 60%; } .w-w7 { width: 70%; } .w-w8 { width: 80%; } .w-w9 { width: 90%; } .w-w10 { width: 100%; } .post-bug-right { position: fixed; left: 50%; margin-left: 610px; top: 310px; z-index: 999; } /*.post-bug-right a {*/ /*display: block;*/ /*width: 50px;*/ /*height: 50px;*/ /*font-size: 14px;*/ /*color: #ffffff;*/ /*padding: 8px;*/ /*line-height: 18px;*/ /*font-family: 氓庐鈥姑ぢ解��;*/ /*letter-spacing: 1px;*/ /*text-align: center;*/ /*background: url(/images/post-bug-bg.png) no-repeat;*/ /*}*/ .post-bug-right a{ display: block; width: 35px; height: 99px; padding: 4px; font-size: 16px; line-height: 21px; text-align: center; color: #fff; background: url(/images/post-bug-bg.png) no-repeat; } .post-bug-box { display: none; position: fixed; left: 50%; top: 250px; width: 600px; min-height: 350px; _height: 350px; margin-left: -300px; padding: 10px 50px 25px; background: #ffffff; border: 3px solid #4dc0dd; border-radius: 3px; box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.5); z-index: 1000; } .post-bug-box .close { position: absolute; right: 5px; top: 5px; font-size: 16px; color: #777; cursor: pointer; } .post-bug-box .close i { display: inline-block; width: 22px; height: 22px; background: url(../images/bug-close.png) no-repeat; } .post-bug-box .close i:before { display: none; } .post-bug-box .bug-title { height: 76px; padding-top: 25px; padding-left: 85px; font-family: "Microsoft YaHei"; font-weight: lighter; font-size: 18px; color: #e96326; background: url(../images/bug-pic.png) no-repeat left top; } .post-bug-box .bug-title span { display: block; font-family: Arial; font-size: 12px; color: #424242 } .bug-cnt p { position: relative; margin: 0; padding: 8px 0; } .bug-cnt .label { display: inline-block; width: 7em; height: 30px; line-height: 28px; font-weight: lighter; text-align: right; vertical-align: top; } .bug-cnt p input[type="text"], .bug-cnt p textarea { width: 385px; height: 30px; font-size: 12px; border: 1px solid #cccccc; border-radius: 0; } .bug-cnt p textarea { height: 76px; line-height: 22px; } .post-bug-box .submit { margin: 0; padding: 0; padding-left: 7em; text-align: left; background: transparent; } .post-bug-box .submit .btn-s { width: 80px; height: 28px; text-align: center; color: #fff; background: #4dc0dd; border: 0; } .post-bug-box .submit .tip { display: inline-block; height: 28px; margin-left: 5px; line-height: 26px; color: #808080; } .float-right { top: 285px; right: 0; margin-left: 0; } .float-right a { display: block; position: relative; margin-bottom: 15px; } .float-right a:hover img { display: block; } .float-right a .pic-small { display: inline-block; width: 50px; height: 50px; background: url(../images/float-pic-small.png) no-repeat; vertical-align: bottom; border-radius: 7px; } .float-right a .s-wb { background-position: -50px 0; } .float-right a .s-sj { background-position: -100px 0; } .float-right img { display: none; position: absolute; top: 0; left: 0; margin-left: -150px; } .float-right img { width: 135px; height: 135px; } .text-book:after { padding: 2px; font-size: 12px; color: #ce712e; border-color: #ce712e; border-radius: 0; } .text-paper:after { padding: 2px; font-size: 12px; color: #2c8dba; border-color: #2c8dba; border-radius: 0; } .text-journal:after { padding: 2px; font-size: 12px; color: #a352a8; border-color: #a352a8; border-radius: 0; } .text-standard:after { padding: 2px; font-size: 12px; color: #479a61; border-color: #479a61; border-radius: 0; } .text-article:after { padding: 2px; font-size: 12px; color: #1ba6b5; border-color: #1ba6b5; border-radius: 0; } .text-media:after { padding: 2px; font-size: 12px; color: #ff6e2d; border-color: #ff6e2d; border-radius: 0; } /*-- ?????css --*/ .jconfirm-box-container { width: 300px; margin: 0 auto; } .jconfirm-box-container .btn-default { color: #fff!important; background: #a21e1e; } .jconfirm-box-container .btn-cancel { color: #fff!important; background: #999; } .jconfirm-box-container .btn-cancel:hover { background: #ddd; } .jconfirm .jconfirm-box div.title-c { margin: 0 -5px; margin-bottom: 15px; padding: 0 5px; padding-bottom: 10px; border-bottom: 1px solid #ddd; } .jconfirm .jconfirm-box div.title-c .title { padding-left: 10px; padding-bottom: 0!important; font-size: 18px!important; font-family: microsoft yahei!important; border-left: 5px solid #a21e1e!important; } .icon-all-empty:before { position: relative; top: 2px; display: inline-block!important; content: " "; width: 11px; height: 13px; background: url(../images/icon-all-empty.gif) no-repeat center; } .icon-heart { color: #DF4141!important; } /*----my-lib css reset----*/ .left-nav h1, .left-links { background: url(../images/columnbg.png) left top no-repeat!important; } .left-links { margin-bottom: 0!important; background-position: left bottom!important; background-color: #298241!important; } .left-nav { margin-bottom: 20px!important; } .left-nav-list li .current { color: #2199ed!important; border-color: #2199ed!important; } .left-nav-list li .current i { background-color: #2199ed!important; } .my-lib .table td .btn { font-size: 12px; padding: 0px 5px; line-height: 19px; background: #298241; border: 0; } #selField a{ color: #333; } #divViewMsg { width: 595px!important; overflow: hidden!important; } #divViewMsg .content-input .input-label{ width: 84px; float: left; height: 30px; text-align: right; } #divViewMsg .input{ width: 460px; /* background: #f00; */ float: left; height: 30px; line-height: 30px; } #divViewMsg .input-line{ display:block; clear:both; margin: 10px 0; height: 30px; padding: 0; } #divViewMsg .layer-content{ width: 548px; padding-top: 10px; } #divViewMsg #divMsgContent{ height: 150px; overflow-y: auto; } #divViewMsg .content-input .input-line:nth-last-child(2){ height: 150px; } #divViewMsg .submit{ height: 50px; padding: 8px 0; background: none; }