body {
background: #FFF;
font: 12px/1.5 "Microsoft Yahei",tahoma,arial;
margin:0px;
padding:0px;
font-size: 12px;
color: #333;
}

.header {
position: relative;
z-index: 89;
}

.header .header-inner {
width: 1050px;
margin: 0 auto;
position: relative;
overflow: hidden;
}

.header-logo {
margin-top: 10px;
display: inline-block;
width: 148px;
height: 69px;
overflow: hidden;
background: url(../img/header-logo.jpg) no-repeat;
}

.login-wrapper {
color: #ed9911;
margin-left: 36px;
text-align: right;
}

.header-nav, .login-wrapper {
float: right;
margin-top: 28px;
}

.login-inner .login-link {
color: #ed9911;
padding: 2px 0px;
font-size: 14px;
display: inline-block;
}

.login-inner .login-link {
color: #ed9911;
padding: 2px 0px;
font-size: 14px;
display: inline-block;
}

.nav-group {
font-size: 14px;
color: #a1a1a1;
overflow: hidden;
}

.nav-group, .login-inner, .personal-center {
line-height: 55px;
}

.nav-group .nav-i {
border-left: 1px solid #e4e4e4;
text-align: center;
vertical-align: middle;
display: inline-block;
line-height: 1.2em;
margin-left: -1px;
max-height: 60px;
padding: 2px 18px;
overflow: hidden;
}

.nav-group .nav-i .nav-link {
color: #a1a1a1;
}

a {

text-decoration: none;
}

.clefix:after {
content: '\20';
display: block;
height: 0;
clear: both;
}

ol, ul {
list-style: none;
margin:0px;
padding:0px;
}

.nav-group .nav-i.cloud .nav-link {
display: block;
height: 22px;
line-height: 22px;
background: url(../img/cloud_normal.png) no-repeat 15px center;
padding-left: 45px;
}

.nav-group .nav-i .nav-link:active, .nav-group .nav-i .nav-link.current, .nav-group .nav-i .nav-link:hover {
color: #399fc1;
text-decoration: none;
}

.content{
	position:relative;
}


#mainbottom{
	width:100%;
}


.banner{
   width:100%;
   background:#1085fb;
   margin:0 auto;
   
}

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

/* jj add */
.picword{
	width:1050px;
	margin:0 auto;
   
}

.picwordbg{
	margin-left:20px;
	width:100%;
	padding:20px 20px 0 20px;

}

.pic{
	width:312px;
	height:176px;
	margin-right:20px;
	float:left;
	background-color:red;
	background: url(../img/0.jpg);
	background-size:contain;
}

.word{
	width:560px;
	float:left;
	font-family: 微软雅黑;
	margin-right:20px;
	color: #717171;
	line-height: 180%;
	font-size: 12px;
}

.wordAuthor{
	margin-top:5px;
	margin-bottom:5px;
}

.wordAd{
	margin-bottom:5px;
}


.wordTitle{
	font-size: 22px;
	height: 25px;
	line-height: 25px;
	font-weight:700;
}

.picwordop{
	height:30px;
	width:1050px;
	margin-left:20px;
}

.pwdate{
	color:#FF9897;
	width:280px;
	padding-left:20px;
	display:inline-block;
	line-height:30px;
	font-size:14px;

}

.pwpeople{
	color:#FF9897;
	width:520px;
	line-height:30px;
	font-size:14px;
	display:inline-block;
}

.pwbt{
	color:#FF9897;
	border:1px solid #FF9897;
	display:inline-block;
	font-size:14px;
	padding:4px 20px 4px 20px;
	cursor:pointer;

}


/* jj add end */

.recommend{
   width:100%;
   margin:0 auto; 

  
}

.recommendbg{
   margin:0 auto;
   width:100%;
   height:1610px;
 
   background-position:center;
   background: #fff url(../img/bg.png) no-repeat;
}

.recommendcontent{
 margin:0 auto;
 width:980px;
}
.recommendcontent .title{
 margin:40px 0 0 0 ;
 padding:0 0 0 0;
 padding-left:0;
 color:#8c8c8c;
 font-size:28px;
 font-family:微软雅黑;
}

 .title hr{
  width:120px;
  margin:0 0 0 0 ;
  border:none;
  border-top:8px solid #dcdcdc;

}

.recommendcontent .row{
  height:366px;
  
}

.recommendcontent .rowimg{

  margin-top:26px;
}

