2016-03-28 14:11:40 +08:00
|
|
|
@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 **/
|
2016-03-29 18:25:16 +08:00
|
|
|
.header{ width:100%; height:60px; background:#29146f; padding:5px 0 0px; }
|
2016-03-28 14:11:40 +08:00
|
|
|
.header-con{ width:1200px; margin:0 auto;}
|
2016-03-29 18:25:16 +08:00
|
|
|
.logo,.logo img{ display:block; height:52px; }
|
2016-03-28 14:11:40 +08:00
|
|
|
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 **/
|
2016-03-29 18:25:16 +08:00
|
|
|
.nav-box{ width:1200px; height:60px; margin:0 auto;}
|
|
|
|
|
.nav a{ display:block; padding:15px 10px; font-size:18px; color:#000; margin-right:20px; }
|
2016-03-28 14:11:40 +08:00
|
|
|
.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 */
|
2016-03-29 18:25:16 +08:00
|
|
|
.banner{ width:100%; height:234px; background:#070317 url(../images/org_new_style/banner.jpg) 0 0 no-repeat; color:#fff; text-align:center; padding-top:80px; line-height:2.4;}
|
|
|
|
|
.banner h2{ font-size:42px; }
|
|
|
|
|
.banner p{ font-size:18px;}
|
|
|
|
|
.banner span{ font-size:16px;}
|
2016-03-28 14:11:40 +08:00
|
|
|
|
|
|
|
|
/** 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; }
|
2016-03-29 13:43:28 +08:00
|
|
|
.row-txt{line-height:2.4; padding-bottom:10px; margin-bottom:10px; color:#888 !important; height: 68px; overflow: hidden;}
|
2016-03-28 14:11:40 +08:00
|
|
|
.row-txt:hover{color:#29156f;}
|
2016-03-29 11:31:58 +08:00
|
|
|
.row-txt-line{border-bottom:1px solid #cccccc; width:365px; height:56px; overflow:hidden;}
|
2016-03-28 14:11:40 +08:00
|
|
|
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; }
|
2016-03-29 16:45:14 +08:00
|
|
|
.row-box3{ width:370px;}
|
2016-03-29 19:04:51 +08:00
|
|
|
.row-title3{ width:288px; font-size:18px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-weight:bold; }
|
2016-03-28 14:11:40 +08:00
|
|
|
.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;}
|
2016-03-29 13:43:28 +08:00
|
|
|
/** ziyuan **/
|
2016-03-29 16:45:14 +08:00
|
|
|
.row-ziyuan{ width:570px; border-bottom:1px solid #f0f0f0; padding:15px 0; margin:0px 15px;}
|
2016-03-29 13:43:28 +08:00
|
|
|
.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;}
|
2016-03-29 18:25:16 +08:00
|
|
|
/*用户图像*/
|
|
|
|
|
.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:54px; position:relative; display:inline-block; line-height:0;}
|
|
|
|
|
.homepageLeft {width:240px; float:left; margin-right:10px; margin-bottom:10px;}
|
|
|
|
|
.none {display: none;}
|
2016-03-28 14:11:40 +08:00
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
