@charset "utf-8";
/* CSS 海尔兄弟新形象创意征集 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:#005aaa}
/*其它颜色*/
.subcolor{ color:#2494d1}
/*更多*/
a.more{font-size:14px; font-weight:normal;color:#0C6241;float:right;margin-top:5px;}
/*页面整体宽度*/
.wp{ width:1085px; 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}
.c_ee3124{ color:#ee3124}
/*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(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(ie-css3.htc);}
/*行内分割竖线
Name: style_pipe
Example: |
*/
.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}
/**/
.text-r{ text-align:right}
/*隐藏 显示
Name: style_display
Example: 隐藏的内容
显示的内容
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:#f0f8f9; color:#054267;}
body,input,th,td{font-family:\5FAE\8F6F\96C5\9ED1,Arial;_font-family:Arial,\5b8b\4f53;}
/*头部*/
.headerWrapper{ height:700px; z-index:1; background:url(https://img.zcool.cn/event-resource/haier2014/images/bg_headerWrap.gif) repeat-x 0 0; margin-top:-3px;}
.header{height:700px; background:url(https://img.zcool.cn/event-resource/haier2014/images/bg_header.png) no-repeat center 0}
/*语言切换*/
.quickMark{ position:absolute; top:104px; left:10px;height:83px;}
.nav_1{ position:relative; display:none; top:67px; left:780px; width:125px; height:48px; cursor:pointer; text-decoration:none; text-indent:-999em;}
.nav_2{ position:relative; display:block; top:28px; left:777px; width:140px; height:97px; cursor:pointer;text-decoration:none; text-indent:-999em;}
.nav_3{ position:relative; display:block; top:345px; left:190px; width:194px; height:75px; cursor:pointer;text-decoration:none; text-indent:-999em;}
/*导航条
Name: mod_mainnav
Example:
Explain：鼠标经过状态a:hover，当前选中状态li:active。
*/
.navWrapper{ height:46px; line-height:70px; text-align:center; position:absolute; width:100%; top:630px}
.mainnav li,.mainnav li a{ width:140px; height:46px;line-height:44px}/*导航条高度*/
.mainnav li{display:inline;color:#fff;font-size:14px; margin-right:35px;}/*设置字体*/
.mainnav li a{display:inline-block;color:#fff;color: #000;font-size: 18px; background:url(https://img.zcool.cn/event-resource/haier2014/images/nav.png) no-repeat right 0}/*链接颜色*/
.mainnav li a:hover{ color:#000;text-decoration:underline}
.mainnav li.active a{color:#000;text-decoration:none; font-weight:bold; background-position: 0 0}/*当前颜色*/
/*上传 下载*/
.updateWrapper{ position:absolute; right:-30px; top:-62px; width:283px; height:162px; background:url(https://img.zcool.cn/event-resource/haier2014/images/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:90px; height:35px; cursor:pointer; left:148px; top:61px;}
/*分享*/
.share{
position:absolute;
top:584px;
left:497px;
width: 174px;
}
.share a{ display:block; float:left; width:18px; height:18px; cursor:pointer; margin-right:10px; background-image:url(https://img.zcool.cn/event-resource/haier2014/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{font-size:24px;color:#005aaa; font-weight:bold}
/*内容*/
.content{color:#054267;font-size:14px;line-height:28px;}
.txt {color: #333;font-size: 14px;line-height: 28px;}
/*线条*/
.line{border-top:1px solid #bde4ef;}
/*引言*/
.yinyan{ width:685px; height:268px; background:url(https://img.zcool.cn/event-resource/haier2014/images/bg_yinyan.png) no-repeat 0 0}
.voteinfo{ height:250px; background:url(https://img.zcool.cn/event-resource/haier2014/images/bg_vote.gif) no-repeat 0 0}
.voteinfo2{ height:330px; background:url(https://img.zcool.cn/event-resource/haier2014/images/bg_vote2.gif) no-repeat 0 0}
/*大赛评委*/
.pwul{}
.pwul li{height:130px;margin:10px 0 0 0;}
.pwul li img{width:123px; height:123px; float:left}
.pwul li .mt5{margin-left:140px;font-size:14px;}
.pwul li b{display:block;font-size:16px;}
.pwul li p{font-size:12px;line-height:23px;;}
/*评委阵容*/
.pwuls{ margin-right:-50px}
.pwuls li{width:510px; text-align:left;float:left;height:150px; 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/haier2014/images/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;}
.zxUIvote{color:#4d4d4d; font-size:14px}
.zxVote .zxUlDes,.zxVote .zxUIvote{ padding-left:20px}
.zxVote .zxUlTitle a{ color:#054267}
/*排序*/
.dosx{ text-align:right;float:right;color:#355c7a;font-size:12px;margin-top:10px; font-weight:normal}
.dosx a{color:#355c7a;}
.dosx a.selected{font-weight:bold;}
.dosx span{color:#999;margin:0 5px;}
.dosx .verdana{font-family:Verdana, Geneva, sans-serif;color:#355c7a;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 #bde4ef;background-color:#fff;padding:6px 4px;_padding:5px 3px;font-size:14px;}
.w370{ width:370px;}
.textarea{height:200px;line-height:22px;}
.btn_green,.submitd,.submit,.btn_quxiao{height: 46px;line-height: 44px;width: 140px;display:inline-block; text-align:center;color:#000!important; background:url(https://img.zcool.cn/event-resource/haier2014/images/nav.png) no-repeat 0 0;font-size: 18px; cursor:pointer; border:none}
.btn_green:hover,.submit:hover{text-decoration:none;color:#000!important;}
.submitd{ cursor:default}
.disabled,.submit.disabled:hover,.submit.disabled:focus,.submit.disabled{ background:url(https://img.zcool.cn/event-resource/haier2014/images/btn_disabled.png) no-repeat 0 0; color:#666; cursor:default}
.btn_submit{height: 46px;line-height: 44px;width: 140px;display:inline-block; text-align:center;color:#000!important; background:url(https://img.zcool.cn/event-resource/haier2014/images/nav.png) no-repeat right 0;font-size: 18px; cursor:pointer; border:none}
.btn_update{ display:inline-block; width:62px; height:33px; line-height:32px; text-align:center; background:url(https://img.zcool.cn/event-resource/haier2014/images/btn_update.png) no-repeat 0 0}
.btn_update:hover{text-decoration:none;color:#000!important;}
/*海尔视频*/
.videoWraper{ float:right; width:881px;}
.video_box{ height:451px; background:url(https://img.zcool.cn/event-resource/haier2014/images/bg_video.png) no-repeat 0 0; padding:5px 10px;}
.video_con{ width:636px; height:447px; overflow:hidden; margin-right:15px}
.videoname{ width:204px;}
.videoname .item{height:42px; line-height:42px; font-size:14px; padding-left:; color:#535353; background:url(https://img.zcool.cn/event-resource/haier2014/images/ji.png) no-repeat 0 bottom; padding-left:25px; cursor:pointer}
.videoname .item a:hover{ text-decoration:none;}
.videoname .item.current{ color:#000; font-weight:bold; background-position:0 0}
.video_con .videoitem{ display:none;width:636px; height:447px;}
.focus_nav{ margin-top:15px;}
.focus_nav .prev,.focus_nav .next{height:32px; width:26px; cursor:pointer; display:block;}
.focus_nav .prev{ background:url(https://img.zcool.cn/event-resource/haier2014/images/prev.png) no-repeat center}
.focus_nav .next{background:url(https://img.zcool.cn/event-resource/haier2014/images/next.png) no-repeat center}
.focus_nav li{ width:115px; height:32px; line-height:32px; float:left; margin-right:3px; text-align:center; background:url(https://img.zcool.cn/event-resource/haier2014/images/ji2.png) no-repeat right 0; font-size:14px; cursor:pointer}
.focus_nav li.on{ background-position:0 0; color:#000; font-weight:bold}
/*海尔兄弟介绍*/
.haierWraper{ height:280px; background:url(https://img.zcool.cn/event-resource/haier2014/images/bg_haierxiongdi.png) no-repeat 0 0}
/*浮动
Name: style_float
Example: class="l/r"
Explain: .l 左浮动/.r 右浮动
*/
.l{_display:inline;float:left!important;}.r{_display:inline;float:right!important;}
/*弹出层*/
.modal-open{ overflow:hidden}/*当弹出层出现时，隐藏body右侧滚动条*/
/*全屏遮罩层*/
.modal-backdrop {position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:1040;background-color:#000;}/*默认遮罩层，全屏黑色*/
* html .modal-backdrop{position:absolute;left:expression(documentElement.scrollLeft + documentElement.clientWidth - this.offsetWidth);top:expression(documentElement.scrollTop + documentElement.clientHeight - this.offsetHeight);}/*解决IE下 遮罩层兼容性*/
.modal-backdrop.fade {opacity:0;filter: alpha(opacity=0);}/*遮罩层失去时，透明度为0*/
.modal-backdrop,.modal-backdrop.fade.in {opacity: 0.7;filter: alpha(opacity=70);}/*遮罩层进入 0.7透明度*/
.modal-scrollable{position:fixed;top:0;right:0;bottom:0;left:0;overflow: auto;}/*弹出层的最外层，全屏，用户响应点击和滚动*/
.modal-overflow .modal-scrollable{overflow-y: scroll;}/*弹窗超出屏幕高度时，弹出层替代body右侧滚动条，实现弹出层的整体滚动*/
/*弹出层框架*/
.modal {position:absolute;top:50%;left:50%;width:655px; height:363px; margin-left:-327px;z-index:1050;overflow: visible;background:url(https://img.zcool.cn/event-resource/haier2014/images/gonggao.png) no-repeat 0 0;background-clip: padding-box;outline: none}/*弹出层，绝对定位，默认【宽度500px，高度自适应，背景白色，6px圆角，带阴影】，自定义宽度可在data-width中设置参数*/
.fade.in {opacity: 1;filter: alpha(opacity=100);}
.modal.fade {top: -100%; webkit-transition: opacity .3s linear, top .3s ease-out; -moz-transition: opacity .3s linear, top .3s ease-out; -ms-transition: opacity .3s linear, top .3s ease-out; -o-transition: opacity .3s linear, top .3s ease-out; transition: opacity .3s linear, top .3s ease-out;}/*弹出层进入动画效果，从上而下，0.3秒*/
.modal.fade.in{top:50%;}/*弹出层进入后居顶距离，配合margin-top负值，实现上下自动居中*/
.modal.modal-overflow.fade.in{top:0px;}/*如果弹出层高度大于窗口，弹出窗口距顶0像素*/
.loading-spinner {position: absolute;top: 50%;left: 50%;margin: -12px 0 0 -12px;}/*Ajax加载数据时loading*/
/*弹出层header区*/
.modal-header {padding: 9px 15px;border-bottom: 1px solid #eee; position:relative}/*弹出层头部*
.modal-header .close{ position:absolute; right:10px; top:10px}/*关闭按钮，请调用4.1.1 按钮 .close*/
.modal-header h3{ margin:0}/*标题*/
.modal-body {overflow-y:visible;padding:28px;} /*内容不限高度，内填充15px，不满意可自行修改*/
.modal-form {margin-bottom: 0} /*弹出层表单*/
/*弹出层footer区，放按钮*/
.modal-footer {margin-bottom: 0;text-align: center;*zoom: 1;}
.modal-footer:before,.modal-footer:after {display: table;content: ""}
.modal-footer:after {clear: both}
.modal-footer .btn + .btn {margin-left: 5px;margin-bottom: 0}
.modal-footer .btn-group .btn + .btn {margin-left: -1px}
a.redBtn{ background:#959595;font-size:20px;font-family:"微软雅黑";color:#fff; display:inline-block;padding:10px 20px; text-decoration:none; font-weight:bold}
a.blueBtn{background:#999;font-size:26px;font-family:"微软雅黑";color:#fff; display:inline-block;padding:10px 20px; text-decoration:none; font-weight:bold;line-height:18px;}
a.blueBtn b{font-size:14px;}
.topBox{ background:url(https://img.zcool.cn/event-resource/haier2014/images/bg1.png) no-repeat center center; height:246px; width:1085px;padding-left:25px;margin-left:-12px;}
.topBox li{ float:left; height:188px; width:250px; padding:28px 10px;}
.topBox li > ul{ padding-left:0px;}
.proUl{margin-right:-30px; color:#054267;}
.proUl li{float:left;width:250px;margin-right:27px;height:325px;}
a.morezp{color:#054267; font-size:14px; float:right; margin-top:5px; font-weight:normal; margin-right:10px;}
.proUlTitle a{ color:#054267; font-size:14px;}
.boxBg{ background:#dbf5fd; margin-top:0px; padding-top:15px;}
.textBg{ background:url(https://img.zcool.cn/event-resource/haier2014/images/bg2.png) no-repeat center center; height:258px;width:1085px;padding-left:25px;margin-left:-12px;}
.textBg p{ color:#054166; font-size:18px; width:970px;line-height:36px; padding:50px;}
.textBg span{ color:#005aaa; font-size:30px;}
.vedio{ text-align:center;}
.cen{ text-align:center; position:relative;}
a.btnFoot{ width:1040px; height:90px; background:#ffdd02; color:#054267; font-size:32px; font-weight:bold; text-align:center; display:inline-block; line-height:90px;}
a.btnFoot:hover{background:#ffb502;text-decoration:none;}
.img{ position:absolute; display:inline-block; margin-left:-40px; top:10px;}
.boxWrapper{ width:1110px; margin:0 auto;}