.tab,.collapse{margin:0 10px 0 10px;}
.tab,.panel{margin-top:10px;}
.header.fixed.fixed-top{border-bottom:solid 1px #ddd;z-index:2;-webkit-box-shadow:0 3px 6px rgba(0, 0, 0, .175);box-shadow:0 3px 6px rgba(0, 0, 0, .175);}
.footer .badge{padding:7px 15px;}

.button-group{cursor:pointer;}

.list_page{text-align:center;margin:10px;display:block;}
.list_page:after{content:" ";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}
.list_page ul{list-style:none;margin:0;padding:0;display:inline-block;vertical-align:bottom;}
.list_page ul li{display:inline-block;border:solid 1px #ddd;border-radius:4px;}
.list_page ul a{color:#333;padding:8px 12px;line-height:18px;display:block;transition:all 1s cubic-bezier(0.175, 0.885, 0.32, 1) 0s;background:#fff;}
.page_group ul{border-right:solid 1px #ddd;border-radius:4px;}
.page_group ul li{border-right:none;border-radius:0;float:left;}
.page_group ul li:not(:first-child):not(:last-child){border-radius:0;}
.page_group ul li:first-child{border-radius:4px 0 0 4px;}
.page_group ul li:last-child{border-radius:0 4px 4px 0;}
.page_group ul .active a{background:#f3f3f3;border-radius:0;}


.showcontent{font-size:14px;}
.showcontent img{width:auto;height:auto;}
.artshow h1{margin:0 0 10px 0;font-size:18px;font-weight:bold;}
.artshow .badge{padding:6px 10px;}
.artshow .info{background:#f3f3f3;border-left:3px solid #ccc;padding:10px;}
.artshow img{width:100%;}
.artshow .win-backtop{margin-bottom:40px;}
.commentpost{bottom:0;position:fixed;width:100%;border-top:1px solid #ddd;padding:10px 0 0 10px;background:#fff;}

.listmore{list-style:none;margin:0;padding:0;display:block;text-align:center;color:#999;width:100%;}
.commentmore{margin-bottom:80px;}

.item_list{margin:10px 4px 10px 14px;position:relative;}
.item_list ul{margin:0;padding:0;list-style:none;}
.item_list ul li{width:50%;float:left;}
.item_list ul li div{margin:10px;padding:10px;background:#f0f0f0;}
.item_list ul li p{font-size:12px;line-height:22px;color:#555;margin-top:5px;word-break:break-all;}
.item_list ul li img{width:100%;height:auto;}

@media (min-width:480px) and (max-width:760px){.item_list ul li{width:33.3%;}}
@media (min-width:761px){.item_list ul li{width:25%;}}

#mySwipe{margin:15px auto;}
.swipe{overflow:hidden;visibility:hidden;position:relative;}
.swipe-wrap{overflow:hidden;position:relative;}
.swipe-wrap > div{float:left;width:100%;position:relative;}
.swipe-wrap img{margin-bottom:10px;width:100%;}

#videoshow{margin:10px 0;}
#videoshow video{width:100%;}