@charset "utf-8";
/*
 *edit by qiaomin
 *2015-06-09
 */
/* Reset */
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;}
fieldset,img,textarea{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;}
img,input,textarea{ border: 0; }
a { text-decoration: none; }
a:hover { text-decoration: none;}

.font12 { font-size: 12px; }
.font14 { font-size: 14px; }
.font16 { font-size: 16px; }
.lineh30 { line-height: 30px; }

.fl { float: left;}
.fr { float: right;}
.textem { text-indent: 2em; }
.textcen { text-align: center; }

.ml12 { margin-left: 12px; }
.mr24 { margin-right: 24px; }
.mr96 { margin-right: 96px; }
.ml8 { margin-left: 8px; }
.ml30 { margin-left: 30px; }
.mt10 { margin-top: 10px; }
.mt18 { margin-top: 18px; }
.mt20 { margin-top: 20px; }
.mt40 { margin-top: 40px; }
.mt50 { margin-top: 50px !important; }
.mt88 { margin-top: 88px; }
.mt107 { margin-top: 107px; }
.mb28 { margin-bottom: 28px; }
.mb30 { margin-bottom: 30px; }
.mb36 { margin-bottom: 36px; }
.mb58 { margin-bottom: 58px; }
.mb64 { margin-bottom: 64px; }
.pt10 { padding-top: 10px !important; }
.pt0 { padding-top: 0px; }
.pb0 { padding-bottom: 0 !important; }
.pb15 { padding-bottom: 15px !important; }
.w97 { width: 97px; }

