/* 世纪开元-帮助篇1 */
.help-head{ height:80px; line-height:80px; background:#51bedb;box-shadow: 0px 8px 15px rgba(0,0,0,.1);}
.help-head .logo{ font-size:34px; font-weight:bolder; color:#fff;letter-spacing: 2px;}
.banner{ width:100%; height:370px; background:url(../imgs/banner01.jpg) no-repeat center;}
.help-con{ margin:45px auto 30px;}
.help-con .list-item{ background:#fff; margin-bottom:15px;}
.help-con .list-item:hover{box-shadow:0 0 6px rgba(0,0,0,0.2);}
.help-con .list-item .img-box{ width: 100%; display:block; *display:block;}
.help-con .list-item .img-box img{ width:100%}
/*.help-con li:hover h4 a{color:#e40011;}*/
.help-con li .pro-title{ font-size: 18px; color: #000000; font-weight:100; margin-top: 10px; margin-left: 15px;}
.help-con li .pro-describe{font-size: 14px;color: #727272;margin-left: 15px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; margin-bottom:45px;}
@media (max-width:1260px){	
	.help-con li .pro-title{ font-size: 16px; margin-top: 8px; margin-left: 10px;}
    .help-con li .pro-describe{font-size: 12px;margin-bottom:35px;margin-left: 10px;}
}

/* 世纪开元-帮助篇2 */
.operation-font{ width:100%; height:140px; background:#f5f5f5;}
.operation-font h1{ font-size:34px; margin-top:35px; font-weight:100;letter-spacing:4px;}
.operation-font p{font-size: 14px;color: #999;letter-spacing:2px; margin-top:5px;}
.operation-con{ background:#fff; overflow:hidden}
.operation-con .l{ margin-top:30px;}
.operation-con .l .tit{ font-size:18px; color:#515151; margin-bottom:20px;}
.operation-con .l img{ width:880px;}
.operation-con .r{ width:292px; border:1px solid #f0f0f0; margin:30px 0; box-sizing:border-box; text-align:center }
.operation-con .r .tit{ font-size:18px; color:#515151; height:40px; line-height:40px; padding-left:10px;box-sizing:border-box; border-bottom:1px solid #f0f0f0; text-align:left}
.operation-con .r ul{ padding:10px;}
.operation-con .r ul li{list-style:disc;color:#b0b0b0; margin-left:20px; text-align:left}
.operation-con .r ul li a{ color:#727272; line-height:30px; font-size:14px;}
.operation-con .r ul li a:hover{ text-decoration:underline; color:#515151}
.operation-con .r .more{ padding:7px 22px; border:1px solid #51bedb; color:#51bedb; display:inline-block; margin:0 auto 20px; border-radius:5px;}
.operation-con .r .more:hover{ color:#fff; background:#51bedb }
@media (max-width:1260px){
	.operation-con .l,.operation-con .l img{ max-width:680px;}
	.operation-con .l img{ width:680px;}
}

.login-footer{ height: 80px; text-align: center; font-size: 14px; padding-top: 40px;}
.footer-list a{display: inline-block;padding: 0 10px;color: #727272;*display: inline;zoom:1;}
.footer-list a:hover{ color: #626262;text-decoration: underline;}
.login-footer p{ padding: 10px;color: #727272;}

.operation-con .l a:hover{ color:#51bedb}
.magnifier{ height:32px; line-height:32px; display:table; margin:0 auto; position:relative}
.magnifier:before{ content:url(../imgs/magnifier.png); width:20px; height:20px;display: block; position:absolute; left:-22px; top:5px;}