@charset "utf-8";
/* CSS 专题名称 guojunhui@zcool date:2014.2.24*/
/*--------------以下直接修改-------------------*/
.wp{width:960px;}/*页面整体宽度*/
body{ background-color:#edebe2;}
.maincolor{ color:#78615d}
.headerWrapper{background:#541316 url(https://img.zcool.cn/event-resource/miui2014/images/banner.png) no-repeat center 0;height:350px;}/*头部大banner*/
.headerWrapper2{ background-image:url(https://img.zcool.cn/event-resource/miui2014/images/banner2.png)}
/*导航条*/
.navWrapper {border-bottom:1px solid #e0d7c9;}
.mainnav{}
.mainnav li,.mainnav li a{height:78px;line-height:78px;}/*导航条高度*/
.mainnav li{color:#fff;font-size:18px;}
.mainnav li a{padding:0 24px;color:#74402c;}/*链接颜色*/
.mainnav li a:hover,.mainnav li.current a{color:#fff;background-color:#685652}/*导航交互颜色*/
/*上传作品*/
.upload-btn{ width:265px; height:78px; right:0; top:0; background:#bc322c url(https://img.zcool.cn/event-resource/miui2014/images/btn_update.png) no-repeat center}
/*线条*/
.line1{ border-top:dashed 1px #e0d7c9;}/*线条*/
.line2{solid;border-top:solid 1px #e0d7c9;}/*线条2*/
.ctitle {color: #3d1c1b;}/*标题*/
.content{color:#78615d;}/*内容*/
a.more {color: #4693cd;}/*更多*/
.mainWrapper{ color:#5c403d}
.c_link{ color:#3a8dcc!important}
/*排序*/
.dosx{ color:#74402C}
.dosx a{color:#74402C;}
.dosx span{color:#999;}
.dosx .verdana{ color:#74402C}
/*评委阵容*/
.pwuls li{width:450px;height:150px;}
.pwuls li img{width:120px;height:120px;}
.pwuls li .mt5{margin-left:140px;}
.pwtitle{color:#87736f}
/*表单*/
.input_text,.textarea{border:solid 1px #bcdfd1;background-color:#fff;}
.btnZT{background-color:#BC322C;color:#fff!important;}
.btnZT:hover{color:#fff!important;}
.btnZTNext{background-color:#D9D9D9;color:#fff!important;}
.btnZTNext:hover{color:#fff!important;}
/*------------------zcool.zhuanti.css-------------------------*/
/*清除浮动
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;}
/*宋体*/
.f_song{ font-family:\65b0\5b8b\4f53,\5b8b\4f53;_font-family:\5b8b\4f53;}
/*线条*/
.line1{font-size:0;line-height:0; float:none; clear:both}
/*标题*/
.ctitle {font-size: 24px;}
/*内容*/
.content{font-size:14px;line-height:28px;}
/*页面整体宽度*/
.wp{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}
.pos-r{ position:relative}
.c_red{ color:#bd4743}
/*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;}
.f24{ font-size:24px;}
/*文字行距
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}
/*间距*/
.mt60{ margin-top:60px;}
/*更多*/
a.more {font-weight: normal;margin-top: 5px;font-size:14px!important;}
/*报名*/
.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{padding:6px 4px;_padding:5px 3px;font-size:14px;font-family:\5FAE\8F6F\96C5\9ED1,Arial;_font-family:Arial,\5b8b\4f53;}
.w370{ width:370px;}
.w220{ width:220px;}
.textarea{height:200px;line-height:22px;padding:6px 4px;_padding:5px 3px;}
.btnZT{height:50px;line-height:49px; display:inline-block;border:none;outline:0 none;cursor:pointer;vertical-align:middle;text-align:center;font-size:18px; text-decoration:none; padding:0 30px;font-family:\5FAE\8F6F\96C5\9ED1,Arial;_font-family:Arial,\5b8b\4f53;}
.btnZT:hover{text-decoration:none}
.btnZTNext{height:50px;line-height:49px; display:inline-block;border:none;outline:0 none;cursor:pointer;vertical-align:middle;text-align:center;font-size:18px; text-decoration:none; padding:0 30px;font-family:\5FAE\8F6F\96C5\9ED1,Arial;_font-family:Arial,\5b8b\4f53;}
.btnZTNext:hover{text-decoration:none}
.btn-small{height:28px;line-height:28px;font-size:14px;padding:0 10px;}
/*隐藏 显示
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}
/*头部*/
.headerWrapper{margin-top: -3px;z-index: 1;}
/*导航条
Name: mod_mainnav
Example:
Explain：鼠标经过状态a:hover，当前选中状态li:current。
*/
.mainnavBar{ position:relative}
.mainnav{width:100%;z-index:1;}/*导航条背景*/
.mainnav li{float:left;display:inline;}/*设置字体*/
.mainnav li a{display:inline-block;}/*链接颜色*/
.mainnav li a:hover,.mainnav li.current a{text-decoration:none;}/*交互颜色*/
/*上传作品*/
.upload-btn{ position:absolute;cursor:pointer;display: block;}
/*作品要求*/
.YQList .item{ width:400px; float:left}
.YQList .picbox{ float:left; width:68px; height:68px;}
.YQList .textbox{ margin-left:85px; font-size:14px;}
.YQList .textbox dt{margin:0; margin-top:5px;}
.YQList .textbox dd{margin:0; margin-top:5px; }
.ztfooter{ text-align:center; padding-top:25px; padding-bottom: 60px; color:#635350; vertical-align:middle}
.ztfooter img{ vertical-align:middle}
.ztfooter a{ color:#635350;}
/*作品列表*/
.zxUl{margin-right:-60px;padding:0 0 0 0px;}
.zxUl li{float:left;width:200px;margin:20px 53px 0 0;}
.zxUl li img{width:200px;height:150px; display:block}
.zxUl2{margin-right:-105px;padding:0 0 0 0px;}
.zxUl2 li{float:left;width:250px;margin:20px 105px 0 0;}
.zxUl2 li .picbox img{width:250px;height:188px; display:block}
.zxUlCon{line-height:22px;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:0}
.zxUlDes a{color:#af9c99;}
.zxUIvote{color:#4d4d4d; font-size:14px}
.zxUIdown{ font-size:14px; padding-left:20px; background:url(https://img.zcool.cn/event-resource/miui2014/images/icon-down.png) no-repeat 0 center}
.zxVote .zxUlDes,.zxVote .zxUIvote{ padding-left:20px}
.zxVote .zxUlTitle a{ color:#054267}
.zxUlDesS span{ width:45px;font-size:12px; display:inline-block; float:left; padding-left:20px; background-repeat:no-repeat; background-position:0 center}
.zxUlDesS .view{ background-image:url(https://img.zcool.cn/event-resource/miui2014/images/icon_pv.png);}
.zxUlDesS .comment{ background-image:url(https://img.zcool.cn/event-resource/miui2014/images/icon_comment.png);}
.zxUlDesS .favorit{ background-image:url(https://img.zcool.cn/event-resource/miui2014/images/icon_ding.png);}
/*排序*/
.dosx{ text-align:right;float:right;font-size:12px;margin-top:10px; font-weight:normal}
.dosx a.selected{font-weight:bold;}
.dosx span{margin:0 5px;}
.dosx .verdana{font-family:Verdana, Geneva, sans-serif;line-height:1; vertical-align:text-bottom;margin:0;}
/*评委阵容*/
.pwuls{ margin-right:-50px}
.pwuls li{text-align:left;float:left;overflow:hidden;padding-right:50px;margin-top:30px}
.pwtitle{ padding-left:15px; font-size:12px;}
.pwuls li img{float:left;}
.pwuls li b{ font-size:18px; font-weight:normal}
.pwuls li .p{font-size:12px;line-height:23px;}
/*主题视频秀*/
.videoList{ margin-right:-60px;}
.videoList .item{ width:220px; float:left; margin-right:26px;}
.videoList .picbox{ position:relative}
.videoList .icon_video{ position:absolute; display:block; left:50%; top:50%; margin-left:-27px; margin-top:-27px; width:55px; height:55px; background:url(https://img.zcool.cn/event-resource/miui2014/images/icon_video.png) no-repeat center}
/*销量排行*/
.salesRank{ padding-bottom:20px}
.salesRank .item{ padding-left:158px; margin-top:80px; height:228px; border-bottom:dashed 1px #e0d7c9; background-position:0 bottom; background-repeat:no-repeat; overflow:hidden}
.salesRank .Rank1{ margin-top:40px}
.salesRank .Rank5{ border-bottom:none}
.Rank1{ background-image:url(https://img.zcool.cn/event-resource/miui2014/images/Num_1.png)}
.Rank2{ background-image:url(https://img.zcool.cn/event-resource/miui2014/images/Num_2.png)}
.Rank3{ background-image:url(https://img.zcool.cn/event-resource/miui2014/images/Num_3.png)}
.Rank4{ background-image:url(https://img.zcool.cn/event-resource/miui2014/images/Num_4.png)}
.Rank5{ background-image:url(https://img.zcool.cn/event-resource/miui2014/images/Num_5.png)}
.salesRank .item .textbox{width:200px;}
.salesRank .item .picbox{ width:602px; overflow:hidden}
.themePic{ width:662px}
.themePic li{ width:128px; height:228px; float:left; margin-right:30px;}
.themePic li img{width:128px; height:228px; vertical-align:top}
.themeName{ font-size:20px; color:#000; margin-top:110px}
.themePrice,.themeDesigner{ font-size:12px}
.themeMouth{ font-size:18px; line-height:40px}
.PriceSum{ font-size:24px; font-family:Impact; color:#af3d3a;}
/*绑定账户流程*/
.nproLine{float:left;height:0px;width:90px; border-bottom:3px solid #e6e6e8;margin-top:10px;}
.nproSpan{float:left;width:66px; text-align:center; position:relative;}
.nproSpan span{width:28px;height:28px; background:url(https://img.zcool.cn/event-resource/miui2014/images/n_off.png); text-align:center;line-height:28px; display:inline-block;font-size:16px; font-family:Arial, Helvetica, sans-serif;font-weight:bold;color:#fff;}
.nproSpan p{text-align:center; position:absolute;left:50%;width:200px;margin-left:-100px;top:35px;font-size:14px;color:#d0d0d0;}
.selected .nproLine{border-bottom:3px solid #7ab827;}
.selected .nproSpan span{width:34px;height:34px;line-height:34px;font-size:22px; background:url(https://img.zcool.cn/event-resource/miui2014/images/n.png);margin-top:-5px;}
.selected .nproSpan p{color:#6f6f6f;}
.bdImgBox{border-bottom:3px solid #f3f3f3; position:relative;padding:0 0 30px 0;}
.bdImgFlag{position:absolute; display:block;bottom:-13px;left:50%; background:url(https://img.zcool.cn/event-resource/miui2014/images/bdFlag.png);width:22px;height:13px; margin-left:-11px;}
.bdImg{width:470px;float:left; text-align:center;padding-top:50px;}
.bdImgCon{margin-left:480px;}
.bdImgCon th{ text-align:right;font-size:16px;}
.bdImgCon td{padding:10px 5px;}
.greenTxt{height:34px;line-height:34px; background:#fff url(https://img.zcool.cn/event-resource/miui2014/images/txtBg.png) repeat-x left top;border:1px solid #d0d0d0;padding:0 5px;}
.greenTxt.on{border:1px solid #7ab827;}
/*主题商店介绍*/
.shopInfo a{ position:absolute; top:0px;display:block; cursor:pointer; width:152px; height:170px;}
/*lookList*/
.lookList{ padding-left:18px;list-style:none}
.lookList li{ margin-top:20px; float:left; width:240px;}
/*OSlist*/
.OSlist{ padding-left:18px; list-style:none}
.OSlist li{margin-top:30px;float:left; width:249px; text-align:center; margin-right:76px;}
/*HUImodal*/
.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.container{ width: 980px;}/*满页面宽度*/
.modal {position:absolute;top:50%;left:50%; width:500px;margin-left:-250px;z-index:1050;overflow: visible;background-color: #fff;background-clip: padding-box;outline: none; -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); -ms-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); -o-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); -webkit-background-clip:padding-box; -khtml-background-clip:padding-box; -moz-background-clip:padding-box; -ms-background-clip:padding-box; -o-background-clip:padding-box; background-clip:padding-box; -webkit-border-radius:6px; -khtml-border-radius:6px; -moz-border-radius:6px; -ms-border-radius:6px; -o-border-radius:6px; border-radius:6px; border:1px solid #999;border:1px solid rgba(0, 0, 0, 0.3);*border:1px solid #999;}/*弹出层，绝对定位，默认【宽度500px，高度自适应，背景白色，6px圆角，带阴影】，自定义宽度可在data-width中设置参数*/
.fade.in {opacity: 1;filter: alpha(opacity=100);}
.modal.fade {top: -100%;}/*弹出层进入动画效果，从上而下，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; 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: 15px} /*内容不限高度，内填充15px，不满意可自行修改*/
.modal-form {margin-bottom: 0} /*弹出层表单*/
/*弹出层footer区，放按钮*/
.modal-footer {padding: 14px 15px 15px;margin-bottom: 0;text-align: right;background-color: #f5f5f5;border-top: 1px solid #ddd;*zoom: 1;
-webkit-border-radius: 0 0 6px 6px;
-moz-border-radius: 0 0 6px 6px;
border-radius: 0 0 6px 6px;
-webkit-box-shadow: inset 0 1px 0 #fff;
-moz-box-shadow: inset 0 1px 0 #fff;
box-shadow: inset 0 1px 0 #fff;}
.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}
/*折叠*/
.HUIfold .item{ position:relative;}
.HUIfold .item h4{margin:0;font-weight:bold;position:relative;font-size:16px;line-height:22px; padding-left:50px; padding-bottom:35px;background:url(https://img.zcool.cn/event-resource/miui2014/images/fold.png) no-repeat -1px bottom;cursor:pointer;padding-right:30px}
.HUIfold .item h4.selected{ background-image:url(https://img.zcool.cn/event-resource/miui2014/images/fold-hover.png)}
.HUIfold .item .info{display:none;padding:10px 40px 40px; background-color:#e5e2da; border:solid 1px #dfddd5; border-top:none}
/*浮动
Name: style_float
Example: class="l/r"
Explain: .l 左浮动/.r 右浮动
*/
.l{_display:inline;float:left!important;}.r{_display:inline;float:right!important;}
/*tab切换*/
.tabBar span {cursor: pointer;display: inline-block;float: left; font-size:18px;font-weight: bold;height:50px;line-height:50px;padding: 0 24px; color:#7c706d}
.tabBar span.Current{background-color: #685652;color: #fff8da;}
.tabCon {display: none; background-color:#e5e2da; border:solid 1px #dfddd5; padding:40px; margin-top:10px; position:relative; font-size:14px; line-height:26px}
.icon-arrow-up{ position:absolute; display:block; top:-9px; left:50px; width:19px; height:10px; background:url(https://img.zcool.cn/event-resource/miui2014/images/icon-arrow-up.png) no-repeat 0 0}