@charset "utf-8";
/* CSS Document */
body{ padding:0; margin:0; font-family:"微软雅黑"; font-size:14px; background:#ececf6;}
ul,li,dl,dd,dt{ list-style:none; padding:0; margin:0; cursor:pointer;}
a{ text-decoration:none; color:#666666;}
img{ border:none}
p{ margin:0; padding:0}
.fl{ float:left}
.fr{ float:right}
.mrt20{ margin-top:30px;}
.img_radius{border-radius:55px; border:3px #dadae0 solid; vertical-align:middle}
button,input{ font-family:"微软雅黑", "宋体";}

.w1090{ width:1050px; margin:0 auto;}

.iphone_footer{ display:none}

/*公共 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; width:39%; color:#000; font-size:14px;}
.nologin a img{ width:20%; 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%;}
}
@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*/


.column1{ overflow:hidden; margin:55px auto 35px;}
.column1 .column_type{ width:100%}
.column1 .column_type a{ display:inline-block; color:#fff; border-radius:6px; background:#8183b4; padding:0 3.3%; height:40px; line-height:40px; margin-right:2%; cursor:pointer}
.column1 .column_type a:last-child{ margin-right:0}
.column1 .column_type a.active{ background:#cc0000;}
.columnSort{ width:20%; cursor:pointer; padding-top:8px;}
.columnSort img{ vertical-align:middle; margin-right:10px;}
.sort{ float:left;}
.numSort{ float:right}

/*图片列表*/
.img_list{ overflow:hidden;}
.img_list dl{ float:left; width:20%; margin-right:5%; margin-bottom:2%; overflow:hidden; background:#fff; border:1px #cccccc solid; padding:5px;}
.img_list dl:nth-child(4n){ margin-right:0;}
.img_list dl img{ width:100%; height:auto}
.img_list dl dd{ padding:10px; font-family:"宋体"; color:#3c3c3c; width:92%;}
.img_list dl dd p{ line-height:25px;}
.img_list dl dd p.tit{text-align: center;}
.img_list dl dd p span{ color:#cc0000;}
.img_list dl dd p span font{ font-size:12px; margin-left:5px;}
.img_list dl dd p.p_12{ font-size:12px; height:30px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.img_list dl dd p.tit a{ display:inline-block; width:30%; background:#c93030; border-radius:7px; color:#fff; padding:2px 4px 2px 12px; float:right; display:none; }
.img_list dl dd p.tit a img{vertical-align:middle; float:left; width:28%; height:auto; margin-top:10%; margin-right:10%}
.img_list dl dd p.tit a font{ font-size:12px;}

.img_list dl dd p.vote{ display:none}

/*分页*/
.page_div{ clear:both; font-family:"宋体"; width:45%; margin:20px auto 60px}
.page_div a{ color:#787878; border:1px #e7e7e7 solid; background:#fff; padding:5px 10px; font-family:"宋体"; font-size:12px; display:inline-block}
.page_div a.active{ color:#fff; background:#8183b4;}
.page_div span{ margin-left:15px; color:#666666;}
.page_div input{ width:40px; border:1px #e7e7e7 solid; margin:0 10px;}
.page_div button{ font-family:"宋体"; background:#8183b4; border:none; color:#fff; padding:4px 10px}

.img_list dl dt{ position:relative; overflow:hidden; min-height:118px;}
.img_list dl dt a{ display:inline-block; cursor:pointer;}
.img_list dl dt i{ width:20%; position:absolute; top:37%; left:40%;}

.footer_iphone{ display:none}


@media (max-width:1024px){
	.columnSort{ display:none}
	.column1 .column_type{ width:100%;}
	.column1 .column_type a{ margin-bottom:15px; width:31%; padding:0; text-align:center;}
	.column1 .column_type a:nth-child(3n){ margin-right:0}
	.page_div{ display:none}
}
@media (max-width:1024px) and (min-width:769px){
	.pc_header .shangchuan{ margin-left:29%;}
	.img_list dl{ margin-right:4%;}
}

@media (max-width:768px){
	body{background:#ececf6}
	
	.column1{ margin:20px 0 10px}
	
	.img_list{ padding-bottom:5%}
	.img_list dl{ width:44%; margin-right:4%}
	.img_list dl:nth-child(2n){ margin-right:0}
}