.rowtitle{
	text-align:center;
	font-size:15px;
	font-family:微软雅黑;
	color:#8c8c8c;
}

.rowtitle:hover{
	font-size:15px;
	font-family:微软雅黑;
	color:#8c8c8c;
}

.rowtitle:visited{
	font-size:15px;
	font-family:微软雅黑;
	color:#8c8c8c;
}

.rowtitle:link{
	font-size:15px;
	font-family:微软雅黑;
	color:#8c8c8c;
}

.rowtitle:active{
	font-size:15px;
	font-family:微软雅黑;
	color:#8c8c8c;
}

.rowtitle a{
	text-decoration:none;
	color:#8c8c8c;
}


.read{
	width:1050px;
	margin:0 auto;
	height:
}

.readbg{
	
}

.readbg .readimg{
	width:300px;
	height:150px;
	background-color:green;
	margin:5px 40px 5px 10px;
	margin-right:25px;
	float:left;
}

 figure {
	margin: 0;
	position: relative;
	width:230px;
	height:300px;
	background-color:blue;
}

figure img {
	width:100%;
	display: block;
	position: relative;
}



 figcaption h3 {
	margin: 0;
	padding: 0;
	color: #fff;
}

 figcaption span:before {
	
}

.figcaptionword{
   position:absolute;
   margin:-300px 20px 0 20px;
   height:300px;
   width:210px;
 
   text-align:left;
   z-index:100;
}
.figcaptionword h1{
   margin: 20px 0 20px 0;
   color:#fff;
   font-size:36px;
   font-family:微软雅黑;
   padding: 0;
 
 
}
.figcaptionword p{
   margin: 5px 0 15px 0;
   padding: 0;
   color:#fff;
   font-size:24px;
   font-family:微软雅黑;
 
}
figcaption a {
	text-align: center;
	padding: 5px 10px;
	border-radius: 2px;
	display: inline-block;
	background: #ed4e6e;
	color: #fff;
}
figcaption img {
	width:230px;
	height:300px;
}


 figcaption {
    position: absolute;
	top: 0;
	left: 0;	
	background: #2c3f52;
	color: #ed4e6e;
	opacity: 0;
	text-align: center;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
	-moz-transition: -moz-transform 0.3s, opacity 0.3s;
	transition: transform 0.3s, opacity 0.3s;
}

 figure:hover figcaption,
 figure.cs-hover figcaption {
	opacity: 1;
	-webkit-transform: translate(0px, 0px);
	-moz-transform: translate(0px, 0px);
	-ms-transform: translate(0px, 0px);
	transform: translate(0px, 0px);
}

 figcaption h3 {
	margin-top: 70px;
}

figcaption span {
	display: block;
}

 figcaption a {
	margin-top: 30px;
}


.recommendcontent .rowimgleft{
   margin:0 20px 0 0 ;
   float:left;
   width:230px;
   height:325px;
 
}



.recommendcontent .rowimgright{
   margin:0 0 0 0 ;
   float:right;
   width:230px;
   height:325px;
  
}
.bottom {
	width:980px;
	height:100%;
}
.footer {
height: 246px;
background: #000 url(../img/bg_footer.png) repeat;
overflow: hidden;
}

.footer .footer-inner {
padding-top: 36px;
margin: 0px auto;
width: 1050px;
}

.footer-inner .footer-left, .footer-inner .footer-right {
width: 50%;
float: left;
height: 170px;
}

.footer-inner .footer-copyright {
color: #969696;
text-align: center;
border-top: 1px solid #323232;
clear: left;
padding: 10px 0px;
}

.footer-inner .footer-left a {
display: block;
width: 47%;
float: left;
margin: 0;
padding-top: 16px;
height: 1.7em;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
margin-right: 3%;
}

.footer .footer-inner a {
color: #969696;
}

.footer .footer-inner h3 {
margin-left: auto;
margin-right: auto;
margin-top: 45px;
margin-bottom: 35px;
width: 176px;
height: 34px;
background: url(../img/footer_logo.png) no-repeat;
position: relative;
left: 56px;
}

.footer .footer-inner .footer-text {
padding-right: 10px;
color: #fff;
padding-top: 5px;
text-align: center;
max-height: 70px;
overflow: hidden;
}

.footer .footer-inner p {
line-height: 30px;
text-align: right;
}

.clear{
 clear:both;
}

.nav-group .nav-i.app .nav-link {
display: block;
background: url(../img/icon-iphone.png) no-repeat 8px -16px;
padding-left: 35px;
}