@charset "utf-8"; /* CSS Document */ /* 样式重置 */ .sn-fl {float:left;} .sn-fr {float:right;} .sn-cl {clear:both;content:".";display:block;font-size:0;height:0;line-height:0;visibility:hidden} .sn-container {width:100%; background-color:#fff;} .sn-p-absolute {position:absolute;} .sn-p-relative {position:relative;} .sn-grey-opacity {background:rgba(230, 230, 230, 0.9)!important; filter:Alpha(opacity=90); background:#e6e6e6;} .sn-border {border-top:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf;} /* 公共 */ .cl {clear:both;} .fl {float:left;} .fr {float:right;} .mb18 {margin-bottom:18px;} .mt10 {margin-top:10px;} .mr20 {margin-right:20px;} .mr10 {margin-right:10px;} /*字体,链接颜色*/ .sn-font-black {color:#000;} .sn-font-grey {color:#b4bbbf;} .sn-font-grey2 {color:#5e5e5e;} .sn-font-grey3 {color:#999;} a.sn-link-blue {color:#24366e;} a.sn-link-white {color:#fff;} a.sn-link-grey {color:#666;} a.sn-link-grey:hover {color:#24366e;} a.sn-link-grey2 {color:#888;} a.sn-link-select {color:#809df9;} /*字体大小*/ .sn-f12 {font-size:12px;} .sn-f14 {font-size:14px;} .sn-f18 {font-size:18px;} /*padding&margin&width*/ .sn-mt-10 {margin-left:-10px;} .sn-mt4 {margin-top:4px;} .sn-mt10 {margin-top:10px;} .sn-mt13 {margin-top:13px;} .sn-mt15 {margin-top:15px;} .sn-mt23 {margin-top:23px;} .sn-mt28 {margin-top:28px;} .sn-mb20 {margin-bottom:20px;} .sn-mb40 {margin-bottom:40px;} .sn-ml15 {margin-left:15px;} .sn-ml20 {margin-left:20px;} .sn-ml55 {margin-left:55px;} .sn-mr0 {margin-right:0px !important;} .sn-mr20 {margin-right:20px;} .sn-mr50 {margin-right:50px;} .sn-w229 {width:229px;} /*头部样式*/ .sn-header {} .sn-row {width:100%;} .sn-bg-grey {background-color:#f4f4f4;} .sn-bg-grey2 {background-color:#a5a5a5;} .sn-bg-white {background-color:#fff;} .sn-bg-blue {background-color:#24366e;} .sn-login {width:1200px; height:45px; line-height:45px; margin:0 auto; font-size:14px; color:#24366e; vertical-align:middle; text-align:right;} .sn-logo {width:1200px; height:90px; line-height:90px; margin:0 auto; vertical-align:middle;position:relative;} .sn-search-input {width:328px; height:40px; font-size:16px; color:#ccc; padding-left:10px; border:1px solid #ccc; border-right:none; float:right; background-color:#fff; outline:none;} a.sn-search-button {width:53px; height:40px; border:1px solid #ccc; border-left:none; float:right; outline:none; background:url(../images/sn_search_icon.jpg) 0 3px no-repeat;} .sn-nav {width:1200px; height:55px; margin:0 auto; font-size:16px; line-height:1; overflow:hidden;} .nav-element-default, .nav-element {float:left; padding-top:11px; padding-bottom:12px; margin-right:50px;} .nav-element-default a, .nav-element a {display:inline-block; padding:8px 6px; border-radius:5px;} .nav-element-default a:hover, .nav-element a:hover {background-color:#809df9;} .sn-subnav-position {position:absolute; left:0; top:55px; z-index:99;} .sn-sub-nav {width:1200px; margin:0 auto; font-size:14px; position:relative; line-height:1;} .sn-sub-nav li {color:#999; float:left;} .sn-sub-nav li a {height:40px; line-height:40px; vertical-align:middle; margin:0 5px; padding:0 5px; display:inline-block;} .sn-sub-nav li a:hover {border-bottom:3px solid #ffbd18; height:37px;} .sn-subnav-slice {margin:12px 5px;} .sn-banner {width:1200px; height:210px; margin:0 auto;} .sn-logo-add{ display:block; top:5px; left:0px; position:absolute; width:20px; height:20px;background:url(../images/default_blank/icons-add.png) 0px -3px no-repeat;} .sn-banner-add{ display:block; position:absolute; top:210px; left:360px;width:27px; height:27px; background:url(../images/default_blank/icons-add.png) -32px -0px no-repeat;} .sn-content-position {width:1200px; height:50px; line-height:50px; vertical-align:middle; font-size:14px; color:#888; margin:0 auto;} /*footer样式*/ .sn-footer {width:1200px; height:220px; margin:0 auto; text-align:center; font-size:14px; color:#fff; line-height:normal;} .sn-footer-link {padding:40px 0 30px 0;} .sn-footer-link li {display:inline-block;} .sn-contact {margin-bottom:30px;} /* 首页内容 */ .sn-content{ width:1200px; margin:0 auto;} .sn-content-left{ width:820px; margin-right:12px; margin-bottom:100px;} .sn-content-right{ width:368px; margin-bottom:74px; } /* index-banner */ .sn-index-banner{ width:820px; height:435px; margin-bottom:20px;} .focus{ position:relative; width:820px; height:435px; background-color: #000; float: left;} .focus img{ width:820px; height:435px;} .focus .shadow .title{width: 260px; height: 65px;padding-left: 30px;padding-top: 20px;} .focus .shadow .title a{ text-decoration:none; color:#fff; font-size:14px; font-weight:bolder; overflow:hidden; } .focus .btn{ position:absolute; bottom:34px; left:510px; overflow:hidden; zoom:1;} .focus .btn a{position:relative; display:inline; width:13px; height:13px; border-radius:7px; margin:0 5px;color:#B0B0B0; text-decoration:none; text-align:center; outline:0; float:left; background:#D9D9D9; } .focus .btn a:hover,.focus .btn a.current{ cursor:pointer;background:#fc114a;} .focus .fPic{ position:absolute; left:0px; top:0px; } .focus .D1fBt{ overflow:hidden; zoom:1; height:16px; z-index:10; } .focus .shadow{ width:100%; position:absolute; bottom:0; left:0px; z-index:10; height:80px; line-height: 80px; background:rgba(0,0,0,0.6); filter:progid:DXImageTransform.Microsoft.gradient( GradientType = 0,startColorstr = '#80000000',endColorstr = '#80000000')\9; display:block; text-align:left; } .focus .shadow a{ text-decoration:none; color:#fff; font-size:20px; overflow:hidden; margin-left:10px; } .focus .fcon{ position:relative; width:100%; float:left; display:none; background:#000 } .focus .fcon-default{ position:relative; width:100%; float:left; background:#fff } .focus .fcon img{ display:block; } .focus .fbg{bottom:25px; right:40px; position:absolute; height:21px; text-align:center; z-index: 200; } .focus .fbg div{margin:4px auto 0;overflow:hidden;zoom:1;height:14px} .focus .D1fBt a{position:relative; display:inline; width:12px; height:12px; border-radius:7px; margin:0 5px;color:#B0B0B0; text-decoration:none; text-align:center; outline:0; float:left; background:#D9D9D9; } .focus .D1fBt .current,.focus .D1fBt a:hover{background:#fc114a;} .focus .D1fBt img{display:none} .focus .D1fBt i{display:none; font-style:normal; } .focus .prev,.focus .next{position:absolute;width:40px;height:74px;background: url(../images/banner/focus_btn.png) no-repeat;} .focus .prev{top: 50%;margin-top: -37px; left: 0;background-position:0 -74px; cursor:pointer; } .focus .next{top: 50%;margin-top: -37px; right: 0; background-position:-40px -74px; cursor:pointer;} .focus .prev:hover{ background-position:0 0; } .focus .next:hover{ background-position:-40px 0;} /* index-news */ .sn-index-leftbox{ width:820px; background:#fff; margin-bottom:20px;} .h2-title{ padding:5px 0 3px; border-bottom:1px solid #ebebeb; font-size:18px; color:#777; font-weight:normal; padding-left:17px;} .h2-title a.more{ font-size:12px; color:#777; float:right; margin-right:17px; line-height:2.8;} .h2-title a:hover.more{ color:#24366e;} .sn-news-bigbox{ padding:0px 26px 0px 18px; margin:18px 0 26px; border-right:1px solid #ebebeb;} .sn-news-bigbox a.h3-title{ font-size:18px; width:380px; display:block;overflow:hidden;white-space:nowrap; text-overflow:ellipsis;} .sn-news-bigbox .sn-news-txt{ width:380px; height:180px; color:#666; overflow:hidden;} .sn-news-txt img {width:100%;} .sn-news-bigbox .sn-news-bigimg{ width:380px; height:165px;} .txt-grey{ color:#999;} .sn-news-smallbox{padding:0px 18px 0px 26px; margin:18px 0 26px; width:350px; } .sn-news-smallbox .sn-news-smallimg{ width:85px; height:85px; margin-right:10px;} .sn-title-wrap {width:250px; height:62px; line-height: 26px; font-size:14px; overflow:hidden; position: relative;} .sn-news-smallbox a.h4-title{} .title-ellipsis {width:15px; display:block; bottom:0; right:-4px; position:absolute;} /* index-competition_teams */ .sn-index-resourcescon{ padding-top:12px;background:#f2f2f2;} .sn-index-resourcesbox{ padding:10px; background:#f2f2f2; width:185px; float:left;} .sn-index-resourcesbox:hover{ background:#fff;} .sn-index-resourcesbox a.resources-title{ font-size:18px; font-weight:normal; line-height:2.0;width:185px; display:block; border-bottom:1px solid #ccc; margin-bottom:5px;} .sn-hidden {overflow:hidden; white-space:nowrap; text-overflow:ellipsis;} .sn-index-resourcesbox a.resources-tag{ font-size:14px; color:#999; margin-right:5px; line-height:1.5;} .resources-tagbox {width:185px; height: 46px; overflow:hidden;} .resources-tagbox img {max-width: 100%;} a.more-btn{ display:block; width:185px; height:30px; text-align:center; background:#ccc; color:#666; line-height:30px;} /* index-partner */ .sn-index-partnerbox{width:760px; padding:25px 30px;} .sn-index-partnerbox ul li{ height:55px;} .sn-index-partnerbox ul li a.partnerimg{ display:block; margin:0 10px 10px 0; border:1px solid #ccc; width:368px; height:43px; float:left;} .partner-btnbox{ width:90px; margin:0 auto;} .partner-btn{ width:35px; height:22px; background-color:#999; line-height:1.0; font-size:18px; color:#fff; text-align: center; margin-right:5px; cursor:pointer;} .partner-btn:hover{ background-color:#172b65;} /* index-active */ .sn-index-activebox, .sn-teacher-wrap{ margin-bottom:20px; background:#fff; padding-bottom:10px;} .active-title{width:330px; display:block;overflow:hidden;white-space:nowrap; text-overflow:ellipsis;} .sn-index-active{ margin:0px 20px 5px 20px;} .sn-index-active a.sn-activeimg{width:330px; height:210px;} /* index-wx*/ .sn-index-wxbox{margin-bottom:20px; background:#fff;} .sn-index-wximg{ margin:15px; margin-right:5px;} .sn-index-txt{ font-size:16px; line-height:2.0; margin-top:30px; max-height:64px; overflow:hidden;} .sn-index-smallbanner img{ display:block; width:369px; height:169px; } /* 内页新闻列表 */ .sn-inner-body{ width:100%; background-color:#fff;} .sn-innner-content{ width:1000px; margin:0 auto;} .sn-inner-newsh2{ font-size:20px; font-weight:normal; padding-bottom:5px; border-bottom:1px dashed #eee;} .sn-circle{ margin:18px 5px 0 5px ;border:1px solid #24366e; width:5px; height:5px; -webkit-border-radius:50px; -moz-border-radius:50px; -o-border-radius:50px; border-radius:50px; } .sn-inner-newslist ul li{ line-height:42px; font-size:15px; border-bottom:1px solid #eee;} .sn-inner-newslist a{font-size:15px; color:#888;} .sn-inner-newslist a:hover{ color:#24366e;} a.sn-newslist-titile{ font-size:15px;width:700px; display:block;overflow:hidden;white-space:nowrap; text-overflow:ellipsis;} a:hover.sn-newslist-reply,a:hover.sn-newslist-zan{ color:#379be9;} /* 内页新闻展示 */ .sn-inner-newscon{ width:1000px; padding:5px 0 50px; border-bottom:1px solid #e8e8e8; margin-bottom:30px; color:#999; font-size:14px; } .sn-inner-pcon{text-indent:2em; overflow:hidden;} .sn-inner-newscon img{ display:block; max-width:830px; margin:25px auto 5px;} .sn-inner-psmall{ color:#999; font-size:12px; margin-bottom:15px;} .sn-inner-imgp{ color:#000; text-align:center; margin-bottom:30px;} a.sn-newslist-zan{ display:block; background:url(../images/zan.gif) 0 15px no-repeat; width:54px; height:28px; padding-left:12px; color:#999; } a:hover.sn-newslist-zan{ background:url(../images/zan.gif) 0 -21px no-repeat; } /* 留言 */ .sn-replybox{ margin-bottom:100px;} .sn-reply-h2{ font-size:18px; font-weight:normal; color:#24366e; margin-bottom:6px;} .sn-reply-form{ width:1000px;height:180px; border:1px solid #e8e8e8; -webkit-border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px; border-radius:3px; background:#fff; margin-bottom:20px; } .sn-reply-text{ width:1000px; height:130px; background:#fff; border:none; resize:none;} .sn-reply-btnbox{border-top:1px solid #e8e8e8; height:48px;} a.submit-btn{ display:block; color:#fff; text-align:center; font-size:14px; line-height:27px; width:79px; height:27px; -webkit-border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px; border-radius:3px; background:#24366e; margin:8px 0 0 10px;} a:hover.submit-btn{ color:#16275c; color:#fff;} .sn-comment-h2{ color:#999; font-size:16px; font-weight:normal; border-bottom:1px solid #e8e8e8; padding-bottom:5px;} .sn-reply-userpic{ height:65px; margin-right:15px;} .sn-reply-userpic img{ width:40px; height:40px;-webkit-border-radius:50px; -moz-border-radius:50px; -o-border-radius:50px; border-radius:50px;} a.sn-reply-zan{ display:block; background:url(../images/zan.gif) 0 4px no-repeat; width:54px; height:16px; padding-left:12px; color:#999; } a:hover.sn-reply-zan{ background:url(../images/zan.gif) 0 -32px no-repeat; } .sn-comment-listbox{ padding:23px 0; width:1000px;border-bottom:1px solid #e8e8e8;} a.sn-reply-username { color:#24366e; margin-right:15px; } .sn-reply-usertxt{ width:945px; font-size:14px; } .sn-reply-more{ width:1000px; height:25px; background:#ddd; text-align:center; line-height:25px;} /*用户图像*/ .topnav_login_list{ border:1px solid #eaeaea; background:#fff; padding-left:10px; padding-bottom:10px; padding-top:8px; width:60px; left:-7px; position:absolute; z-index:9999; line-height:2; box-shadow: 0px 2px 8px rgba(146, 153, 169, 0.5); margin-top: 1px;} .topnav_login_list a{color:#269ac9;} .topnav_login_list li{ } .homepageProfileMenuIcon {background:url(../images/nav_icon.png) 30px -155px no-repeat; width:65px; height:50px; position:relative; display:inline-block; line-height:0;} .homepageLeft {width:240px; float:left; margin-right:10px; margin-bottom:10px;} .none {display: none;} .user-img,.user-img img{ margin-right:10px; -moz-border-radius: 50px; -webkit-border-radius: 50px;border-radius: 50px; display:block; width:40px; height:40px;} .ml60{ margin-left:60px;} .user-img img{border:2px solid #e6473b; } .user-img img:hover{border:2px solid #29156f;} /*组织弹窗*/ .sn-w300 {width:300px;} .org-popup-wrap {border:3px solid #269ac9; padding:15px; background-color:#ffffff; position:relative; z-index:1000;} .org-popup-close {background:url(../images/resource_icon_list.png) 0px -40px no-repeat; width:20px; height:20px; display:block; position: absolute; z-index: 1000; right:10px; top:5px;} /****翻页***/ /*ul.wlist{ float:right; border-bottom:none; height:30px; margin-top:20px; }*/ /*ul.wlist li{float: left;}*/ /*ul.wlist li a{ border:1px solid #15bccf; padding: 1px 4px 1px 4px; margin-left:3px;}*/ /*ul.wlist li a:hover{ background:#15bccf; color:#fff; text-decoration:none;}*/ /*.wlist_select {display:block; font-size:12px; border:1px solid #d1d1d1; color:#24366e; float:left; width:50px; text-align:center; padding:3px 0; line-height:1.9; margin-right:5px; -webkit-border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px; border-radius:3px; }*/ .wlist_select a{background-color: #24366e;cursor: default;width: 30px;} .sn-inner-pages a{ display:block; font-size:12px; border:1px solid #d1d1d1; color:#999; float:left; width:50px; text-align:center; padding:3px 0; line-height:1.9; margin-right:5px; -webkit-border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px; border-radius:3px; } .sn-inner-pages a:hover{ background-color:#24366e; color:#fff;} a.sn-inner-pages-big{ width:50px;} a.sn-pages-active{ background-color:#24366e; color:#fff;} .sn-inner-pages{width:330px; margin:40px auto 100px;} ul.sn-inner-pages{ float:right; border-bottom:none; height:30px; margin-top:20px; } ul.sn-inner-pages li{float: left;} ul.sn-inner-pages li a{border: 1px solid #d1d1d1;padding: 1px 4px 1px 4px;margin-left: 3px;} ul.sn-inner-pages li a:hover{ background-color:#24366e; color:#fff; text-decoration:none;} .sn-inner-pages_select { background-color:#24366e; color:#fff; padding: 1px 5px 0px 5px; margin-left:3px;margin-top: -2px; border:1px solid #64bdd9;} .sn-inner-pages_select a{background-color: #24366e; color: #fff;cursor: default;} /*名师榜*/ .sn-teacher-list {margin:0 20px; padding:15px 0; border-bottom:1px solid #e9e9e9;} a.sn-teacher-name {width:60px; font-size:18px; color:#777; float:left;} .sn-teacher-unit {width:169px; font-size:14px; color:#999; float:left; margin-left:15px; margin-top:3px;} .sn-teacher-info {height:30px; line-height:30px; vertical-align:middle; float:left; margin-left:15px;} .sn-teacher-social {height:30px; line-height:30px; vertical-align:middle; float:left; color:#999; font-size:12px; margin-left:15px;} .sn-border-none {border:none;} .sn-teacher-block {width:163px; height:222px; border-right:1px solid #e5e7ec; margin:40px 0 24px 0; float:left;} .sn-teacher-avatar2 {margin:0 18px; padding:18px 0;} .sn-teacher-info2 {color:#666; text-align:center; font-size:16px;} .sn-info2-hidden {width:153px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; margin:0 auto;} .sn-avatar-circle {border-radius:50%;} /*弹框*/ .upload_con h2 { display: block; background: #eaeaea; font-size: 14px; color: #343333; height: 31px; width: auto; margin-top: 25px; padding-left: 20px; padding-top: 5px; } a.blue_btn { background: #64bdd9; color: #fff; font-size: 14px; font-weight: normal; padding: 2px 8px; text-align: center; cursor: pointer; } a.grey_btn { background: #d9d9d9; color: #656565; font-size: 14px; font-weight: normal; text-align: center; margin-left: 10px; margin-bottom: 10px; padding: 2px 10px; } span.add_attachment { font-size: 80%; line-height: 2.5em; } .c_dark { color: #2d2d2d; } .profiler-results.profiler-left { left: 0px; } .profiler-results { z-index: 2147483643; position: fixed; top: 0px; } .filename { background: url(../images/pic_file.png) 0 -25px no-repeat;color: #3ca5c6;max-width: 150px;border: none; padding-left: 20px;margin-right: 10px;margin-bottom: 5px; white-space: nowrap; text-overflow:ellipsis;} .ajax-waiting input.upload_filename {background:url(../images/hourglass.png) no-repeat 0px 50%;} .ajax-loading input.upload_filename {background:url(../images/loading.gif) no-repeat 0px 50%;} div.ui-progressbar { width: 100px; height:14px; margin: 2px 0 -5px 8px; display: inline-block; } .evaluation{position: relative;} .evaluation_submit{position: absolute;right: 0px;bottom: 0px;} .student_work_search{background-color: #64bdd9;color: white !important;padding: 2px 7px;margin-left: 10px;cursor: pointer; }