.bgf { background: #fafafa; }
.bg2 { background: #f2f3f3; }
.bg_green_blue { background: #488484; }
.bg_green { background: #607847; }
.red { color: #cc3300; }
.redf { color: #ff0000; padding-right: 8px; }
.grey4 { color: #424242; }
.grey6 { color: #666; }
.blue { color: #448aca; }
.blue_dar { color: #0164f5; }
.orange { color: #f27120; }
.brown_red { color: #ec6941; }
a.awardMore { color: #666; text-decoration: underline; }

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

body {background: #fff;color: #333;font-family: "microsoft yahei";font-size: 12px;}
.g1000{ width: 1000px; margin: 0 auto; }

/*============= 头部内容 ==============*/

/*顶部*/
#top-inner { background-color: #222; font: 12px/30px "微软雅黑"; height: 30px; padding: 0 15px; }
#top-inner a { display: inline-block; color: #fff; padding: 0 8px;}
#J_topLogout a:hover {background: #4d4d4d;text-decoration: none;}
.quick-menu li{ float:left;}
.quick-menu li.cur a,.quick-menu a:hover{ text-decoration: none; border-top: 2px solid #cc0000; line-height: 26px; background: none; }

/*banner*/
.banner {width: 100%; height: 530px;margin-top: 60px;overflow: hidden; background: #063877 url(../images/banner.jpg?4646) no-repeat center top; }

/*导航*/
.nav { width: 100%; height: 58px; overflow: hidden; border-bottom: 1px solid #dcdcdc; box-shadow: 1px 1px 3px #e6e5e5;
       background:  -moz-linear-gradient(top, #fff, #fafafa 50%, #f5f5f5); 
	   background:  -webkit-linear-gradient(top, #fff, #fafafa 50%, #f5f5f5); 
	   background:  -ms-linear-gradient(top, #fff, #fafafa 50%, #f5f5f5); 
	   FILTER: progid:DXImageTransform.Microsoft.Gradient(startColorStr=#ffffff, endColorStr=#f5f5f5); }
.nav a:hover { text-decoration: none; }
.nav_scroll { position: fixed; top: 0; left: 0; z-index: 1000;  }
.nav_left li { float: left; font: 16px/58px "微软雅黑"; }
.nav_left li a:link,.nav_left li a:visited { display: block;  padding: 0 16px; color: #333; }
.nav_left li a:hover,.nav_left li.cur a { color: #fff; background: #9e9e9e; }
.nav_right li { float: left; width: 125px; height: 58px; text-align: center; font: bold 18px/58px "微软雅黑"; }

#design,#reg_join { margin-right: 5px; }
#myworks { display: none; }
.nav_right li a { display: block; color: #fff; *width: 125px; *height: 58px; }
.nav_right li #design:link,.nav_right li #design:visited,#reg_join:link,#reg_join:visited { 
	    background:  -moz-linear-gradient(top, #d00000, #da0025 50%, #e80054); 
	    background:  -webkit-linear-gradient(top, #d00000, #da0025 50%, #e80054); 
	    background:  -ms-linear-gradient(top, #d00000, #da0025 50%, #e80054); 
	    FILTER: progid:DXImageTransform.Microsoft.Gradient(startColorStr=#d00000, endColorStr=#e80054); }
.nav_right li #design:hover,#reg_join:hover { background:  -moz-linear-gradient(top, #bf0203, #c90226 50%, #d8025d); 
	                    background:  -webkit-linear-gradient(top, #bf0203, #c90226 50%, #d8025d); 
	                    background:  -ms-linear-gradient(top, #bf0203, #c90226 50%, #d8025d); 
	                    FILTER: progid:DXImageTransform.Microsoft.Gradient(startColorStr=#bf0203, endColorStr=#d8025d); }
.task_handle { display: inline-block; width: 186px; height: 65px; color: #fff; font: 30px/64px "微软雅黑"; margin: 36px 0 24px; }
.nav_right li #upload_works:link,.nav_right li #upload_works:visited,.task_handle:link,.task_handle:visited { 
	    background:  -moz-linear-gradient(top, #0067d0, #027cdb 50%, #0491e8); 
	    background:  -webkit-linear-gradient(top, #0067d0, #027cdb 50%, #0491e8); 
	    background:  -ms-linear-gradient(top, #0067d0, #027cdb 50%, #0491e8); 
	    FILTER: progid:DXImageTransform.Microsoft.Gradient(startColorStr=#0067d0, endColorStr=#0491e8); }
.nav_right li #upload_works:hover,.task_handle:hover { background:  -moz-linear-gradient(top, #0450be, #0666ca 50%, #077ad5); 
	                    background:  -webkit-linear-gradient(top, #0450be, #0666ca 50%, #077ad5); 
	                    background:  -ms-linear-gradient(top, #0450be, #0666ca 50%, #077ad5); 
	                    FILTER: progid:DXImageTransform.Microsoft.Gradient(startColorStr=#0450be, endColorStr=#077ad5); text-decoration: none; }

/*========== 主要内容 ==========*/
.info { overflow: hidden; }
.info li { padding: 30px 0 36px; }
.info li:last-child { border-bottom: 0; }

.title { font: 24px/30px "微软雅黑"; color: #333; width: 100%; text-align: center; margin-bottom: 32px; }
.title span { color: #e5e5e5; }

.rules_title { font-weight: bold; margin-top: 30px; line-height: 30px; color: #666; font-size: 12px; }
.ruleFont { color: #666; font: 12px/24px "微软雅黑"; }

/*奖品*/
.prizes li { padding: 16px 0 46px 0; float: left; margin-right: 20px; width: 320px; text-align: center; }
.prizes li.last,.award .prizes li.last { margin-right: 0; }
.prizes li h3 { font: bold 16px/30px "微软雅黑"; color: #333; }
.prizes li p { font: 14px/24px "微软雅黑"; color: #666; }

.award .prizes li img { width: 155px; height: 155px; }
.award .prizes li { margin-right: 14px; width: 155px; }
.award .prizes li h3 { font-size: 14px; }

/*首页优化 2015-07-08 ---begin*/

/*获奖名单*/
.bg_names { background: url(../images/bg_names.jpg) no-repeat center top; }
.names_list { width: 632px; height: 325px; padding: 15px 6px 6px 27px; font: 13px/26px "微软雅黑"; color: #fff; background: url(../images/wins_bg.png); }
#winning_list { width: 632px; height: 325px; overflow: hidden; position: relative; }
#winning_list ul { padding: 12px 24px 16px 0; }
#winning_list ul li { padding: 0; }
#winning_list h3 { width: 600px; margin-right: 24px; height: 51px; border-top: 1px dashed #c7e0f1; font: bold 16px/50px "微软雅黑"; color: #fff; }
#winning_list h3 div { float: left; width: 95px; height: 35px; background: url(../images/winning.png) no-repeat; padding: 8px 17px; font: 12px/18px "微软雅黑"; color: #fff; margin-right: 15px; position: relative; top: -1px; }
#winning_list h3 div span { font-weight: bold; }

/*任务 设计工具*/
.design_aid { margin: 36px 0 32px; }
.design_aid table { width: 448px; border: 1px solid #d7d7d7; }
.design_aid table td { border-bottom: 1px dashed #d7d7d7; line-height: 52px; text-align: center; font-size: 14px; }
.design_aid table tr:last-child td { border-bottom: 0; }
.design_aid table th { border-bottom: 1px solid #d7d7d7; padding-left: 15px; font-size: 16px; text-align: left; font-weight: normal; height: 52px; color: #fff; }
.design_aid table .level_tip { line-height: 24px; padding: 8px 12px; font-size: 12px; text-align: left; }
.design_aid table tr .first { width: 325px; }
.design_aid table .desgin_begin:link,.design_aid table .desgin_begin:visited { display: inline-block; width: 97px; height: 26px; text-align: center; border: 1px solid #c9c9c9; border-radius: 3px; font: 14px/26px "微软雅黑"; color: #747474;
                                background:  -moz-linear-gradient(top, #fefefe, #f3f3f3 50%, #e6e6e6); 
							    background:  -webkit-linear-gradient(top, #fefefe, #f3f3f3 50%, #e6e6e6); 
							    background:  -ms-linear-gradient(top, #fefefe, #f3f3f3 50%, #e6e6e6); 
							    FILTER: progid:DXImageTransform.Microsoft.Gradient(startColorStr=#fefefe, endColorStr=#e6e6e6); }
.design_aid table .desgin_begin:hover { text-decoration: none; background: #fff; }
.design_aid table .blue_dar{ display: block; width: 300px; padding: 0 6px 0 12px; text-align: left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

/*关于 WEBENCH DAY */
.bg_about { background: url(../images/bg_about.jpg) no-repeat center top; height: 250px; font-size: 14px; color: #fff; line-height: 24px; }
.bg_about .title,.bg_about .title a,.bg_about .title span { color: #fff; }
.bg_about .title { margin-bottom: 15px; }
.webench_day li { padding: 0; float: left; margin: 116px 74px 0 0; font: bold 14px/30px "微软雅黑"; color: #fff; }
.webench_day li:last-child { margin-right: 0; padding-left: 35px; }

/*我要报名*/
#white_bg { position: fixed; top: 0; left: 0; background: #000; opacity: 0.5; filter:alpha(opacity=50); width: 100%; height: 100%; z-index: 9999; }
#reg_form { width: 520px; height: 504px; border: 1px solid #ff0000; background-color: #fff; position: fixed; top:120px; left: 32%; z-index: 99999; }
#reg_form h3 { width: 493; height: 60px; padding-left: 25px; background-color: #ff0000; font: bold 18px/60px "微软雅黑"; color: #fff; }
#reg_form h3 span { font-weight: normal; font-size: 14px; padding-left: 14px; }
#reg_form #reg_close { width: 20px; height: 20px; position: absolute; top: 22px; right: 10px; font: bold 18px/20px arial; color: #fff; cursor: pointer; }
#regForm ul { padding: 30px 35px 0; }
#regForm li div{margin: 8px 0 17px;}
#regForm .regInput { width: 278px; height: 32px; padding: 0 7px; border: 1px solid #aeaeae; border-radius: 0; margin-bottom: 6px; font: 12px/32px "微软雅黑"; }
#regForm .regInput::-webkit-input-placeholder{ color: #858585; } 
#regForm .regInput::-moz-placeholder{ color: #858585; } 
#regForm .regInput:-moz-placeholder { color: #858585; } /* Mozilla Firefox 4 to 18 */
#regForm .regInput:-ms-input-placeholder { color: #858585; } /* Internet Explorer 10+ */ 
#subReg { width: 133px; height: 40px; color: #fff; background-color: #ff0000; text-align: center; font: 15px/38px "微软雅黑"; margin-top: 10px; cursor: pointer; }
#subReg:hover { background-color: #fe2525; }
#regForm p.errortip { display: inline-block; padding-left: 20px; }
#already{float: left;width: 130px;height: 40px;line-height: 40px;margin: 10px 0 0 15px;background-color: #06e;color: #fff;font-size: 15px;text-align: center;}
#form-sbt, #cancle{float: left;width: 120px;height: 40px;line-height: 40px;margin-top: 10px;color: #fff;text-align: center;}
#form-sbt{background-color: #0066e5;cursor: pointer;}
#cancle{margin-left: 15px;background-color: #a1a1a1;}
/*首页优化 2015-07-08 ---end*/

/*首页优化 2015-07-16 ---begin*/

/*立刻参加大赛*/
.upload_opus { display: block; width: 170px; height: 48px; color: #fff; border: 1px solid #329afb; font: bold 15px/48px "微软雅黑"; background: #0066e6; text-align: center; margin: 0 auto; }
.upload_opus:hover { text-decoration: none; background: #1476d9; }
/*参赛人员*/
.part_load { display: block; width: 124px; height: 124px; margin: 30px auto; }
.participant { padding-top: 15px; }
.participant li { padding: 0; width: 60px; float: left; margin: 0 0 20px 50px; }
.participant li img { width: 60px; height: 60px; display: block; background: #ccc; margin-bottom: 5px; }
.participant li p { width: 60px; height: 36px; color: #4e8c99; font-size: 14px; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.participant .page { text-align: right; margin: 0; padding-right: 10px; }
.participant .batch a { display: inline; border: 0; font: 14px/24px "微软雅黑"; color: #4e8c99; padding-left: 28px; }
.participant .batch a:hover { background: none; text-decoration: underline; color: #4e8c99; }
.participant .batch .page-num,.participant .batch .page-cur { display: none; }
/*右侧浮动图片*/
#float_img { position: fixed; top: 70%; right: 0; display: block; width: 146px; height: 115px; }
.float_close { position: absolute; top: 0; right: 1px; width: 19px; height: 19px; cursor: pointer; }
/*首页优化 2015-07-16 ---end*/

/*主办单位*/
.sponsor { width: 100%; text-align: center; }
.sponsor span { position: relative; top: -25px; }

/*工具*/
.tools { width: 585px; height: 180px; padding: 20px 30px; border: 2px solid #5e5e5e; font: 14px/28px "微软雅黑"; margin: 20px 0 50px; }
.tools h3 { font: bold 24px/26px "微软雅黑"; color: #666; margin-bottom: 10px; }
.entry_level { padding-right: 66px; border-right: 1px dashed #979797; }

.onlinetools { float: right; width: 300px; margin-top: 7px; }
.onlinetools a:hover { text-decoration: none; }
.design_title { font: bold 16px/20px "微软雅黑"; }

.about_webench{font: 16px/36px "微软雅黑";}
.about_webench .onlinetools { margin-top: 0; }
.w640 { width: 640px; }
.webench_title { font-size: 18px; font-weight: bold; margin-bottom: 14px; }

.tool-design { padding-top: 30px; }
.tool-design ul { width: 474px; border-top: 1px solid #efefef; border-bottom: 1px solid #dcdcdc; }
.tool-design ul li { width: 222px; padding: 0; }
.tool-design h3 { width: 474px; border-bottom: 1px solid #e8e8e8; font-weight: bold; }
.tools_list a { display: block; width: 222px; font: 14px/44px "微软雅黑"; color: #448aca; border-bottom: 1px dashed #e6e6e6; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;  }
.tools_list:last-child a { border-bottom: 0; }
.tools_list a span { color: #666; }

/*相关视频*/
.video li { float: left; width: 220px; margin-right: 40px; text-align: center; font: 14px/30px "微软雅黑"; padding: 0 0 24px 0; }
.video li.non-mar { margin-right: 0; }
.video li a { color: #333; }

/*作品展示*/
.works_list { padding-top: 47px; }
.works_list li { float: left; width: 290px; padding: 10px 14px; border: 1px solid #e5e5e5; font: 12px/24px "微软雅黑"; color: #666; margin-right: 20px; margin-bottom: 20px; background: #fff; position: relative; }
.works_list li:nth-child(3n) { margin-right: 0; }
.works_list li .hd { padding-bottom: 10px; border-bottom: 1px solid #e8e8e8; margin-bottom: 10px; }
.works_list li h3 { font: bold 18px/26px "微软雅黑"; margin-bottom: 12px; width: 275px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.works_list li span { color: #999; display: inline-block; margin-right: 30px; background: url(../images/icons.png) no-repeat; padding-left: 22px; }
.works_list li .time { background-position: 0 2px; }
.works_list li .user { background-position: 0 -21px; }
.brief { width: 100%; height: 96px; overflow: hidden; text-overflow: ellipsis; }
.operate { position: relative; border-top: 1px solid #e5e5e5; width: 303px; left: -14px; padding: 6px 15px 0 0; margin-top: 8px; line-height: 14px; }
.operate a { text-decoration: underline; }
.audit { width: 48px; height: 48px; position: absolute; top:0; right: 0; }

.works_list li a {color:#666;}

/*没有作品 提示*/
.nullWorks { padding: 90px 0; text-align: center; font: 18px/48px "微软雅黑"; }
.uploadBtn { display: inline-block; width: 138px; height: 48px; background: #027edc; text-align: center; color: #fff; font-weight: bold; margin-top: 30px; border: 1px solid #797979; }
.uploadBtn:hover { border: 0; width: 140px; height: 50px; line-height: 50px; text-decoration: none; background:  -moz-linear-gradient(top, #0450be, #0666ca 50%, #077ad5); 
	                    background:  -webkit-linear-gradient(top, #0450be, #0666ca 50%, #077ad5); 
	                    background:  -ms-linear-gradient(top, #0450be, #0666ca 50%, #077ad5); 
	                    FILTER: progid:DXImageTransform.Microsoft.Gradient(startColorStr=#0450be, endColorStr=#077ad5); }

/*上传作品*/
.padtb { padding: 22px 0 48px; }
.form_title { font: bold 16px/60px "微软雅黑"; color: #666; border-bottom: 1px solid #e5e5e5; }
.form_title span { font-size: 14px; color: #999; font-weight: normal; }
.form_fill li { padding-top: 22px; color: #666; }
.form_fill li label { width: 105px; }
.form_fill li label span { color: #d00000; margin-right: 5px; }
.fileTip { font: 12px/34px "微软雅黑"; color: #999; float: left; margin-left: 16px; }
.formInput { width: 231px; height: 30px; padding: 2px 12px; border: 1px solid #dcdcdc; font: 12px/30px "微软雅黑"; }
.formInput::-webkit-input-placeholder{ color: #c0c0c0; } 
.formInput::-moz-placeholder{ color: #c0c0c0; } 
.formInput:-moz-placeholder { color: #c0c0c0; } /* Mozilla Firefox 4 to 18 */
.formInput:-ms-input-placeholder { color: #c0c0c0; } /* Internet Explorer 10+ */ 
textarea.formInput { display: block; width: 555px; height: 84px; padding: 12px 15px; }
#subForm { width: 148px; height: 46px; text-align: center; font: 18px/44px "微软雅黑"; color: #fff; background: #d00000; border-radius: 3px; cursor: pointer; margin-top: 42px; }
#subForm:hover { background: #b40202; }

/*上传流程*/
.upload_process { padding-top: 2px; width: 860px; margin: 0 auto; }
.flow { width: 500px; height: 132px; margin: 0 auto; display: block; }
.tip_info { width: 660px; padding: 28px 100px; background: #edecec; position: relative; font: 14px/32px "微软雅黑"; color: #666; min-height: 130px; }
.shape { width: 18px; height: 13px; position: absolute; top: -13px; left: 237px; }
.continue { width: 100%; border-top: 1px solid #fff; margin-top: 20px; padding-top: 28px; }
.continue a { display: inline-block; width: 110px; height: 35px; margin-right: 42px; border: 1px solid #d2d2d2; 
	          text-align: center; font: 14px/35px "微软雅黑"; color: #999; box-shadow: 2px 3px 6px #e5e5e5; background: #fff; }
.continue a:hover { border-color: #aaa; color: #666; text-decoration: none; }
.warm_tip { font: 12px/24px "微软雅黑"; color: #999; margin-top: 64px; }
.advance .shape { left: 415px; }
#select_award .shape { left: 610px; }

/*上传按钮*/
.errortip{ font: 12px/24px "微软雅黑"; color: #FF0000;}
.null_tip { position: relative; top: -20px; }
.up-process{position: relative;width: 338px;height: 50px;border: 1px solid #b5c4d9;}
.up-process img{float: left;width: 35px;height: 35px;margin: 7px 0 0 10px;}
.up-process .name{float: left;margin-left: 15px;font-size: 12px; font-family: "宋体"; }
#upquxiao{display: block;position: absolute;top: 0;right: 10px;font-family: simsun;font-size: 14px;color: #176cac;}
#upsucce{display: none;margin: 0;line-height: 14px;font-size: 12px;color: #60a028;}
.name p{margin: 5px 0 0;line-height: 20px;text-align: left;}
.name p span{display: inline-block;zoom: 1;*display: inline;vertical-align: middle;overflow: hidden;text-overflow: ellipsis; white-space: nowrap;}
#thename{max-width: 160px; color: #949494; }
#thesize{max-width: 60px;margin-left: 8px; color: #525252; }
.distext { margin: 0 auto 20px; width: 335px; display: none; }

/*loading*/
.black_box { width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 1002; background-color: #111; opacity: 0.3; filter:Alpha(opacity=30); }
.loading_b { display: none; width: 126px; height: 126px; background: url(../images/loading.gif) no-repeat; position: fixed; top: 40%; left: 44%; z-index: 88; }

/*页码*/
.page { display: inline-block; text-align: center; width: 100%; margin: 16px 0 34px; color: #000; }
.page a,.page-cur { display: inline-block; text-align: center; margin-right: 4px; border: 1px solid #7e7e7e; font: 12px/24px "宋体"; color: #000; }
.page-prev,.page-next { width: 52px;}
.page-disprev, .page-disnext{width: 52px;}
.page-num,.page-cur { width: 28px; }
.page a:hover,.page .page-cur { background: #000; color: #fff; text-decoration: none; }
.page .page-disprev:hover, .page .page-disnext:hover{background-color: #ccc;cursor: not-allowed;}

/*回到顶部*/
#backtop { display: none; position: fixed; bottom: 30px; right: 5px; z-index: 99; width: 50px; height: 50px; background: url(../images/backtop.jpg) no-repeat -1px 0; }
#backtop:hover { background-position: -51px 0; }

/*========== 底部内容==========*/
.footer { font: 12px/28px "宋体"; color: #727272; width: 1000px; margin: 20px auto 18px; text-align: center; }
.footer a { color: #727272; }
.contact { width: 100%;  font: 14px/54px "微软雅黑"; color: #fff; background: #a0a0a0; text-align: center; }


/*提示修改邮箱地址 -----------------------------------------------*/
#content { width: 1000px; margin: 0 auto; }
#content p#email_tip,#content p#send,#content p#mod,p.email_notice{ width: 970px; height: 50px; font:14px/50px Tahoma,'Microsoft Yahei','Simsun';; color: #333; background: #f3f3f3; margin-bottom: 8px; padding-left: 30px; } 
.blackTip{width: 100%; height: 100%; background: #000; opacity: 0.3; position: fixed; top:0; left: 0; z-index: 111; } 
#email_mod{width: 580px; border-radius: 5px; background: #fff; position: absolute; top:20%; left: 27%; z-index: 999; } 
.emailTip a,.emailTip a:link,.emailTip a:visited,.emailTip a:hover{color: #3d8ec9; cursor: pointer; } 
.mod_title,.suc_title{font:20px/50px Tahoma,'Microsoft Yahei','Simsun';; } 
.mod_title{height: 50px; width: 563px; color: #666; background: #f6f6f6; border-radius: 5px 5px 0 0; padding-left: 17px; } 
.email-input:focus{border: 1px solid #39a3ff; color: #666666; } 
#email-form ul{padding: 30px 20px 20px 18px; font:16px/18px Tahoma,'Microsoft Yahei','Simsun';; color: #666; } 
#email-form ul li{margin-bottom: 22px; } 
.error {background: url('/skin-2012/images/login-ico1.png') no-repeat 1px -74px; padding-left: 28px; color: #D02D2D; font-size: 14px; line-height: 24px; } 
#email-error{margin-left: 106px; } 
.email-input{width: 412px; height: 18px; border: 1px solid #ddd; border-radius: 3px; color: #ccc; font:16px/18px Tahoma,'Microsoft Yahei','Simsun';; padding: 7px 10px; } 
.sub,.res{float: right; width: 120px; height: 36px; font:18px/36px Tahoma,'Microsoft Yahei','Simsun';; text-align: center; border-radius: 5px; border: 0; color: #fff; cursor: pointer; } 
.res{margin-right: 20px; background: #aaa; } 
.res:hover{background: #ccc; } 
.sub{background: #c80d00; } 
.sub:hover{background: #e1261a; } 
.email_close{width: 15px; height: 15px; position: absolute; top:18px; right: 18px; cursor: pointer; background: url(https://www.elecfans.com/skin-2012/images/icons.png) no-repeat -147px -337px; }
.suc{text-align: center; padding-bottom: 44px; } 
.suc_title{margin-top: 14px; margin-bottom: 14px; } 
p.suc-tip{font: 14px/32px Tahoma,'Microsoft Yahei','Simsun';; color: #666; }

/* 对话框样式 ------登录部分-----------------------------------------*/
.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-2012/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(https://www.elecfans.com/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 !important; border:1px solid #D0CECF; border-radius:3px;  font-family:\5fae\8f6f\96c5\9ed1; font-size: 16px; line-height: 20px;}
.li .red-bor { border: 1px solid red;}
.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 -99px; 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;}

/*12.13top修改*/
.notice{float:right;padding-left:24px;margin-right:20px;color:#fff;background:url(/skin-2012/images/notice.png) no-repeat 0 3px;}
.my-info{float:right;position:relative;z-index:100;}
.u-info{float:left;}
.u-info img{float:left;margin-right:8px;width:20px; height:20px; margin-top: 6px;}
.drop-icon{*float:left;*margin-top:4px;padding-right:16px;background:url(/skin-2012/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:#111;z-index:100; box-shadow:2px 2px 3px #999; } 
.top-dropdown-menu a { width: 114px; height: 30px;  font-size:14px; display: block; clear: both; font-weight: normal; line-height: 30px; color: #ccc; white-space: nowrap; } 
.top-dropdown-menu a:hover{color:#fff; text-decoration:none; background:#999; }
.icons{display:inline-block;}

/*2015-07-29 左侧添加微信群二维码浮窗*/
.left-slide{position: fixed;width: 187px;height: 277px;bottom: 80px;left: 3px;background: url(../images/slide-bg.png) 0 0 no-repeat;}
.slide-close{position: absolute;display: block;width: 17px;height: 17px;top: 0;right: 0;cursor: pointer;}

/*2015-09-01 以下内容为新版样式*/
.out-wrap{width: 100%;}
.grayblack{position: fixed;background-color: #434343;top: 0;left: 0;z-index: 99;}
.blueimg{background-color: #43bee8;}
.w1000{width: 1000px;margin: 0 auto;}
.inlinebk{display: inline-block;zoom: 1;*display: inline;}
.po-rlt{position: relative;}
.po-rlt .thisjg{position: absolute;left: 185px;bottom: 15px;color: #c00;font-size: 15px;}
/*头部导航*/
.new-topnav{width: 1000px;height: 60px;margin: 0 auto;}
.logo{width: 125px;height: 60px;overflow: hidden;}
.logo img{width: 120px;height: 60px;}
.inner-nav{margin-left: 15px;}
.inner-nav a, .webench-btn a{display: inline-block;zoom: 1;*display: inline;height: 60px;line-height: 60px;color: #fff;text-decoration: none;text-align: center;}
.inner-nav a{padding: 0 20px;font-size: 16px;}
.inner-nav a:hover{background-color: #7d7d7d;text-decoration: none;}
.inner-nav a.now-page{background-color: #7d7d7d;}
.webench-btn a{width: 125px;background: url(../images/top-btnbg.png) no-repeat;font-size: 18px;font-weight: bold;}
.webench-btn .sign-in{background-position: 0 0;}
.webench-btn .sign-in:hover{background-position: 0 -60px;}
.webench-btn .begin{background-position: 0 0;}
.webench-btn .begin:hover{background-position: 0 -60px;}
.webench-btn .upload{margin-left: 4px;background-position: 0 -120px;}
.webench-btn .upload:hover{background-position: 0 -180px;}
.new-topnav .inner-nav .hidethis{display: none;}
.new-topnav .webench-btn .hidethis{display: none;}
/*banner*/
.new-banner{width: 100%;height: 530px;padding-top: 60px;background: url(../images/banner.jpg?46) center bottom no-repeat;}
.new-banner img{display: none;}
/*procress*/
.new-proc{position: relative;height: 317px;background-color: #fff;}
.new-proc a{float: left;width: 172px;height: 172px;line-height: 172px;margin-top: 66px;color: #fff;background: url(../images/circlebg.png) no-repeat;font-size: 31px;font-weight: bold;text-align: center;}
.new-proc span{position: absolute;display: block;width: 38px;height: 41px;top: 132px;background: url(../images/allbgimg.png) 0 0 no-repeat;}
.new-proc span.arrow1{left: 210px;}
.new-proc span.arrow2{left: 484px;}
.new-proc span.arrow3{left: 754px;}
.new-proc .design{margin-left: 0px;background-color: #39b8e6;}
.new-proc .design:hover{background-color: #34a8d2;}
.new-proc .upload{margin-left: 102px;background-color: #ffb739;}
.new-proc .upload:hover{background-color: #fbaa1c;}
.new-proc .raffle{margin-left: 102px;background-color: #fb6e50;}
.new-proc .raffle:hover{background-color: #fb522e;}
.new-proc .award{margin-left: 102px;background-color: #80c269;}
.new-proc .award:hover{background-color: #71ac5c;}
/*活动指引*/
.new-tips{position: relative;height: 397px;color: #fff;}
.new-tips .left-tip{position: relative;width: 500px;z-index: 1;}
.new-tips h2{padding-top: 57px;font-size: 24px;font-weight: bold;}
.new-tips p{line-height: 1.8em;margin-top: 35px;font-size: 16px;}
.new-tips p a{color: #fff;text-decoration: underline;}
.new-tips .right-person{position: absolute;width: 670px;height: 397px;left: 470px;top: 0;background: url(../images/personbg.jpg) 0 0 no-repeat;}
/*轻松设计*/
.new-design{height: 507px;}
.index-tools{width: 300px;margin-top: 80px;}
.design-tips{width: 590px;margin: 110px auto 0 110px;}
.design-tips h2{font-size: 24px;font-weight: bold;}
.design-tips p{line-height: 1.9em;margin-top: 20px;color: #666;font-size: 16px;}
.design-tips .special-img{width: 590px;height: 50px;margin-top: 38px;background: url(../images/specialimg.jpg) -15px 0 no-repeat;}
.design-tips .begin-design, .skyblue .left-tip a{display: block;width: 300px;height: 50px;line-height: 50px;color: #fff;font-size: 20px;text-align: center;border-radius: 3px;}
.design-tips .begin-design{margin: 45px auto 0;background-color: #c00;}
.design-tips .begin-design:hover{background-color: #b40000;}
/*上传方案*/
.skyblue{background-color: #43bee8;}
.skyblue .left-tip, .skyblue .right-img{width: 500px;height: 353px;}
.skyblue .left-tip{color: #fff;}
.skyblue .left-tip h2{padding: 80px 0 0 110px;font-size: 24px;font-weight: bold;}
.skyblue .left-tip p{margin: 20px 0 0 80px;font-size: 16px;}
.skyblue .left-tip a{margin: 68px 0 0 6px;background-color: #ffb739;}
.skyblue .left-tip a:hover{background-color: #ffad1d;}
.skyblue .right-img{background: url(../images/uploadbgimg.jpg) right top no-repeat;}
/*抽奖*/
.rafflepriz{position: relative;padding: 85px 0 70px;}
#raffle-link{position: absolute;display: block;top: -20px;left: 0;}
.prilist{border: 1px solid #dcdcdc;border-bottom: none;}
.prilist .short, .prilist .long{height: 198px;border-bottom: 1px solid #dcdcdc;background: url(../images/prizelist.jpg) no-repeat;}
.prilist .short{width: 298px;}
.prilist .long{width: 400px;border-left: 1px solid #dcdcdc;border-right: 1px solid #dcdcdc;}
#prize1{background-position: 0 0;}
#prize2{background-position: 0 -198px;}
#prize3{background-position: 0 -396px;}
#prize4{background-position: 0 -792px;}
#prize5{background-position: 0 -1386px;}
#prize6{background-position: 0 -1188px;}
#prize7{background-position: 0 -990px;}
#prize8{background-position: 0 -594px;}
#begin-btn{background: none;}
#begin-btn a{display: block;line-height: 198px;color: #666;font-size: 30px;text-align: center;}
#begin-btn a:hover{background-color: #ececec;}
#begin-btn a:active{background: url(../images/beginclick.png) no-repeat;}
.prize-cover{display: none;width: 100%;height: 100%;background-color: #000;filter:alpha(opacity=50);opacity: .5;}
/*抽奖弹出层*/
.result-cover{display: none;position: fixed;width: 100%;height: 100%;left: 0;top: 0;background-color: #000;filter:alpha(opacity=50);opacity: .5;z-index: 45;}
.result{display: none;position: absolute;width: 320px;left: 340px;top: 200px;text-align: center;z-index: 50;      background-color: #fff;}
.result .close-panel{position: absolute;display: block;width: 21px;height: 21px;top: 10px;right: 10px;background: url(../images/allbgimg.png) 0 -60px no-repeat;cursor: pointer;}
.result .btn-wrap{margin-top: 20px;padding: 25px 0;border-top: 1px solid #ddd;}
.result .btn-wrap .tips{margin: 0 0 15px;color: #666;font-size: 14px;}
.btn-wrap .tips span{color: #e60012;}
.btn-wrap .tips strong{margin-left: 6px;color: #333;font-weight: bold;}
.btn-wrap a{display: block;width: 243px;height: 36px;line-height: 36px;margin: 0 auto;background-color: #ec6941;font-size: 14px;color: #fff;border-radius: 3px;}
.showthis{display: block;}
/*中奖效果*/
.havepri h3{padding-top: 30px;color: #e60012;font-size: 25px;font-weight: bold;text-indent: 12px;}
.havepri p{margin-top: 10px;font-size: 16px;}
#showpri{width: 150px;height: 150px;margin: 10px auto 0;background-image: url(../images/haveprilist.png);background-repeat: no-repeat;}
.havepri .prid1{background-position:  0 0;}
.havepri .prid2{background-position:  0 -150px;}
.havepri .prid3{background-position:  0 -300px;}
.havepri .prid4{background-position:  0 -450px;}
.havepri .prid6{background-position:  0 -600px;}
.havepri .prid7{background-position:  0 -750px;}
.havepri .prid8{background-position:  0 -900px;}
/*未中奖*/
.nopri h3{padding-top: 40px;font-size: 18px;text-indent: 12px;}
.nopri .nopri-img{width: 200px;height: 110px;margin: 12px auto 0;}
/*抽奖机会用完了*/
/*还没有抽奖机会*/
.usedcha p, .nocha p{line-height: 32px;font-size: 16px;}
.usedcha .cha-tit, .nocha .cha-tit{padding-top: 50px;}
/*获奖名单*/
.lightyellow{padding-bottom: 25px;background-color: #fdedd4;}
.lightyellow h2{padding: 25px 0 13px;color: #666;font-size: 18px;text-align: center;}
.peo-list{position: relative;height: 66px;overflow: hidden;}
.peo-list .plist-wrap{position: absolute;left: 0;top: 0;}
.peo-list .plist-wrap p{float: left;width: 333px;line-height: 32px;font-size: 13px;color: #666;}
.peo-list p .time{margin: 0 8px;color: #333;font-size: 12px;}
.peo-list p .peo{display: inline-block;zoom: 1;*display: inline;width: 55px;color: #0075a9;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;vertical-align: bottom;}
.peo-list p .priz{margin-left: 8px;font-weight: bold;}

/*主办单位*/
.maincpy{height: 207px;}
.maincpy h2{padding-top: 35px;font-size: 24px;text-align: center;}
.maincpy h2 span{width: 52px;height: 2px;margin: 0 5px;background-color: #e5e5e5;vertical-align: middle;}
.maincpy p{height: 65px;line-height: 65px;margin-top: 32px;}
.maincpy p span{margin-right: 6px;font-size: 16px;}
.maincpy p span.span1{margin-left: 140px;}
.maincpy p span.span2{margin-left: 100px;}
.maincpy p img{vertical-align: middle;}
/*赛事咨询*/
.consult{width: 100%;height: 54px;line-height: 54px;background-color: #a0a0a0;color: #fff;font-size: 14px;text-align: center;}
.consult span{margin-right: 18px;}
/*页面底部*/
.pg-btm{height: 120px;padding-top: 12px;}
.pg-btm p{margin-top: 15px;color: #727272;text-align: center;}
.pg-btm p a{padding: 0 10px;border-right: 1px solid #727272;color: #727272;}
.pg-btm p a.last{border: none;}
/*上传成功*/
.up-succ{height: 540px;line-height: normal;padding-top: 60px;color: #666;text-align: center;}
.up-succ h2{margin-top: 75px;font-size: 24px;}
.up-succ h2 span{width: 41px;height: 41px;margin-right: 10px;background: url(../images/allbgimg.png) -59px 0 no-repeat;vertical-align: middle;}
.up-succ .tips{margin-top: 22px;font-size: 24px;}
.up-succ .times{margin-top: 18px;font-size: 15px;}
.up-succ .times span{color: #ec6941;}
.up-succ .times strong{font-weight: bold;}
.up-succ .succ-btn{margin-top: 40px;}
.up-succ .succ-btn a{width: 130px;height: 40px;line-height: 40px;font-size: 16px;border-radius: 3px;}
.succ-btn .now-raff{background-color: #ec6941;color: #fff}
.succ-btn .ctu-up{margin-left: 60px;background: url(../images/allbgimg.png) 0 -100px no-repeat;color: #666;}

/*获奖页样式*/
.peo-list2{position: relative; padding: 20px 0; }
.peo-list2 .plist-wrap2{position: relative;left: 0;top: 0;}
.peo-list2 .plist-wrap2 p{float: left;width: 333px;line-height: 32px;font-size: 13px;color: #666;}
.peo-list2 p .time{margin: 0 8px;color: #333;font-size: 12px;}
.peo-list2 p .peo{display: inline-block;zoom: 1;*display: inline;width: 45px;color: #0075a9;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;vertical-align: bottom;}
.peo-list2 p .priz{margin-left: 8px;font-weight: bold;}
.award-title { width: 260px; height: 10px; border-bottom: 3px solid #999; position: relative; margin: 20px auto 0; z-index: 10; text-align: center; }
.award-title span { position: absolute; z-index: 99; display: inline-block; width: 160px; left: 50px; top: 0; height: 20px; line-height: 20px; font-size: 22px; font-weight: bold; color: #666; background: #fff; }
.award-tip p { font-size: 14px; color: #444; line-height: 2; }
.award-list-title { color: #333; font-size: 18px; font-weight: bold; }