body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
body,button,input,select,textarea{color:#5f5f5f;font:12px/1.8 \5b8b\4f53,arial;}
fieldset,img{border:0;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
em{font-style:normal;font-weight:normal;}
ol,ul{list-style:none;}
:focus{outline:0;}
legend{display:none;}
table { border-collapse: collapse; border-spacing: 0;}
.bc{margin-left:auto;margin-right:auto;}
.fl{float:left;display:inline;}
.fr{float:right;display:inline;}
.tc{text-align:center;}
.tr{text-align:right;}
.tl{text-align:left;}
.vm{vertical-align:middle;}
.ov{overflow:hidden;}
.pr{position:relative;}
.pa{position:absolute;}
.ps{position:static;}
.zoom{*zoom:1;}
.none{display:none;}
.block{display:block;}
.in-block{display:inline-block;}

.mt3 {margin-top:2px;}
.mt5 {margin-top:5px;}
.mt10{margin-top:10px;}
.mt15{margin-top:15px;}
.mt20{margin-top:20px;}
.mt30{margin-top:30px;}
.mt40{margin-top:40px;}
.mt50{margin-top:50px;}
.ml5 {margin-left:5px;}
.ml10{margin-left:10px;}
.ml15{margin-left:15px;}
.ml20{margin-left:20px;}
.ml40{margin-left:40px;}
.mr5 {margin-right:5px;}
.mr10{margin-right:10px;}
.mr15{margin-right:15px;}
.mr20{margin-right:20px;}
.mr30{margin-right:30px;}

.clearfix:before,
.clearfix:after{content:".";display:block;height:0;visibility:hidden;font-size:0;}
.clearfix:after{clear:both;}
.clearfix{*zoom:1;}

a{text-decoration:none;color:#333;cursor:pointer;}
a:hover{ text-decoration:none;}
a:active{outline:none;}
.color-blue{color:#008AFF;}
.color-red{color:#c62828;}

.fb{font-weight:bold;}
.f12{font-size:12px;}
.f14{font-size:14px;}
.f16{font-size:16px;}
.f18{font-size:18px;}
.text_i { text-indent: 2em;}
.lh180{line-height:1.8;}
.lh200{line-height:2.0;}

.yahei{ font-family:\5fae\8f6f\96c5\9ed1,\5b8b\4f53;}
.arial{ font-family:arial;}
.grey6 { color: #666;}
.grey9 { color: #999;}


html{overflow-y:scroll;}

.g-1000 { width: 1000px; margin: 0 auto;}


/*顶部=============================================*/
#top{ background-color: #222; font-size: 13px; height: 30px; line-height: 30px; font-family: \5b8b\4f53;}
.top-nav { float: left; margin-left: 10px; overflow: hidden; height: 30px;}
.top-nav li { float: left;}
.top-nav li.on a { border-top: 3px solid #C00; font-weight: 700; color: #fff; line-height: 25px; height: 27px;}
.top-nav li a { display: inline-block; color: #ccc; padding: 0 8px;}
.login-info { float: right; margin-right: 40px;}
.login-info a { display: inline-block; color: #fff; padding: 0 8px;}
.top a:hover { color: #CCC; text-decoration: none; background-color: #6F6F6F;}
/*12.13top修改*/
.notice{ float:right; padding-left:24px; margin-right:20px; color:#fff;background:url(https://skin.elecfans.com/images/notice.png) 0 3px no-repeat;}
.my-info{ float:right; position:relative; z-index:100;}
.u-info{ float:left;}
.u-info img{ float:left; margin-right:8px; margin-top: 5px; width:20px; height:20px;}
.drop-icon{ *float:left; *margin-top:4px; padding-right:16px; background:url(https://skin.elecfans.com/images/arrow.png) no-repeat 5px 1px;}
.top-dropdown:hover .drop-icon{ background-position:5px -43px;}
.top-dropdown-menu{ position:absolute; right:0; top:-9999px; width:130px; padding:9px 0; background:#333; z-index:100;
	box-shadow:2px 2px 3px #999;	}
.top-dropdown-menu a { font-size:14px; display: block; padding: 3px 20px; clear: both; font-weight: normal; 
	line-height: 20px; color: #ccc; white-space: nowrap;}
.top-dropdown-menu a:hover{ color:#fff; text-decoration:none; background:#999; }


.banner { height: 350px; background: url(../images/bannner_bg.jpg) no-repeat center 0;}
.banner-img { position: relative; height:350px;}
.cansai-btn { position: absolute; top: 235px; right: 45px; display: block; width: 164px; height: 56px; color: #fff; 
	line-height: 56px; font-size: 20px; text-align: center; border: 1px solid #fff;  font-family:\5fae\8f6f\96c5\9ed1,\5b8b\4f53; display: none;}
.banner:hover .can-cansai-btn { background-color: #B8312E; border: 1px solid #B8312E; text-decoration: none; }
.team-num { position: absolute; right: 45px; top:305px; font-family:\5fae\8f6f\96c5\9ed1,\5b8b\4f53; color: #fff; font-size: 14px; width: 166px; text-align: center;}
.team-num #count { color: #E52427; margin: 0 3px; font-weight: 700;}

.nav { height: 60px; background-color: #000;}
.nav .nav-list li { float: left;}
.nav .nav-list li a { font-family:\5fae\8f6f\96c5\9ed1,\5b8b\4f53; font-size: 16px; color: #fff; line-height: 60px; padding: 0 35px; display: block;}
.nav .nav-list li a.cur,.nav-list li a:hover { color: #fff; text-decoration: none; background-color:#B8312E;  }

.cansai-group-num {display: block;position: absolute;top: 250px; left: 210px; color:#666;font-size: 14px;font-family: \5fae\8f6f\96c5\9ed1,\5b8b\4f53;}
.cansai-group-num span {color:#f60;font-size: 26px;font-style: italic;}
.main { font-family:\5fae\8f6f\96c5\9ed1,\5b8b\4f53; color: #333; margin-top: 20px; word-break: break-all;}

.main .title-wrap { font-size: 20px; font-weight: 700; background: url(../images/index-ico.png) no-repeat; padding-left: 35px;}
.title-border-b { border-bottom: 1px solid #EEE; padding-bottom: 5px; color: #000;}
.main .title-wrap1 { background-position: 0 6px;}
.main .title-wrap2 { background-position: 0 -56px;}
.main .title-wrap3 { background-position: 0 -118px; color: #fff;}
.main .title-wrap4 { background-position: 0 -178px;}
.main .title-wrap5 { background-position: 0 -258px;}
.main .title-wrap6 { background-position: 0 -341px;}
.main .title-wrap7 { background-position: 0 -422px;}
.main .title-wrap8 { background-position: 0 -500px;}
.main .title-wrap9 { background-position: 0 -576px;}
.main .title-wrap10 { background-position: 0 -650px;}
.main .title-wrap11 { background-position: 0 -723px;}

.main .content-wrap { font-size: 14px; line-height: 32px;}
.b-step { background-color: #F7F7F7; padding: 35px 0; height: 170px;}
.b-step-list { border-bottom: 1px solid #D1D5D8; height: 80px;}
.b-step-list li { float: left; text-align: center; width: 165px; background: url(../images/step-li-bg.png) no-repeat center -257px; height: 120px;}

.b-step-list li.f-li { background-position: center -99px; color: #C00;}
.b-step-list li .time { padding-top: 30px; height: 70px; font-style: normal; font-family: arial; }
.b-award ul { width: 1050px;}

.b-award li { float: left; width: 220px; height: 318px; overflow: hidden; text-align: center; font-size: 14px; margin-right: 40px;}
.award-title { line-height: 18px; display: block;}
.prize { border-top: 2px solid #D1D5D8; height: 36px; line-height: 36px; display: inline;}

.b_judge { background-color: #B8312F; overflow: hidden; padding-bottom: 55px; }
.b_judge li { float: left; color: #fff; text-align: center; margin: 0 75px; font-size: 12px;}
.b_judge_list { margin-left: 100px;}
.b_judge li .name { font-size: 16px; line-height: 16px;}

.old_data { background-color: #F7F7F7; overflow: hidden; padding-bottom: 60px;}
.old_data_list { width: 1050px;}
.old_data_list li {float: left; margin-right: 40px; margin-top:10px; width: 220px; height: 200px; line-height: 24px;}
.old_data_list li img { border: 1px solid #eee; display: block; width: 208px; height: 134px;}

.reg_btn_l { background-color: #CC0001; font-size: 16px; color: #fff; padding: 10px 35px;}
.reg_btn_l:hover { color: #fff; text-decoration: none; background-color: #C40000;}

/*脚部*/
.ft-grey { background-color:#666; color:#fff; line-height: 40px; font-size: 14px; text-align: center; font-family:\5fae\8f6f\96c5\9ed1,\5b8b\4f53; }
.footer { margin-top: 50px; line-height: 36px; padding-bottom: 20px; font-size: 13px;}
.foot-link a { color: #666; margin-right: 5px; margin-left: 2px;}

/*参考资料*/
.old-data-list li { width: 210px; padding: 9px 9px 20px; border:1px solid #eee; float: left; margin:30px 10px 0; line-height: 24px;}
.old-data-list li .grey6 { height: 72px; overflow: hidden; }
.old-data-list li img {width: 208px; height: 128px; border: 1px solid #EEE;}
.old-data-list li .title {height: 48px;}
.reg-btn-l { display: block; background-color: #C00; text-align: center; line-height: 28px; color: #fff; border-radius: 3px;}
.reg-btn-l:hover { background-color: #C40000; color: #fff; text-decoration: none;}
.select-wrap { margin-left: 50px;}
.select-wrap a { padding: 0 5px 1px; color: #333; margin-left: 20px;}
.select-wrap a.cur { background-color: #c00; color: #fff;}

/*参赛团队*/
.team-list { width: 1030px;}
.team-list li { float: left; padding: 18px; width: 280px; background-color: #F7F7F7; line-height: 20px; 
	margin-top: 30px; margin-right: 20px; height: 81px;}
.team-list li:hover { background-color: #B8312F; color: #fff; }
.team-list li:hover .grey6 { color: #fff;}
.team-list li .team-info { border-bottom: 1px solid #DDD; padding-bottom: 5px;}
.team-list li:hover .team-info { border-bottom-color: #fff; }
.team-list li .team-message { margin-top: 5px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}


/*获奖作品*/
.win-wrap h3 { font-size: 24px; }
.scroll-box {}
.scroll-box table { width: 100%;}
.scroll-box table th { background-color: #607D8B; line-height: 38px; font-size: 14px; font-weight: 300; color: #fff; text-align: center;}
.scroll-box table td { /*background-color: #F5F5F5; */text-align: center; padding: 3px 5px;}

.win-page-title img { display: block;}
.bg-gray { background-color: #F7F7F7; padding: 15px 20px 20px; line-height: 24px;}
.bg-gray-list .left-box { width: 60%;}
.bg-gray h4 { font-size: 16px; font-weight: 700;}

.page-ul { width: 1040px;/* display: none;*/}
.page-ul.show { display: block;}
.page-ul li { float: left; width: 480px; margin-right: 40px; margin-top: 20px; font-size: 12px;}
.page { text-align: center; margin-top: 30px;}
.page a { padding: 5px 9px; font-size: 12px; border-radius: 2px;}
.page a.on,.page a.on:hover { background-color: #B8312F; color: #fff;}
.page a:hover { background-color: #F7F7F7;}
.page a.slide-btn { background: url(../images/slide-btn.png) no-repeat;}
.page a.slide-prev { background-position: 10px 9px; padding-left: 22px;}
.page a.slide-next { background-position: right -8px; padding-right: 13px;}
/*报名比赛*/
.apply-main { background-color: #fff; border-radius: 5px; padding: 30px; width: 940px; /*font-family: \5b8b\4f53; */
	font-size: 14px; color: #3E3E3E; margin-top: 10px; }
.apply-step-list { height: 30px; padding-left: 125px;}
.apply-step-list li { height: 40px; width: 250px; background-position: center -305px;}
.apply-step-list li.f-li { background-position: center -149px;}
.apply-step-list li p { padding-top: 50px; font-size: 16px;}
.apply-list p.apply-list-tip { color:#A9A9A9; margin-left:80px; font-size: 12px; }

.apply-wrap { width: 620px; margin: 0 auto;}
.text-input { border: 1px solid #CCC; padding: 2px 5px; height: 21px; line-height: 21px;}
.text-input:focus,.text-a:focus { 
	border-color: #A5C7FE;
	outline: 1px solid #799BD2;
	border-radius: 3px;
}
.text-a { border: 1px solid #CCC; padding: 5px; width: 528px; vertical-align: top; }
.apply-list li select { height: 24px; border: 1px solid #CCC; }
.apply-list li select#city { margin-left: 5px;}
.text-input-l { width: 528px;}
.text-input-m { width: 190px;}
.text-input-s { width: 150px; margin-right: 10px;}
.apply-list li { padding-bottom: 15px;}
.list-label { display: inline-block; width: 65px; padding-right: 10px; text-align: right;}
.no-null { color: #f00; font-style: normal; font-size: 12px; margin-right: 1px;}
.tip-text { margin-left: 75px; color: #A1A1A1; font-size: 12px;}
.add-member { background-color: #C00; color: #fff; cursor: pointer; display: inline-block; height: 27px; width: 92px; text-align: center;}
.s-btn { display: inline-block; padding: 0 15px; height: 33px; color: #fff; font-size: 14px; line-height: 33px; 
	text-align: center; background-color: #C00; font-family: \5b8b\4f53; border-radius: 3px; cursor: pointer;}
.s-btn:hover { color: #fff; text-decoration: none;}
.s-btn-w { background-color: #EEE; padding: 2px 15px 4px;}
.s-btn-w:hover { text-decoration: none; background-color: #E5E5E5;}

#example-btn { color: #C00;}
#example-btn em { margin-left: 2px;}
#example-wrap { background-color: #FFFFCC; padding: 10px; font-size: 12px; color: #797979; width: 520px; margin-left: 80px; margin-top: 5px; display: none;}

.apply-step2-list li { padding-bottom: 25px;}
.upload-wrap { float: left; background-color: #EEE; margin-left: 5px; padding: 50px; width: 420px;}
#upload { background-color: #c00; color: #fff; margin: 0 auto;}
#upload .uploadify-button  { text-align: center; }
.uploadify-queue { border:1px solid #EEE; background-color: #E5E5E5; position: relative; line-height: 30px; margin-top: 5px;}
.uploadify-queue .cancel a { display: block; position: absolute; right: 10px; top: 5px; text-align: center; width: 20px; height: 20px; line-height: 20px;}
.uploadify-queue .cancel a:hover { color: #000;text-decoration: none;}
.uploadify-queue .fileName { margin-left: 5px;}

.works-wrap { width: 300px; margin: 0 auto; }
.works-list li { border-top:1px solid #EEE; padding: 10px 0; line-height: 24px; }
/* 对话框样式 -----------------------------------------------*/
.dialog{width:100%;height:100%;overflow:hidden;background:#fff; font-family:\5fae\8f6f\96c5\9ed1;}
/*hd*/
.dialog-hd { height:50px; overflow:hidden; border-bottom:1px solid #F1F1F1; background:#F6F6F6;
    color:#555; font-size:20px; line-height:50px; text-indent:15px; }
.dialog-hd span{font-size:12px;color:#eee;font-family:arial;}
.dialog-hd a{color:#eee;}
/*bd*/
.dialog-bd{ padding:10px;}
.dialog-loading{width:140px;margin:0 auto;padding-top:25px;color:#666;}
.dialog-loading img{float:left;margin:2px 5px 0 0;}
/*close*/
.close-dialog{ position:absolute; top:10px; right:10px; width:28px; height:28px; color:#D0CECF; 
	text-align:center; cursor:pointer; font-size: 20px;}
.close-dialog:hover{ color:#444;}

/*对话框表单提交成功提示*/
.success-tip{padding:40px 30px 30px 130px;background:url(/skin-2014/images/tip-ok.jpg) no-repeat 50px 22px;}
.tip-title{margin-left:-3px;color:#000;font-size:26px;font-weight:bold;}
.tip-content{color:#666;font-size:12px;}

/*登录窗口 -----------------------------------------------*/
.other-login-link { display: block; width: 270px; margin: 15px auto; height: 36px; line-height: 36px; text-align: center; text-indent: 35px;
	font-size: 16px; border-radius: 3px; color: #fff; background: url(/skin-2014/images/other-login.png) no-repeat; }
.other-login-link:hover { color: #fff; text-decoration: none;}
.sina-login-link { background-color: #FA8C35; background-position: 45px 3px;}
.qq-login-link { background-color: #0C95D9; background-position: 45px -42px;}

/*表单*/
.login-form{ margin-left: 40px; border-top: 1px dotted #E5E5E5; width: 270px; position: relative; margin-top: 20px; padding-top: 5px;}
.login-line { position: absolute; left: 110px; top: -12px; background-color: #fff; display: inline-block; font-size: 14px; color: #ccc;}
.login-form-item{ margin-top: 15px;}
.login-input,.login-form-tip,.forgetPw,#back-login-link { background: url(https://www.elecfans.com/skin-2012/images/login-ico1.png) no-repeat;}
.login-input{ width:225px; height:20px; padding:7px 5px 7px 40px; border:1px solid #D0CECF; border-radius:3px;  font-family:\5fae\8f6f\96c5\9ed1; font-size: 16px; line-height: 20px;}
.login-input:focus{border-color:#4aabff;}
.login-input-username { background-position: 8px 5px;}
#password { background-position: 8px -33px;}
/*loading*/
.btn-area{ margin-top: 15px;}
.loading{display:none;float:left;position:relative;margin:7px 0 0 -25px;}
.loading img{display:block;width:16px;height:16px;}
.login-btn-area .btn-hasLoading-wrap{float:left;}
.login-submit,.lostpw-submit { padding: 5px 30px; font-size: 16px; margin: 0;}
.forgetPw { color: #1EA3E4; padding-right: 48px; background-position: right -103px; float: left; margin-top: 10px; margin-left: 20px; }
.forgetPw:hover {  text-decoration: none;}
/*表单提示*/
.login-form-tip { display:none; line-height: 24px; width: 243px; padding-left: 27px; background-position: 0 -73px; font-size: 14px; margin-top: 10px;}
.login-form-tip.tip-show{display:block;}

/*忘记密码*/
.lostpw-form { margin-left: 40px;margin-top: 10px; width: 270px;}
.login-input-email { background-position: 8px -124px;}
a#back-login-link { color: #666; text-decoration: none; padding-left: 52px; background-position: 0 -231px;}

.login-submit { padding: 3px 20px; background-color: #C80C00; border: none; color: #fff; border-radius: 3px; font-family:\5fae\8f6f\96c5\9ed1,\5b8b\4f53; font-size: 14px;}
.loading { margin-left: -10px;}

#email-subscribe { display: none;}
.red-more { background-color: #C00; color: #fff; border-radius: 3px; padding: 0 15px; line-height: 28px;}

.right-fix { position: fixed; top:100px; _display: none; right: 3px; z-index: 100; }
.weixin { background-color: #F0F0F0; padding: 10px; width: 100px;}
.weixin img { width: 100px;}

#fix-btn { position: fixed; right: 3px; top: 452px; z-index: 100;}
.fix-btn { display: block; width: 120px; height: 40px; background: url(../images/fix-btn.png?v=1.0) 0 0 no-repeat; line-height: 40px; font-size: 14px; font-weight: 700; text-align: center; color: #fff; letter-spacing: 3px; margin-top: 10px;}
.fix-btn:hover { background-position: 0 0;}


/*我的项目*/
#mypro { display: none;}
.myproject-wrap-hd { border-bottom: 1px solid #DDD;}
.myproject-wrap-hd h2 { margin: 20px 0 20px 40px; font-size: 20px; float: left; width: 500px;}
.myproject-wrap-hd #rw-img { float: right; position: relative; margin-right: -12px; margin-top: 19px;}
.myproject-wrap { background-color: #F7F7F7; width: 700px; /*padding: 0 40px;*/ margin: 0 auto; }
.myproject-wrap-bd { padding: 10px 40px 40px; line-height: 28px;}
.project-item-title { padding: 20px 0;}
.myproject-wrap-bd h3 { float: left; font-size: 16px; color: #000;}
.change-btn { display: inline-block; width: 69px; height: 25px; line-height: 25px; text-align: center; background-color: #EEE; border: 1px solid #DDD; border-radius: 20px; float: right; margin-left: 10px;}
.change-btn-red { border-color: #B8312E; background-color: #B8312E; color: #fff;}

.up-project { background-color: #EEE; line-height: 30px; padding: 0 12px;}
.border-b { border-bottom: 1px solid #DDD; padding-bottom: 20px;}

.myproject-wrap-bd textarea { padding: 5px 10px; width: 600px; border: 1px solid #ddd; font-family:\5fae\8f6f\96c5\9ed1; color: #333; font-size: 14px; min-height: 130px;}
.chang-info-list li { margin-top: 5px;}
.chang-info-list li label { display: inline-block; width: 75px; text-align: right;}
.chang-info-list li select { border: 1px solid #ddd; height: 24px; margin-right: 5px; font-family:\5fae\8f6f\96c5\9ed1; color: #333; font-size: 14px;}
.chang-info-list li .text-input { margin-top: 5px; border: 1px solid #ddd; width: 340px; font-family:\5fae\8f6f\96c5\9ed1; color: #333; font-size: 14px;}

.notic { display: none;}
.notic p { background: url(../images/notic-ico.png) no-repeat 15px 10px #F7F7F7; font-family:\5fae\8f6f\96c5\9ed1; color: #c00; font-size: 14px; height: 40px; line-height: 40px; padding-left: 45px;}