﻿@charset "utf-8";
/* CSS Document */
*{zoom:1}
body{ margin:0; padding:0; color:#686982; font-family:"微软雅黑", "宋体"; font-size:14px;background:#d6daea url(../images/hdjs/bg.jpg) no-repeat center top;  }
ul,li,dl,dd,dt,form,span,p,select,input,textarea,h3{ list-style:none; padding:0; margin:0;zoom:1}
a{ text-decoration:none; color:#666666; padding:0; margin:0}
a:hover{ color:#1260b3}
img{ border:none;}
p{ padding:0; margin:0;}
.pull-left{ float:left;}
.pull-right{ float:right}
.clear_fix{ clear:both;height:0px; line-height:0px;*display:none;}
.img_radius{border-radius:55px; border:3px #dadae0 solid; vertical-align:middle}
button,input{ font-family:"微软雅黑", "宋体";}

.fl{ float:left}
.fr{ float:right}

.w1090{ width:1050px; margin:0 auto;}

/*公共 start*/
/*头部*/
.header{ background:url(../images/userInfo/userInfo_head_bg.jpg) no-repeat center top; height:182px; width:100%;}
.header .top{ padding-top:30px; height:91px;}

.head_right{  padding-top:10px}
.head_right span{ margin:0 0 0 8px; font-size:16px;}
.head_right .logined button{ width:60px; height:28px; border-radius:3px; border:none; background:#8d8db9; color:#fff; cursor:pointer}

.head_right .logined a:first-child{width:60px; height:28px; border-radius:3px; border:none; background:#8d8db9; color:#fff; cursor:pointer;display:inline-block; text-align:center; line-height:28px;position:relative; top:10px; float:right;}
.header .line{ height:11px; background:rgba(109,109,133,0.6);position:relative; z-index:999;}
.nologin{ color:#a1a1b2; font-size:16px;}
.nologin a{ display:inline-block; margin-right:10px; width:38%; color:#000; font-size:14px;}
.nologin a img{ width:30%; vertical-align:middle; margin-right:10%}
.head_right .logined a:last-child{float:right;}
.nologin a:last-child{ margin-left:8%;}
.head_right a:hover{color:#f9c201;}

/*活动简介*/
.logined{ position:relative;}
.head_right{ width:31%;}
.nologin{width:80%; float:right;}
.head_right span{ display:inline-block; max-width:45%; height:26px; overflow:hidden; text-overflow:ellipsis;white-space:nowrap; position:relative; top:10px; padding:0 10px; float:right;}

/*导航*/
.header .nav{background:#585b78!important; width:100%; top:600px; height:50px; line-height:50px;}
.header .nav ul{width:1194px; margin:0 auto;}
.header .nav a{ color:#fff; font-family:"隶书","微软雅黑", "宋体"; display:block; float:left;width:25%; text-align:center;height:50px; line-height:50px; font-size:22px;}

.nav a.active{color: #f9c201;}

/*尾部*/
.footer{ background:#6d6d86; height:40px; color:#fff; text-align:center; padding:24px 0; position:relative;}
.footer .p1{ font-size:12px; margin-bottom:10px;}
.footer .p2{ font-size:12px;}

.footer_iphone{ display:none;}

@media (min-width:1024px){
	.nologin{width:47%; float:right;}
}
@media (max-width:1024px){
	.w1090{ width:94%; margin:0 3%}
	/*头部导航*/
	.header .nav ul{ width:100%;}
	.head_right{ width:35%;}
}
@media (width:1024px){
	.w1090{ width:94%; margin:0 3%}
	/*头部导航*/
	.header .nav ul{ width:100%;}
	.head_right{ width:35%;}
	.content_bg {width: 990px!important;;margin-left: -495px!important;;}
	.hdjs_wrap {width:100%!important;}
	.content {margin: 0px auto;z-index: 1;width: 960px!important;position: relative;z-index: 22;left: 50%;top: 0px;
margin-left: -480px!important;}
}
@media screen and (max-width:768px) {
/*头部导航*/
.header {    height: auto;}
.header .nav{ display:none}
.header .top {    height: auto;    overflow: hidden;    padding-bottom: 10px;}
.header .top .logo {    width: 50%;}

.logo img{ width:100%; height:auto}

.footer{ display:none;}
.footer_iphone{ width:100%; background:#0f1c2e; height:45px; line-height:45px; position:fixed; bottom:0; display:block; z-index:33;}
.footer_iphone a{ font-size:1.2em; color:#fff;display:block; width:25%; float:left; text-align:center;}
.footer_iphone a.active{ color:#efba03;}


/*头部个人中心*/
.nologin a{ margin-right:8px;}
.head_right{ width:47%;}
.head_right span{ max-width:38%; font-size:14px;}
.head_right .logined a:first-child{ width:22%; height:26px; line-height:26px; font-size:12px;}
.head_right .logined a:last-child{ width:17%; display:inline-block}
.head_right .logined a:last-child img{ width:100%; height:100%;}
}

@media (max-width:515px){
.footer_iphone{height:45px; line-height:45px;}
.footer_iphone a{ font-size:1.2em;}

/*头部个人中心*/
.header .top .logo{ width:40%}
.head_right{ width:57%; padding-top:0;}
}

@media (max-width:320px){
	.footer_iphone a{ font-size:16px;}
}
/*公共 end*/


.main{  width:100%; padding:0 0 5%; position:relative; margin-top:3%; top:0; }
.content{  margin:0px auto; z-index:1;width:1194px; position:relative; z-index:22;left:50%;top:0px; margin-left:-539px;}
.content_bg{ position:absolute;width:1194px; background-color:#f1f1f1;-webkit-box-shadow: 0px 0px 10px rgba(149, 159, 179, 0.5); -moz-box-shadow:0px 0px 10px rgba(149, 159, 179, 0.5); box-shadow: 0px 0px 10px rgba(149, 159, 179, 0.5); z-index:0;filter:alpha(opacity=60); -moz-opacity:0.6; -khtml-opacity: 0.6; opacity: 0.6; left:50%;top:0px; margin-left:-597px;}
.hdjs_wrap{ width:1078px; padding:2% 0 5%;}
.hdjs_wrap h3 {color: #c30d23; font-size:24px;font-family:"微软雅黑"; font-weight:bold; padding:25px 0;}

/*活动介绍*/
.hdjs_con p{ line-height:34px; font-size:16px; color:#686982;}

/*征集时间*/
.zjsj_con,.pxgz_con{ margin-top:10px;}
.zjsj_con ul{ width:100%;background-color:#fff; height:auto;padding:13px 0 38px 0;overflow:hidden; overflow:hidden;-moz-border-radius:5px;-webkit-border-radius: 5px;border-radius:5px;}
.zjsj_con li{ float:left; width:33%; text-align:center; border-right:1px solid #c5c6cf;}
.zjsj_con li strong{ display:inline-block; padding:8px 0 6px 0; font-size:20px; line-height:34px;}
.hdjs_wrap .date{ color:#56566e;}

/*奖项设置*/
.jxsz_con h3{ padding-bottom:4px;}
.jxsz_con,.zpyq_con{ margin-top:20px;}
.jxsz_con p{ line-height:40px; font-size:18px;}
.jxsz_con p strong,.jxsz_list li span{ font-size:30px; color:#c62133;}
.jxsz_list li{ float:left; width:50%; line-height:40px; font-size:24px;}
.jxsz_list{ overflow:hidden; padding-top:5px;}

/*作品要求*/
.zpyq_list{ width:44%; background-color:#fff;-moz-border-radius: 5px; -webkit-border-radius: 5px;border-radius:5px; overflow:hidden; padding:20px 2%;}
.th_hd strong{ display:inline-block;}
.zpyq_list strong{ font-size:18px; color:#56566e; line-height:40px;}
.zpyq_list p{ color:#56566e; line-height:34px; font-size:16px;}
.zysx_txt strong{ display:inline-block; line-height:40px; font-size:18px; color:#c30d23; padding:18px 0 5px 0;}
.zysx_txt p{ line-height:36px;color:#c30d23; font-size:16px;}
.pxgz_con p{ line-height:34px; font-size:16px; color:#686982;}


/*屏幕小于页面最小宽度1048px  出现滚动条*/
@media screen and (min-width:769px) and (max-width:1047px) {
.section{ height:668px;}
}


/*手机*/
@media screen and (max-width:768px) {
body{ background:#d7d9e6 url(../images/hdjs/bg_app.jpg) no-repeat center top;}
.section{ height:auto;}
.hzqy{ width:90%;}
.hzqy .pull-left{ width:34%; top:24px;}
.zlhz{ width:32%;}

.jxsz_con,.zpyq_con{ margin-top:10px;}
h3{ font-size:26px;padding:12px 0;}
.hdjs_wrap{width:100%; padding-bottom:80px;}

.content{ width:84%; padding:0 4%; left:4%; margin-left:0; right:4%;}	
.content_bg{ width:92%; left:4%; margin-left:0; overflow:hidden;}

.zjsj_con li strong{ font-size:18px;}
.hdjs_wrap .date{ font-size:12px; height:auto;position:absolute;left:35px}	
.jxsz_con p strong,.jxsz_list li span{ font-size:24px; color:#c62133;}
.jxsz_list li{ width:100%; padding-bottom:12px; font-size:22px;}
.zpyq_list{ width:92%; margin-bottom:22px; float:none;padding:20px 4%;}

.phone{height:55px;}
}