/* ------------------------------------------------------------------------ 主页 */ body { background: #f1f2f6; } /* 通用容器,定义页面宽度 */ .wp { margin: 0 auto; width: 1000px; } #wp .wp { width: auto; } #ct { padding: 20px 20px; } /* header */ .hdpin { background: #fff; } #hd { width: 1000px; height: 70px; padding: 14px 0 10px; margin: 0 auto; } #hd .wp { width: 1000px; } #hd .logo { float: left; width: 216px; height: 67px; background: url(/uploads/image/ssiscnu/contentlogo.png) no-repeat; } #hd .logo a { display: block; width: 216px; height: 67px; text-indent: -9999px; } #hd .sitename { float: left; margin: 22px 0 0 10px; background: url(/uploads/image/ssiss/logopipe.png) no-repeat 0 4px; } #hd .sitename span { float: left; display: block; width: 183px; height: 44px; background: url(/uploads/image/ssicomputer/sitename3.png) no-repeat 12px 0; text-indent: -9999px; } .hd_search { float: left; margin: 20px 0 0 32px; width: 415px; } .hd_search input { border: 0; background: none; } .hd_search .hd_search_text { float: left; width: 353px; height: 30px; line-height: 32px; border: 1px solid #d9d9d9; background: #fff; } .hd_search .hd_search_text input { width: 353px; text-indent: 30px; padding-left: 5px; border: 0 none; background: url(/uploads/image/ssicomputer/icon.png) no-repeat 8px 2px; } .hd_search .hd_search_text:hover { border-left: 2px solid #1c8dd5; width: 352px; } .hd_search .hd_search_text:hover input { padding-left: 4px; background-position: 7px 2px; } .hd_search .hd_search_btn { float: left; width: 60px; height: 32px; cursor: pointer; background: url(/uploads/image/ssicomputer/icon.png) no-repeat 0 -32px; } .hd_search .hd_search_btn input { display: block; width: 60px; height: 32px; cursor: pointer; } .hd_search p { float: left; margin-top: 5px; } .hd_search p a { padding-right: 10px; color: #999; } .hd_search p a:hover { color: #1570a6; } /* headroom pin style */ .headroom { position: fixed; z-index: 999; top: 0; left: 0; right: 0; transition: all .2s ease-in-out; } .headroom--unpinned { top: -172px; } .headroom--pinned { top: 0; } .headroom--top { top: 45px; } .minitop { position: fixed; z-index: 999; top: 0; left: 0; right: 0; transition: all .2s ease-in-out; } .minitop-unpinned { top: -172px; } .minitop-pinned { top: 0; } .minitop-top { top: 0; } /* apps link */ #hd .apps { padding-top: 5px; float: right; } #hd.apps li { width: 48px; float: left;display: inline; margin-right: 18px; text-align: center; overflow: hidden; } #hd .apps li .title { height: 24px; overflow: hidden; } #hd .apps li a, #hd .apps li i, #hd .apps li .title { display: block; } #hd .apps li i.icon_scnuapp { background: url(/uploads/image/ssicomputer/mobileapp.png) no-repeat; } #hd .apps li i.icon_scnumail { background: url(/uploads/image/ssicomputer/scnumail.png) no-repeat; } #hd .apps li i { width: 46px; height: 46px; margin: 0 auto 4px; -webkit-transition: all 1s; -moz-transition: all 1s; -ms-transition: all 1s; transition: all 1s; } #hd .apps li a:hover i { -webkit-transform: rotatey(360deg); -moz-transform: rotatey(360deg); -ms-transform: rotatey(360deg); -o-transform: rotatey(360deg); transform: rotatey(360deg); } #hd .apps li { width: 48px; float: left; display: inline; margin-right: 18px; text-align: center; overflow: hidden; } /* 导航 */ #nv { width: 1000px; height: 45px; line-height: 45px; margin: 0; border-radius: 4px; background: #2873c2; font-size: 14px; overflow: hidden; } #nv li { float: left; width: 82px; text-align: center; } #nv li a { color: #fff; display: block; width: 100%; height: 45px; line-height: 45px; } #nv li a.cur, #nv li a:hover { color: #fff; background: #1668be; height: 45px; } #nv ul.dropmenu { height: auto; background: #099ff0; } #nv ul.dropmenu li { height: 35px; line-height: 35px; text-align: left; font-size: 12px; text-indent: 10px; } #nv ul.dropmenu li a { width: 120px; font-size: 12px; } #nv ul.dropmenu li a:hover { background: none; } /* 左右布局 */ #main { float: left; width: 680px; } #side { float: right; width: 300px; } /* 栏目模块 */ .colblock { margin-bottom: 25px; overflow: hidden; font-family: microsoft yahei; background: #fff; border: solid #dedede; border-width: 0 1px 1px; border-radius: 4px; } .colblock h2 { margin-bottom: 30px; height: 18px; font-size: 18px; line-height: 18px; padding: 15px 19px; color: #fff; font-weight: 400; background: #2873c2; } .colblock h2 .more { line-height: 20px; } .colblock h2 .more a { font-size: 16px; color: #fff; } .colcontent { padding: 0 15px 22px; } .colblock .block_img { float: left; margin-right: 18px; width: 220px; overflow: hidden; } .colblock .block_img img { width: 220px; height: 165px; overflow: hidden; } .colblock .block_list { float: left; width: 408px; } .colblock .block_list .b_title { font-size: 16px; height: 16px; line-height: 16px; overflow: hidden; color: #333; font-weight: 700; margin-bottom: 10px; } .colblock .block_list .b_desc { font-size: 12px; color: #999; padding-bottom: 5px; border-bottom: 1px solid #dedede; } .colblock .block_list .b_list { margin-top: 7px; } .colblock .b_news .b_list { margin: 0; } .colblock .b_news .b_list .edu_title { font-size: 16px; margin-bottom: 5px; } .colblock .b_news .b_list .edu_title a { color: #07d; } .colblock .block_list .b_list ul { margin-left: -20px; } .colblock .block_list .b_list li { font-size: 14px; line-height: 28px; height: 28px; overflow: hidden; text-indent: 10px; float: left; margin-left: 20px; width: 410px; background: no-repeat 0 13px; } .colblock .b_news .b_list li { overflow: hidden; color: #666; float: none; width: auto; height: 26px; line-height: 26px; } .colblock .listwp { margin-left: -25px; } .colblock .listcol { float: left; width: 311px; margin: 30px 0 0 25px; } /* 加载更多 */ .colblock .viewmore { margin-top: 20px; float: left; width: 100%; height: 42px; text-align: center; background: #f7f7f7; line-height: 42px; font-size: 12px; } .colblock .viewmore a { display: block; text-align: center; line-height: 42px; width: 100%; height: 42px; color: #666; } .colblock .viewmore a em { display: block; margin: 0 auto; width: 95px; background: url(/uploads/image/ssicomputer/icon.png) no-repeat 55px -70px; } /* 右栏 */ .box { background: #fff; border: solid #dedede; border-width: 0 1px 1px; border-top: 2px solid #288bde; border-radius: 4px; overflow: hidden; margin-bottom: 25px; } .box_ct { padding: 15px 15px 13px; } .boxtitle { font-size: 16px; color: #333; } .boxtitle .moreside { font-size: 12px; } .box_ct ul { margin-top: 14px; } .box_ct li { height: 24px; line-height: 24px; overflow: hidden; background: no-repeat 0 10px; text-indent: 10px; } .box_ct li.newtop { height: 65px; border-bottom: 1px solid #dcdcdc; overflow: visible; } .newtop .topno { float: left; width: 38px; height: 38px; color: #fff; text-align: center; line-height: 38px; background: url(/uploads/image/ssicomputer/icon.png) no-repeat 0 -124px; } .newtop .toptext { float: left; width: 220px; margin-left: 10px; } .newtop .toptext p.toptitle { height: 22px; line-height: 22px; overflow: hidden; } .box_ct li.newtop .desc { color: #999; } .boxnews { margin: 0 !important; } .boxnews li { background: none; text-indent: 0; padding: 5px 0; border-bottom: 1px solid #dcdcdc; } .boximg { margin: 2px 0 0 -30px !important; width: 300px; } .boximg li { float: left; margin: 17px 0 0 30px; width: 120px; height: 119px; background: none; text-indent: 0; text-align: center; } .boximg li p.thumb { height: 90px; } .boximg li img { margin-bottom: 5px; width: 120px; height: 90px; overflow: hidden; } .boxphoto li.newtop { height: 85px; margin-bottom: 0; } .boxphoto .topimg { float: left; width: 115px; height: 77px; } .boxphoto .topimg img { width: 115px; height: 77px; overflow: hidden; } .boxphoto .desc { line-height: 18px; } .boxphoto li.newtop .toptext { width: 140px; } .boxphoto li.newtop .toptext p.texttitle { font-size: 14px; } /* 热点图文 */ .focusbox { position: relative; width: 1000px; height: 450px; margin: 0 auto 15px; overflow: hidden; } .focusbox .pic{ position:relative; z-index:0; } .focusbox .pic img { width: 1000px; height: 450px; display: block; overflow: hidden; } .focusbox .hd { width: 100%; position: absolute; bottom: 10px; text-align: center; font-size:0; z-index:1; } .focusbox .hd li{margin: 0 5px; background: url(/uploads/image/ssiggy/dot1.png) no-repeat 0 -16px; height: 16px; overflow: hidden; width: 16px; cursor: pointer; display:inline-block; *display:inline; zoom:1; _background: no-repeat 0 -16px; } .focusbox .hd .on{ background-position: 0 0; } .focusbox .prev, .focusbox .next { width: 60px; height: 90px; margin: -60px 0 0; display: none; background: url(/uploads/image/ssiggy/ad_ctr.png) no-repeat 0 0; position: absolute; top: 50%; z-index: 10; cursor: pointer; text-indent: -9999px; filter:alpha(opacity=20);opacity:0.2; } .focusbox .prev { left: 0; } .focusbox .next { background-position: 0 -90px; right: 0; } .focusbox .prev:hover, .focusbox .next:hover { filter:alpha(opacity=50) !important; opacity:0.5 !important; } /* 新闻列表通用 */ .newsbox { margin-bottom: 10px; border: 1px solid #9ccded; border-radius: 4px; box-shadow: 0 0 5px #a8dcff; background: #fff; } .newscontent { padding: 15px 8px; } .booklist { text-align: center; } .booklist img { width: 176px; overflow: hidden; } .newsimgtitle { margin-bottom: 10px; height: 85px; overflow: hidden; } .newsimglist { margin: 0 0 18px -15px; } .newsimglist img { margin-left: 15px; } .campus li.on a { font-weight: 700; } .listct { background: #fff; } .listct .newscontent { padding: 0; } .campus { height: 497px; } .org { height: 335px; } .listct .newslist { margin: 0; } /* 标题 */ .newstitle { height: 40px; color: #fff; line-height: 40px; background: #0886cf; font-size: 14px; text-indent: 15px; } .newstitle .more { float: right; background: url(/uploads/image/ssistm/more.png) no-repeat center; text-indent: -9999px; width: 6px; height: 30px; } .newstitle .titlemore { font-size: 12px; margin-right: 10px; } .newslist h2 { float: left; font-size: 16px; color: #777; font-weight: 400; height: 30px; line-height: 30px; } .newslist h2 a { color: #777; } .newslist h2 a:hover { color: #000; } .newslist .catmore { float: right; line-height: 30px; } .newstitle li { float: left; } .newstitle li a { color: #fff; } .col_c .newstitle { margin: 0 8px; background: #fff url(/uploads/image/ssistm/titleicon.png) no-repeat 0 14px; text-indent: 20px; border-bottom: 1px solid #e2f0fa; color: #666; } .col_c .newstitle a { color: #666; } .listtitle { margin-bottom: 15px; border-bottom: 1px solid #e1e1e1; text-align: center; } .listtitle .more { float: right; background: url(/uploads/image/ssistm/more.png) no-repeat center; text-indent: -9999px; width: 6px; height: 30px; } .listtitle h2 { font-size: 16px; color: #333; font-weight: 700; height: 30px; line-height: 30px; } .listtitle h2 a { color: #777; } .listtitle h2 a:hover { color: #000; } /* 列表样式 */ .newslist .newsfocus, .newslist .newsimg { margin-bottom: 12px; } .newslist p { line-height: 28px; color: #666; } .newslist p a { color: #799b20; } .col_l .newstitle .titlemore a, .col_r .newstitle .titlemore a { color: #fff; } .col_s .newslist li, .col_c .newslist li { height: 28px; overflow: hidden; } .newslist li { font-size: 12px; line-height: 28px; overflow: hidden; color: #666; background: url(/uploads/image/ssistm/dot.jpg) no-repeat left center; text-indent: 10px; } .newslist li .time { font-size: 12px; } .newslist li a { color: #333; } .newslist li a:hover { color: #2873c2; } .newslist .newsimg .newssummary { width: 160px; font-size: 16px; color: #777; } .phone li { text-indent: 13px; color: #333; line-height: 33px; font-size: 14px; } .newslist .share { margin-top: 10px; } .col_c .newslist li, .col_c .newslist li .time { font-size: 14px; } .col_c .newslist li { background: none; text-indent: 0; line-height: 32px; height: 32px; overflow: hidden; } .indexcol .newslist li, .indexcol .newslist li { height: 28px; } .newstop { margin-bottom: 10px; } .topimg, .topdetail { float: left; } .topdetail { margin-left: 15px; width: 255px; color: #666; } .topdetail a { color: #666; } .topdetail a:hover { color: #799b20; } .topdetail .toptitle { font-size: 14px; margin-bottom: 5px; } .topdetail .toptext { font-size: 12px; line-height: 24px; } .col_c .newslist .contact { margin-top: -1px; font-size: 12px; line-height: 22px; color: #666; } .col_c .newslist .contact li { font-size: 12px; line-height: 22px; height: 22px; } .org li.on a { font-weight: 700; } /* 列表页 */ .col_cat { width: 100%; float: left; } .cateogry { width: 720px; } .listshow .newstitle { margin-bottom: 10px; } .listshow ul { padding: 0; } .listshow ul .line { background: none; border-bottom: 1px dotted #ddd; padding: 0 0 10px; margin-bottom: 10px; } .listcat { width: 230px; } .listcol { width: 720px; float: right; } .col_s .listname li { font-weight: 700; line-height: 32px; height: 32px; font-size: 16px; background: url(/uploads/image/ssistm/more.png) no-repeat left center; text-indent: 20px; font-size: 14px; } .col_s .listname li.show { font-weight: 700; color: #1668be; } .col_s .listname li.show a { color: #2873c2; } .col_s .listname li.leftmenu_con_cur, .col_s .listname li.leftmenu_con_cur_tree { font-weight: 400; background: none; text-indent: 2em; font-size: 12px; } .col_s .listname li.leftmenu_con_cur_tree { text-indent: 3em; } /* 师资队伍 */ .edulist { margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px dashed #ddd; } .edulist .tel strong, .edulist .email strong { margin-left: 15px; } .avatar { float: left; width: 126px; margin-right: 10px; } .avatar img { width: 126px; } .info { float: left; } .info p { font-size: 14px; line-height: 26px; } .infoitem { width: 550px; float: left; font-size: 16px; line-height: 28px; } .itemusername { font-size: 20px; margin-bottom: 15px; font-weight: 700; } .infoitem strong { width: 90px; display: block; float: left; margin-right: 10px; } .infoitem .itemdetail { float: left; width: 450px; } .infoavatar { width: 126px; float: right; } .infoavatar img { width: 126px; } .teacherinfo { border-bottom: 1px solid #ddd; margin-bottom: 20px; padding-bottom: 20px; } .typename { float: left; width: 100%; height: 35px; line-height: 35px; background: #799b20; color: #fff; margin-bottom: 10px; } .typename li { margin-left: 10px; font-weight: 700; cursor: pointer; float: left; width: 90px; font-size: 14px; text-align: center; } .typename li.on { background: #566926; } .typecontent { float: left; width: 100%; } .typecontent .typecontent_text { font-size: 14px; line-height: 26px; min-height: 300px; } /* 站内导航 */ .sitenav { padding: 10px 15px 10px 20px; color: #fff; border-bottom: 1px solid #1668be; background: #2873c2; } .sitenav a { color: #fff; } /* 分页 */ .listpages { font-family: microsoft yahei; padding: 25px 0; height: 36px; text-align: center; } .listpages a { margin: 0 2px; color: #717171; font-size: 12px; font-weight: 400; display: inline-block; height: 34px; line-height: 34px; background: #fff; border: 1px solid #e4e4e4; text-align: center; padding: 0 10px; } .listpages a:hover, .listpages a.a1:hover { background: #2873c2; color: #fff; } .listpages a.a1 { color: #717171; font-size: 12px; font-weight: 400; width: 56px; padding: 0; } .listpages span { font-size: 12px; font-weight: 400; display: inline-block; height: 34px; line-height: 34px; background: #2873c2; border: 1px solid #e4e4e4; color: #fff; text-align: center; padding: 0 10px; } /* link */ .link { width: 100%; float: left; margin-bottom: 30px; border: solid #eee; border-width: 0 1px 1px; background: #fff; } .linktitle { border-top: 2px solid #59abfe; font-size: 16px; color: #666; text-indent: 10px; height: 48px; line-height: 48px; } .link ul { width: 980px; margin: 0 auto; border-top: 1px solid #eee; } .link li { float: left; margin: 20px 0; } .link li a { color: #666; } .link li a:hover { color: #1570a6; } /* footer */ #ft { width: 100%; } #ft .wp { border-top: 1px solid #d8d8d8; padding: 23px 0; } #ft .wp .ct { padding: 0 10px; } #ft p { height: 28px; line-height: 28px; } #ft .wp , #ft .pipe, #ft a { color: #333; } #ft .copyright { float: left; text-align: left; } #ft .scnulogo { float: right; text-indent: -9999px; background: url(/uploads/image/ssicomputer/scnulogo_small.png); width: 147px; height: 45px; }