/* common css */
.wrap{width: 980px;margin:0 auto;background: #fff;}
.clear {clear:both;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.clearfix{*+height:1%;}
.solid {background: #eb7d4a;}

.img img{vertical-align: top;}
.fL{float: left;}
.fR{float: right;}
.mL45{margin-left: 45px;}

.h2{height: 2px;font-size: 0;}
.h5{height: 5px;font-size: 0;}
.h10{height: 10px;font-size: 0;}
.h15{height: 15px;}
.h14{height: 14px;}
.h20{height: 20px;}
.h25{height: 25px;}
.h30{height: 30px;}
.h40{height: 40px;}
.h50{height: 50px;}
.h60{height: 60px;}
.h75{height: 75px;}

/* user css */
.bg{background: url(https://f2.cri.cn/M00/DB/6D/CqgNOlkmgtOAfHOGAAAAAAAAAAA8711857.bj.png) no-repeat;width: 1380px;padding-bottom:50px;margin:0 auto;}


/*info*/
.info{width: 980px;height: 340px;background: url(https://f2.cri.cn/M00/DB/6D/CqgNOlkmgtOAfHOGAAAAAAAAAAA8711857.info.jpg) no-repeat;overflow: auto;}
.info-header{margin:23px auto;width: 150px;height: 40px;background: #eb7d4a;text-align: center;color: #fff;line-height: 40px;font-size: 20px;}
.info-content{width: 800px;height: 150px;margin:0 auto;font-size: 14px;line-height: 32px;color: #000;}
.more{width: 290px;margin:0 auto;border-top: 1px solid #eb7d4a;height: 30px;line-height: 30px;text-align: center; }
.more a{color:#eb7d4a;font-size: 14px;}

/*list-box*/
.list-box{width: 800px;margin: 0 auto;}
.list-box-header{width: 290px;margin:20px auto;height: 40px;border-bottom: 1px solid #eb7d4a;line-height: 40px;text-align: center;font-size: 20px;font-weight: bolder;}
.list-box .list-li{width: 150px;height: 200px;position: relative;float: left;margin:0 10px 30px 0;}
.list-box .list-li img{vertical-align: top;width: 150px;height: 200px;}
.list-item-title{position: absolute;bottom:20px;background: url(https://f2.cri.cn/M00/DB/6D/CqgNOlkmgtOAfHOGAAAAAAAAAAA8711857.bg.png);width: 130px;padding:0 10px;}
.list-item-title a{color: #fff;}

/*page-nav*/
.page-nav{ float: left; width: 100%; margin-top: 20px; text-align: center; font-size: 0; line-height: 0; }
.page-nav ul li { display:inline-block; *display:inline; zoom:1; margin: 0 6px 10px; font-size: 12px; line-height: 14px; }
.page-nav a { display: inline-block; *display:inline; zoom:1; padding: 2px 5px; border: 1px solid #e8e8e8; text-decoration: none; transition: all 0.8s ease; }
.page-nav a:hover { background: #eb7d4a; border-color: #eb7d4a; color: #FFF; text-decoration:none; transition: all 0.4s ease; }
.page-nav .current a { background: #eb7d4a; border-color: #eb7d4a; color: #FFF; font-weight: bold; }
.page-nav .total b { margin: 0 3px; color: #900; letter-spacing: 1px; }