@charset "utf-8"; /* CSS Document */ body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td{ margin:0; padding:0;} body,table,input,textarea,select,button { font-family: "微软雅黑","宋体"; font-size:12px;line-height:1.5; background:#fff;} div,img,tr,td,table{ border:0;} table,tr,td{border:0;cellspacing:0; cellpadding:0;} ol,ul,li{ list-style-type:none} a:link,a:visited{color:#000;text-decoration:none;} a:hover{color:#29156f;} .fl{ float:left;} .fr{ float:right;} .cl{ clear:both;overflow:hidden;} .mr40{ margin-right:40px;} .mr30{ margin-right:30px;} .mb20{ margin-bottom:20px;} .mb70{ margin-bottom:70px;} /** header **/ .header{ width:100%; height:72px; background:#29146f; padding:38px 0 40px;} .header-con{ width:1200px; margin:0 auto;} a.login{ background:url(../images/org_new_style/icons.png) -7px -11px no-repeat; width:146px; height:55px; margin-right:40px; margin-top:11px;} a:hover.login{ background:url(../images/org_new_style/icons.png) -7px -88px no-repeat; } a.register{ background:url(../images/org_new_style/icons.png) -190px -11px no-repeat; width:158px; height:55px; ;margin-top:11px;} a:hover.register{ background:url(../images/org_new_style/icons.png) -190px -88px no-repeat; } /** nav **/ .nav-box{ width:1200px; height:79px; margin:0 auto;} .nav a{ display:block; padding:25px 10px; font-size:18px; color:#000; margin-right:20px; } .navact{border-bottom:3px solid #ffbd18;} .nav a:hover{border-bottom:3px solid #ffbd18;} .searchbox{ width:338px; height:57px; border:1px solid #ccc; -moz-border-radius: 35px; -webkit-border-radius: 35px; margin:10px 0px 0 0;} .search-input{width:270px; height:40px; color:#bebebe; font-size:18px; border:1px solid #ccc;-moz-border-radius: 35px; -webkit-border-radius: 35px;border-radius: 35px; border:0px; background:none; margin:10px 0 0 20px;} .search-input:hover{ border:none;color:#fff; } a.search-icon{ background:url(../images/org_new_style/icons.png) -387px -11px no-repeat; width:40px; height:40px; margin-top:8px;} a:hover.search-icon{ background:url(../images/org_new_style/icons.png) -387px -89px no-repeat;} .searchbox:hover{ background:#999999; color:#fff;} /* Header text */ .header-content { background: url(../images/org_new_style/header-background.jpg) no-repeat 50% 0px #070317;margin: 0;padding: 0;float: left;width: 100%;line-height: 22px;position: relative;z-index: 1;} .header-content.home {height: 609px;} .home .header-content { background: #070317 ; } .header-content img {float: left; margin: 0 0 0 15px;} .header-content .text {width:800px; text-align:center; margin-top:20%; } .header-content .copy {font-size: 24px; line-height: 70px; } .header-content .button { margin:0 auto;} .header-content .dimmed { background: rgba(255, 255, 255, 0.4);} .header-content .dimmed:hover { background: rgba(255, 255, 255, 1); } .header-content .align-bottom {position: absolute; bottom: 0px;} /* => SLIDE PREV AND NEXT ARROWS <= */ .slider-prev, .slider-next {text-indent:-9999px; width:60px;height:60px;background:url("../images/org_new_style/icons.png") -306px -264px no-repeat; position:absolute;top:50%; margin-top:-19px; z-index:999; opacity:.5; -webkit-transition: all 0.3s ease-out; /* Saf3.2+, Chrome */-moz-transition: all 0.3s ease-out; /* FF4+ */ -ms-transition: all 0.3s ease-out; /* IE10? */ -o-transition: all 0.3s ease-out; /* Opera 10.5+ */ transition: all 0.3s ease-out;display: none} .slider-prev{ left:50px; } .slider-next { right:50px;background-position:-382px -264px;} .slider-prev:hover,.slider-next:hover{opacity:1;} /* => SLIDER NAV o o o <= */ .slider-nav {position:absolute;bottom:5px;left:50%;list-style:none; overflow:hidden; padding:2px; z-index:10;margin: 0; } .slider-nav li{ float:left; } .slider-nav li a{ display:block;width:13px;height:13px;overflow:hidden; padding:0px; margin:5px; background:url("../images/org_new_style/icons.png") no-repeat -419px -219px; text-decoration:none; text-indent:-999px;} .slider-nav li a:hover,.slider-nav li a.selected{background-position:-402px -219px;} /* => HOLY SLIDES <= */ .slider section {display: none;} .slider section.first {display: block;} .slider-sections, .slider-sections section {width: 806px; height: 600px; } .slider-sections {margin: 0 auto; position: relative;} .slider-sections section {position: absolute; top: 0; left: 0px; } .header-content h2 {font:400 62px/1.2 "microsoft yahei", Tahoma, arial, sans-serif;color: #fff;margin: 0 0 26px; } .header-content p {margin: 0 0 30px; font-size:28px; color:#fff;} .header-content .centered-content{padding-top: 30px;padding-bottom: 10px;} .button {float: left;width:800px;list-style: none; } .button a { font-size: 15px;line-height: 18px; text-decoration: none;color:#FFF; padding: 12px 56px;display: block;width: auto;z-index: 2;border: none; -moz-border-radius: 25px;border-radius: 25px;cursor: pointer; margin:0 auto; width:35px;} .button a:hover{color:#29156f;} /** box1 **/ .box1{ width:100%; padding:70px 0;} .content{ width:1200px; margin:0 auto;} .box-top{ margin:0 auto; text-align:center; margin-bottom:45px; } .box-title{ width:355px; height:67px; margin:0 auto; background:#29156f; color:#fff; text-align:center; font-size:40px; font-weight: lighter; margin-bottom:2px;} .box-title-p{ font-size:20px; color:#999999;} .row{ width:1200px; margin: 0 auto; } .row-box1{ width:365px;} .row-img{ margin-bottom:10px; width:365px; height:230px; display:block;} .row-time{ color:#ffbd18; font-size:14px; font-weight:bold; line-height:1.9;} .row-title{ font-size:16px; font-weight:bold; line-height:1.9;display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} .row-con { display:block; } .row-con:hover{ color:#29156f; } .row-txt{line-height:2.4; padding-bottom:10px; margin-bottom:10px; color:#888 !important; height: 68px; overflow: hidden;} .row-txt:hover{color:#29156f;} .row-txt-line{border-bottom:1px solid #cccccc; width:365px; height:56px; overflow:hidden;} a.btn-more{ display:block; font-size:14px; width:110px; height:40px;-moz-border-radius: 3px; -webkit-border-radius: 3px; background:#ffbd18; color:#fff; text-align:center; line-height:3.0;} a:hover.btn-more{ background:#29156f;} .row-box2{ width:388px; border:1px solid #ccc; border-bottom:none;} .row-con2 a{ display:block;padding:20px 10px; border-bottom:1px solid #ccc;} .row-con2 a:hover{ background:#29156f; color:#fff;} .row-con2 a:hover{ color:#fff;} .row-txt2{line-height:2.4; color:#888;} .row-txt2:hover{ color:#fff; } /** 项目动态 **/ .slider2 {position: relative;text-align: center;} .slider2-left{ width:550px; margin-top:20px;} .slider2-left h3{ font-size:18px; font-weight:bold; display:block; width:550px;white-space:nowrap; overflow:hidden; } .slider2-left h3 span{color:#29156f; margin-right:20px;} .slider2-left p{ display:block; margin-top:20px; font-size:14px; line-height:1.9; width:550px;} .slider2-right{ width:600px; margin-top:20px;} .rslides li {-webkit-backface-visibility: hidden;position: absolute; display: none; width: 100%;left:60px;top: 0; } .rslides li:first-child {position: relative;display: block; float: left;} .callbacks_tabs a:after { content: "\f111"; font-size: 0; font-family: FontAwesome; visibility: visible; display: block; width: 15px; height: 15px; display: inline-block; background:url(../images/org_new_style/icons.png) no-repeat -100px -511px ; } .callbacks_here a:after{background:url(../images/org_new_style/icons.png) no-repeat -83px -511px ;} .callbacks_tabs a{visibility:hidden;} .callbacks_tabs li{display:inline-block;} ul.callbacks_tabs.callbacks1_tabs {position:absolute;bottom: 7.3%;z-index: 999;left: -92%; display: block;} /** 开源 **/ .box2{ height:569px; padding:70px 0; width:100%; background:url(../images/org_new_style/bg.jpg) no-repeat; } .row-box3{ width:370px;} .row-title3{ width:290px; font-size:18px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-weight:bold; } .box3{height:540px; width:100%; padding:70px 0; background:url(../images/org_new_style/bg2.jpg) no-repeat; } .box-title-p3{font-size:14px; color:#999999;} .row-img2{ margin-bottom:10px; width:380px; height:310px; display:block;} /** 社区规则 **/ .indexmaindiv{height:310px;margin:0px auto;width:1200px; } .indexmaindiv1{margin-top:25px;} .stylesgoleft{float:left;width:49px;height:47px;background:url(../images/org_new_style/icons.png) no-repeat -391px -360px; opacity:.5;margin:106px 20px 0px 0px;cursor:pointer;} .stylesgoleft:hover{float:left;opacity:1;} .playerdetail{width:240px;height:310px; } .div.detailimg{width:240px;height:240px;} .detailimg img{width:240px;height:240px;} .teanames{font-size:18px; font-weight:bold;margin-top:10px;color:#000;} .teadetail{font-size:14px; color:#999;margin-top:5px;} .stylesgoright{float:left;width:49px;height:47px;background:url(../images/org_new_style/icons.png) no-repeat -393px -432px; opacity:.5;margin:106px 0px 0px 15px;cursor:pointer;} .stylesgoright:hover{float:left;opacity:1;} .teanames{ text-align:left;} .maindiv1{float:left;width:1063px;height:310px;overflow:hidden;position:relative; } .maindiv1 ul{position:absolute;left:0;top:0;} .maindiv1 ul li{float:left;width:240px;height:310px;margin-left:21px; } /** 活动专区 **/ .con-left{ width:618px;} .con-left-box{ margin-bottom:20px; height:96px; display:block;} .con-left-img{ width:175px; height:96px;} .con-left-txt{ width:360px; margin-left:15px; font-size:14px; color:#888; padding-top:8px; line-height:1.9;} .con-left-txt:hover{color:#29156f;} .con-left-pre{ margin-top:15px; } a.con-back-btn{ display: block;width:25px;height:25px;background:url(../images/org_new_style/icons.png) no-repeat -38px -505px ;} a.con-arrow-btn{ display: block;width:25px;height:25px;background:url(../images/org_new_style/icons.png) no-repeat -12px -505px ; opacity:.5;} .con-right{ width:532px; height:170px; background:#f6f6f6 ; padding:25px;} .con-right p{background: url(../images/org_new_style/con-right.gif) no-repeat 0 0;line-height:1.9; width:415px; padding:40px 0 0 20px; font-size:14px; color:#888; margin-left:20px;} .con-r-img img{ border:3px solid #e6473b; -moz-border-radius: 50px; -webkit-border-radius: 50px;border-radius: 50px; display:block; width:67px; height:67px;} .con-r-img img:hover{border:3px solid #29156f;} .con-name{ font-size:18px; font-weight:bold; margin-top:5px;} .con-r-img { text-align:center;} .con-r-pre{ margin-top:20px;} a.pre-arrow,a.pre-back{ display:block; width:25px; height:10px; background:#29156f; margin-left:5px;} a.pre-back{ background:#888;} /** footer **/ .footer{ height:220px; background:#29156f; width:100%;} .footer-con{ width:1200px; padding:65px 0 0 60px; margin:0 auto; text-align:center; font-size:14px; color:#fff;} .footer-con ul{ display:block; width:430px; height:50px; margin:0 auto; } .footer-con ul li a{font-size:18px; color:#fff; margin-right:35px; font-weight:bold;} /** ziyuan **/ .row-ziyuan{ width:570px; border-bottom:1px solid #f0f0f0; padding:15px 0; margin:0px 15px;} .ziyuan-box{ width:420px; margin-right:20px;} .ziyuan-box span{ margin-right:5px;} .ziyuan-title{ display:block; width:420px; font-size:16px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} .ziyuan-box p{display:block; width:420px; color:#888; font-size:12px; line-height:2.5;} a.download-btn{ display:block; border:1px solid #ccc; margin-top:10px; font-size:14px; width:70px; height:27px;-moz-border-radius: 3px; -webkit-border-radius: 3px; color:#888; text-align:center; line-height:1.9;} a:hover.download-btn{ background:#29146f; color:#fff; border:none;} .user-img img{ border:2px solid #e6473b; margin-right:10px; -moz-border-radius: 50px; -webkit-border-radius: 50px;border-radius: 50px; display:block; width:40px; height:40px;} .ml60{ margin-left:60px;}