@charset "utf-8";
/* CSS oppo手机主题设计大赛 guojunhui@zcool  date:2014.2.26*/

/*清除浮动
	Name:			style_clearfix
	Example:		class="clearfix|cl"
	Explain:		clearfix（简写cl）避免因子元素浮动而导致的父元素高度缺失能问题
*/
.cl:after,.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}.cl,.clearfix{zoom:1;}
/*微软雅黑字体*/
.MSYH{font-family:\5FAE\8F6F\96C5\9ED1,Arial;_font-family:Arial,\5b8b\4f53;}
/*英文字体*/
.en{ font-family:arial;}
/*网站主色*/
.maincolor,.maincolor a,.input_text{color:#0c6241}
/*其它颜色*/
.c_f58991{ color:#f58991}
/*更多*/
a.more{font-size:14px; font-weight:normal;color:#0C6241;float:right;margin-top:5px;}

/*页面整体宽度*/
.wp{ width:1083px; margin-left:auto; margin-right:auto;text-align:left}

.sd{float:right}
.ct2 .mn{float:left;}
.ct2 .sd{float:right}
.ct2_r .sd{float:left}
.ct2_r .mn{float:right}
.w510{ width:510px;}
.pl_1{ padding-left:17px}

/*css3阴影
	Name:			style_shadow
	Example:		class="box_shadow"
	Explain:		css3阴影，IE下显示1像素边框
*/
.box_shadow{background-color:#fff;border:solid 1px #ddd\9;box-shadow:1px 1px 2px 2px #ddd;-webkit-box-shadow:1px 1px 2px 2px #ddd;-moz-box-shadow:1px 1px 2px 2px #ddd;behavior: url(../../oppo2014en/css/ie-css3.htc);}
.text_shadow{text-shadow:1px 1px 2px 2px #ddd;-webkit-text-shadow:1px 1px 2px 2px #ddd;-moz-text-shadow:1px 1px 2px 2px #ddd;behavior: url(../../oppo2014en/css/ie-css3.htc);}
/*行内分割竖线
	Name:			style_pipe
	Example:		<span class="pipe">|</span>
*/
.pipe{margin:0 5px;color:#CCC;font-size:10px!important;}

/*文字行距
	Name:			mod_line-height
	Example:		class="l16/l18/l20/l22/l24/l26/l28/l30"
	Explain:		16px行高、18px行高、20px行高、22px行高、24px行高、26px行高、30px行高
*/
.l16{line-height:16px}.l18{line-height:18px}.l20{line-height:20px}.l22{line-height:22px}.l24{line-height:24px}.l26{line-height:26px}.l28{line-height:28px}.l30{line-height:30px}
/**/


/*隐藏 显示
  Name:				style_display
  Example:    <div class="hide">隐藏的内容</div> <div class="show">显示的内容</div>
  Explain:    		.hide 隐藏 / .show 显示
*/
.hide{display:none}[hidden]{display: none}
.hidden{display:none!important;visibility:hidden!important}
.f-hide{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}
[class*="span"].hide,.row-fluid [class*="span"].hide{display:none;}
.show{display:block}
.invisible{visibility:hidden}

/*定位
	Name:			style_position
	Example:		class="pos-r/pos-a/pos-f"
	Explain:		.pos-r 相对定位/.pos-a 绝对定位/.pos-f 固定
*/
.pos-r{position:relative}.pos-a{position:absolute}.pos-f{position:fixed}

/*全局网站字体*/
body{ background-color:#f6fffb; color:#333; word-break:keep-all}
body,input,th,td{font-family:\5FAE\8F6F\96C5\9ED1,Arial;_font-family:Arial,\5b8b\4f53;}
/*头部*/
.headerWrapper{ height:534px; z-index:1; background:#197f53 url(https://img.zcool.cn/event-resource/oppo2014/images-en/bg_header.jpg) no-repeat center 0; margin-top:-3px;}
	/*语言切换*/
	.language{position:absolute; right:0px; top:0px; display:block; width:118px; height:37px; line-height:36px; background:url(https://img.zcool.cn/event-resource/oppo2014/images-en/language.png) no-repeat center; text-align:center; color:#2d9e70; font-size:14px;}
	.language a{ color:#16704a}
	.language a:hover{ color:#fff}
	.language a.active{ color:#fff;}
/*导航条
	Name:			mod_mainnav
	Example:		
	<nav class="mainnav cl">
	  <ul class="cl">
	    <li class="current"><a href="#">首页</a></li>
		<li><a href="#">核心</a></li>
		<li><a href="#">扩展</a></li>
		<li><a href="#">案例</a></li>
		<li><a href="#">联系我们</a></li>
	  </ul>
    </nav>
	Explain：鼠标经过状态a:hover，当前选中状态li:active。		
*/
.navWrapper{ height:70px; line-height:70px; background-color:#41b686; border-top:solid 5px #007246}
	.header{ position:relative}
	.mainnav{ position:relative;}
	.mainnav li,.mainnav li a{height:70px;line-height:70px}/*导航条高度*/
	.mainnav li{float:left;display:inline;color:#fff;font-size:14px;}/*设置字体*/
	.mainnav li a{display:inline-block;padding:0 26px;color:#fff;color: #fff;font-size: 18px;}/*链接颜色*/
	.mainnav li a:hover{ color:#fff;text-decoration:underline}
	.mainnav li.active a{color:#fff;text-decoration:none; font-weight:bold; background-color:#007246}/*当前颜色*/
/*上传 下载*/
.updateWrapper{ position:absolute; right:-30px; top:-62px; width:283px; height:162px; background:url(https://img.zcool.cn/event-resource/oppo2014/images-en/update.png) no-repeat 0 0}
.updateWrapper a{ display:block; cursor:pointer;}
	.upload-btn{ float:left;width:143px; height:133px;}
	.downmb-btn{ float:left;width:140px; height:100px;margin-top:60px;}	
	.downmb2-btn{display:block;position:absolute;width:154px;height:35px;cursor:pointer;left:130px;top:61px;}

/*分享*/
.share{ position:absolute; top:476px; left:610px}
.share a{ display:block; float:left; width:18px; height:18px; cursor:pointer; margin-right:10px; background-image:url(../images/share.png); background-repeat: no-repeat}
.share a:hover{ text-decoration:none}
.share_title{ display:inline-block; float:left;}
.share_sinawb{ background-position:0 0}
.share_sinawb:hover{background-position:0 bottom}

.share_qqwb{ background-position:-27px 0}
.share_qqwb:hover{background-position:-27px bottom}

.share_renren{ background-position:-55px 0}
.share_renren:hover{background-position:-55px bottom}
.share_qzone{ background-position:-84px 0}
.share_qzone:hover{background-position:-84px bottom}

/*模块标题*/
.ctitle{ background:url(https://img.zcool.cn/event-resource/oppo2014/images-en/cloud.png) no-repeat left center;font-size:24px;padding-left:45px;color:#0c6241}
/*内容*/
.content{color:#523c30;font-size:14px;line-height:28px;}
.txt {color: #333;font-size: 14px;line-height: 28px;}

/*线条*/
.line{border-top:1px solid #aedeca;}

/*大赛评委*/
.pwul{margin-right:-20px;}
.pwul li{width:137px;height:233px; text-align:center;float:left;margin:10px 25px 0 0;}
.pwul li img{width:137px; height:137px;}
.pwul li b{color:#315d50; display:block;font-size:16px;}
.pwul li p{color:#315d50;padding:0 10px;font-size:14px; line-height:17px}

/*评委阵容*/
.pwuls{ margin-right:-50px}
.pwuls li{width:510px; text-align:left;float:left;height:156px; overflow:hidden;padding-right:50px; margin-top:20px}
.pwuls li img{float:left;width:137px; height:137px;}
.pwuls li .mt5{margin-left:155px;font-size:14px;}
.pwuls li .p{font-size:12px;line-height:23px;}

/*文字列表*/
.tlist li{ background:url(https://img.zcool.cn/event-resource/oppo2014/images-en/icon_dot.png) no-repeat 0 6px; padding-left:20px}

/*作品列表*/
.zxUl{margin-right:-60px;padding:0 0 0 0px;}
.zxUl li{float:left;width:250px;height:280px;margin:20px 25px 0 0;}
.zxUl li img{width:250px;height:188px; display:block}
	.zxUlCon{line-height:22px;width:230px; margin-top:10px;}
	.zxUlTitle{width:230px; white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:14px;padding:0 0 5px 0;color:#075235;}
	.zxUlTitle a{color:#642121;}
	.zxUlDesS{color:#947572;font-size:12px;}
	.zxUlDes{color:#af9c99;font-size:12px;}
	.zxUlDes a{color:#af9c99;}

/*排序*/
.dosx{ text-align:right;float:right;color:#0c6241;font-size:12px;margin-top:10px;}
.dosx a{color:#0c6241;}
.dosx a.selected{font-weight:bold;}
.dosx span{color:#999;margin:0 5px;}
.dosx .verdana{font-family:Verdana, Geneva, sans-serif;color:#0c6241;line-height:1; vertical-align:text-bottom;margin:0;}

/*报名*/
.zxTable{margin-top:10px;}
.zxTable th{font-weight:normal; text-align:left;width:80px;padding:15px 0 0 0;font-size:14px; vertical-align:top;}
.zxTable td{padding:10px 0;font-size:12px;}
/*表单*/
.input_text,.textarea{border:solid 1px #bcdfd1;background-color:#fff;padding:6px 4px;_padding:5px 3px;font-size:14px;}
.w370{ width:370px;}
.textarea{height:200px;line-height:22px;padding:6px 4px;_padding:5px 3px;border:1px solid #bcdfd1;background-color:#fff;}
a.btn_green{ background:url(https://img.zcool.cn/event-resource/oppo2014/images-en/btn_green.png) no-repeat 0 0;width:164px;height:50px;line-height:49px; display:inline-block;text-align:center;color:#fff;font-size:18px; text-decoration:none;}
a.btn_green:hover{ background-position:0 bottom;color:#fff; text-decoration:none}

.nBtn{width:70px;height:28px;line-height:28px; display:inline-block; text-align:center;font-size:14px; background-color:#41b686;color:#fff!important;}
.nBtn:hover{text-decoration:none; background-color:#42b888;color:#fff!important;}

/*浮动
	Name:			style_float
	Example:		class="l/r"
	Explain:		.l 左浮动/.r 右浮动
*/
.l{_display:inline;float:left!important;}.r{_display:inline;float:right!important;}

.submit{ height: 50px;line-height: 49px;width: 164px;display:inline-block; text-align:center;color:#fff; background:url(/event/oppo20https://img.zcool.cn/event-resource/oppo2014/images-en/btn_green.png) no-repeat 0 bottom;font-size: 18px; text-decoration:none;}
.submitd{height: 50px;line-height: 49px;width: 164px;  display:inline-block; text-align:center;color:#fff; background:url(/event/oppo20https://img.zcool.cn/event-resource/oppo2014/images-en/btn_green.png) no-repeat 0 0;   font-size:18px; text-decoration:none;}




.uploadBtn.green{background:url(https://img.zcool.cn/event-resource/oppo2014/images/upGreen.jpg) repeat-x left top;border:1px solid #2a9269;color:#fff; }
