/* CSS Document */
*{ padding:0px; margin:0px;}
html,body{height:100%;}
body{  font-size:14px;font-family:"微软雅黑", "宋体";  color:#666666; overflow-x:hidden; background:#ececf6;}
ul, li, dl, dd, dt {list-style: none;padding: 0;margin: 0;}
a{ color:#333333;text-decoration:none; cursor:pointer; }
a:hover{text-decoration:none; }
img{ border:none}
.clear{ clear:both;}
.fl{ float:left;}
.fr{ float:right;}
.shouji{ display:none;}
.pc{ display:block;}
.container{width:100%; max-width:1090px; margin:auto;}
.w1090{ width:1050px; margin:0 auto;}
.img_radius{border-radius:55px; border:3px #dadae0 solid; vertical-align:middle}

/*头部*/
.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%;}

.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;}
.head_right a:hover{color:#f9c201;}

/*导航*/
.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;}

/*正文*/
.main{ background:#ffffff; padding:45px; position:relative;}
h1{ font-size:30px; color:#3c3c3c; font-weight:normal;}
.main .padd{ padding:30px 70px;}
.photo img{width:700px;height:auto;}
.photo video{ width:640px;height:auto; background:#000;}

.pages{ position:relative;}
.page{ position:absolute;width:100%; height:120px;bottom:0px;border-bottom:1px #c9c9d3 solid;border-top:1px #c9c9d3 solid; z-index:1;}

/*作品信息*/
.info{ line-height:40px; margin:0px 90px; padding:20px 0px; border-bottom:1px #eeeeee solid;}
.info ul li{ list-style:none; font-size:16px;width:50%; float:left; }
.info ul li span{color:#3c3c3c}
.erwei{ padding-top:28px;  margin:0px 15px; position:relative;left:11px}
.erwei dl{ display:block;width:33%; float:left; text-align:center; font-size:12px;}

.pc_footer{ background:#6d6d86; height:40px; color:#fff; text-align:center; padding:24px 0}
.pc_footer .p1{ font-size:12px; margin-bottom:10px;}
.pc_footer .p2{ font-size:12px;}

.photo p{ display:block;line-height:30px;}
.photo p.text{ text-indent:2em;}

/*尾*/
/*尾部*/
.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;}

.iphone_footer{ width:100%; background:#0f1c2e; height:45px; line-height:45px; position:fixed; bottom:0;z-index: 999; display:none;}
.iphone_footer a{ font-size:20px; color:#fff; width:25%; text-align:center; display:inline-block}
.iphone_footer a.active{ color:#efba03;}

/*浮动*/
.float{ width:111px; height:416px; background:url(../images/index/floatLeft.png) no-repeat; position:fixed; top:53%; margin-top:-208px; z-index:9999;}
.floatRight{ width:111px; background:url(../images/index/floatRight.png) no-repeat; position:fixed; top:53%; right:0px;}
.floatLeft{ background:url(../images/index/floatLeft.png) no-repeat;left:0px}
.float .close{ position:absolute;width:22px; height:22px; cursor:pointer;}
.float .close:hover{background:url(../images/index/floatRight.png) no-repeat -110px 0px;}
.floatRight a.upload{ position:absolute;top:38px;left:16px;width:80px;height:82px;}
.floatRight a.login{ position:absolute;top:138px;left:18px;width:76px;height:76px;}
.floatRight a.login:hover{ background:url(../images/index/floatRight.png) no-repeat -128px -138px;}
.floatRight a.reg{ position:absolute;top:230px;left:18px;width:76px;height:76px; }
.floatRight a.reg:hover{background:url(../images/index/floatRight.png) no-repeat -128px -230px;}
.floatRight a.backTop{ position:absolute;top:322px;left:18px;width:76px;height:76px; }
.floatRight a.backTop:hover{background:url(../images/index/floatRight.png) no-repeat -128px -322px;}

@media screen and (min-width:769px) and (max-width:1024px)  {
.loginBox{right:1%;}
.shangchuan{right:1%;top: 57%;}	
.nav{width:100%;}
.main{ padding:20px;}
.main .padd{padding: 30px 0px;}
	.header .nav ul{ width:100%;}
	.head_right{width:35%;}
}



@media screen and (max-width:768px) {
img{ width:100%;height:auto;}
.photo video{ width:100% !important;height:auto !important;background:#000;}
.section,.pc{ display:none !important;}	
.shouji{ display:block !important;}

body{ background:#0b101d;}

header{background:#0d1d44; position:relative}
.phoneLogo{width:auto; text-align:center; padding:8px;}
.phoneLogo img{width:25%;}	
.back{width:8%; position:absolute;top:26%;left:5%;}
.loginBox{ position:absolute;right:2%;top:32%;}
.loginBox a{ color:#fff; display:block; float:left}
.loginBox a.login{ padding-left:18px; background:url(../images/index/LRico.png) no-repeat 0px; padding-right:8px;}
.loginBox a.reg{ padding-left:18px; background:url(../images/index/LRico.png) no-repeat -101px;}
.grzx{width:12%; position:absolute;top:20%;right:5%; border-radius:50%; overflow:hidden;}
.grzx img{ display:block;}
.photo img{width:100% !important; height:auto;}

.main{ background:#0b101d; padding:22px 0;}
h1{ font-size:1.8em; color:#fff; font-weight:normal; height:50px;}
.main .padd{ padding:0px;color:#fff;}
.currnum{left:auto; bottom:auto;top:22px;right:3%;}

.hie{height:45px}
.info{ margin:0px; border-bottom:none; padding:0px;}

.info ul li span{color:#fff}

.header .nav{ display:none}

.photo p{ line-height:25px; text-align:left; font-size:1.2em;}
.photo p.text{margin-bottom:20px;}

.iphone_footer{height:45px; line-height:45px; display:block !important;}
.iphone_footer a{ font-size:1.2em;}	

.main .padding{ padding:0 3%;}
	
.float{ display:none;}

.foot{ height:50px; line-height:45px; color:#465069; border-top:1px #465069 solid; text-align:center;}


}
@media screen and (max-width:450px) {
.info ul li{ font-size:1em; line-height:30px;width:100%; display:block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.pgwSlideshow .ps-caption{font-size:1em;}
.photo p{font-size:1em;}
	
}

@media (min-width:1024px){
	.nologin{width:47%; float:right;}
}
@media (max-width:1024px){
	.w1090{ width:94%; margin:0 3%}
	/*头部导航*/
	.header .nav ul{ width:100%;}
}