.detail-page .h3{line-height:25px;font-weight:500;font-size:24px;color:#333;}
.detail-page .h3:before{content:'';display:inline-block;width:6px;height:25px;margin-right:12px;vertical-align:top;background-color:#0082e9;}

.banner{height:540px;background-position:top center;background-repeat:no-repeat;}
.steps{margin:-100px 0 33px;padding:25px 42px 25px 104px;background:#fff;box-shadow:0 0 18px 0 rgba(4, 69, 121, 0.17);border-radius:20px;}
.steps .item{position:relative;float:left;min-width:130px;margin-right:90px;text-align:center;}
.steps .item .icon{width:96px;height:96px;margin:0 auto;}
.steps .item .label{margin-top:13px;font-weight:500;font-size:18px;color:#000;}
.steps .item .date{margin-top:12px;font-size:16px;color:#666;}
.steps .line:after{content:'';position:absolute;top:48px;left:100%;width:52px;height:1px;margin-left:19px;background:#999;}
.btn-join{display:block;margin-top:16px;}
.btn-join:hover{opacity:.8;}

.sidebar{float:left;width:248px;}
.main{min-height:500px;margin-left:275px;overflow:hidden;}

.nav a{display:block;padding:18px;line-height:22px;font-size:16px;color:#666;background-color:#fff;}
.nav a:hover{color:#0082e9;}
.nav a.active{color:#0082e9;background-color:rgba(0, 130, 233, .2);}

/*附件下载*/
.files{margin-top:16px;padding:30px 21px;background-color:#fff;}
.files a{display:block;margin-top:30px;color:#0082e9;font-size:16px;}

.infos{padding:31px 21px;background-color:#fff;}
.infos .cover{width:288px;height:144px;}
.infos .txt{margin-left:305px;font-size:18px;color:#666;line-height:26px;}
.infos .title{margin-bottom:18px;line-height:1;font-weight:500;font-size:30px;color:#000;}
.infos .v{color:#0082e9;}

.content{margin-top:16px;padding:35px 33px;font-size:16px;color:#333;background-color:#fff;}
.content .h3{margin-bottom:39px;}

.filter{padding:23px 18px 11px;background-color:#fff;}
.filter .h3{margin-bottom:42px;}
.filter .btn-sort{position:relative;margin-top:9px;margin-left:28px;line-height:15px;font-size:14px;color:#333;}
.filter .btn-sort:after{content:'';display:inline-block;width:10px;height:15px;vertical-align:top;background:url(../images/detail/sort.png) no-repeat 0 -30px;}
.filter .btn-sort.ascending:after{background-position:0 0;}
.filter .btn-sort.descending:after{background-position:0 -15px;}

.artwork-list{margin-top:36px;margin-right:-18px;}
.artwork-list .item{float:left;width:296px;height:227px;margin-bottom:16px;margin-right:18px;overflow:hidden;font-size:16px;color:#333;background:#fff;border-radius:6px;}
.artwork-list .cover{height:149px;}
.artwork-list .img{transition:transform .3s;}
.artwork-list .item:hover .img{transform:scale(1.05);}
.artwork-list .txt{padding:14px;}
.artwork-list .tit{font-weight:500;}
.artwork-list .author{margin-top:10px;font-size:12px;color:#999;}
.page{margin-top:26px;text-align:center;font-size:0;}
.page span{font-size:14px;}
.page a{display:inline-block;min-width:28px;height:28px;margin:0 10px;line-height:28px;text-align:center;font-size:14px;border:1px solid #ccc;}
.page a:hover,
.page a.active{color:#fff;background-color:#0082e9;border-color:#0082e9;}
.page img{vertical-align:middle;}
.page .btn-submit{width:59px;color:#fff;background:#0082e9;}
.page-input{width:28px;height:28px;margin:0 5px;line-height:28px;text-align:center;font-size:14px;border:1px solid #ccc;}

.select{position:relative;min-width:120px;height:32px;margin-right:13px;padding:0 13px;line-height:32px;cursor:pointer;border-radius:4px;border:1px solid #999;}
.select:after{content:'';position:absolute;top:9px;right:13px;width:16px;height:16px;background:url(../images/detail/icon_xia.png) no-repeat 0 0;}
.select .drop-down-menu{display:none;position:absolute;top:100%;left:0;width:100%;z-index:10;border:1px solid #eee;background-color:#fff;}
.select .drop-down-menu a{display:block;padding:0 13px;line-height:32px;}

.statistics-item{float:left;width:223px;height:224px;margin-top:21px;margin-right:11px;text-align:center;background:#fff;border-radius:6px;}
.statistics-item:last-child{margin-right:0;}
.statistics-item .value{width:113px;height:113px;margin:39px auto 0;line-height:109px;color:#0082e9;font-size:25px;border-radius:50%;border:2px solid #0082e9;box-sizing:border-box;}
.statistics-item .label{margin-top:25px;font-size:16px;color:#333;}
.statistics-item.purple .value{color:#5235d2;border-color:#5235d2;}
.statistics-item.orange .value{color:#f28e2c;border-color:#f28e2c;}
.statistics-item.green .value{color:#28ca69;border-color:#28ca69;}