a{transition:.2s}
.listbox{width:80%;margin:0 auto;overflow: hidden;background: #FFF;box-shadow: 0 0 10px #ddd;}

.sitebox{width:80%;margin:0 auto;overflow: hidden}
.sitebox{margin-bottom: 20px;}
.sitebox p{text-align: center;}
.sitebox a{background:#333;padding: 10px 20px;color: #FFF;text-decoration: none;border-left: 1px solid;}
.sitebox a:hover{background:#bd0000}
.sitebox a.act{background:#bd0000}
.image-link {cursor: -webkit-zoom-in;cursor: -moz-zoom-in;cursor: zoom-in;}
.mfp-with-zoom .mfp-container,.mfp-with-zoom.mfp-bg {opacity: 0;-webkit-backface-visibility: hidden;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;	transition: all 0.3s ease-out;}
.mfp-with-zoom.mfp-ready .mfp-container {opacity: 1;}
.mfp-with-zoom.mfp-ready.mfp-bg {opacity: 0.8;}
.mfp-with-zoom.mfp-removing .mfp-container,.mfp-with-zoom.mfp-removing.mfp-bg {opacity: 0;}
.mfp-no-margins img.mfp-img {padding: 0;}
.mfp-no-margins .mfp-figure:after {top: 0;bottom: 0;}
.mfp-no-margins .mfp-container {padding: 0;}
.mfp-title {text-align: center;padding: 6px 0;}
.image-source-link {color: #DDD;}
body {-webkit-backface-visibility: hidden;margin:0;padding:0;background: #f1f1f1;}
.listbox a{color: #000;padding: 10px 15px;background: #ffffff;margin:10px;border-radius: 5px;text-decoration: none;box-shadow: 0 0 12px #a5a5a5;float:left;font-size: 16px;}
.listbox a:hover{background:#ff8800;color: #FFF;}
.listbox .on{background:#ff8800;color: #FFF;}
.list{overflow: hidden;}
.taglist{overflow: hidden;padding:15px;}
.listbox2{width:80%;margin:0 auto;margin-top:20px;overflow: hidden;background: #FFF;box-shadow: 0 0 10px #ddd;}
.list2{overflow: hidden;padding: 5px 0px;}
img {width: 100%;}
.header-b {height: 80px;margin-bottom:1rem;line-height: 80px;background:#ff8800;box-shadow: 0px 5px 9px 0px #ddd;}
.header{width: 80%;margin: 0 auto;text-align: center;}
.header a{font-size: 1.6rem;text-decoration: none;color: #FFF;font-weight: bold;}
.header span{padding-left: 15px;}
.applist{width: 80%;margin: 0 auto;overflow: hidden;margin-bottom: 20px}
.applist ul{float: left;text-align: left;padding: 0;margin: 0;}
.applist ul li{float: left;list-style: none;padding-right: 10px;line-height: 26px;font-size:14PX;font-family:microsoft yahei}
.applist ul li a{color: #000;}
.temo{text-align: center;font-size: 16px;color: #000;margin: 30px auto;}
.headerr{float:right;height: 80px;line-height: 80px;margin-right: 20px;}
.ptit h1{font-size: 22px; border-left: 5px solid #ff8800; padding: 3px 10px; color:#ff8800; line-height: 28px;margin-left: 20px;}
.b-listtab-main{margin-top:0px;padding-top:5px;overflow:hidden;}
.b-listtab-main a {color: #333;text-decoration: none;font-size: 15px;}
.b-listtab-main ul{margin:20px 0px; padding:0px;}
.b-listtab-main .item{float: left; width: 14.4%; height: auto;margin: 0 0% 0% 2%;padding-bottom: 2rem;}
.b-listtab-main .cover{width:100%;padding-bottom:65%;overflow:hidden;position:relative;font-size:11px;}
.b-listtab-main .cover img{width:100%;height:100%}
.b-listtab-main .pay{position:absolute;top:4px;left:4px;display:block;width:39px;height:19px;line-height:19px;background:#cd1919;color:#fff;text-align:center;border-radius:2px}
.b-listtab-main .hint{position:absolute;right:0px;bottom:0px;padding:2px 6px;background:rgba(243,6,6,0.8);color:#fff;border-radius:7px}
.b-listtab-main .detail{width:100%;background:#fff;height:92px;overflow: hidden;}
.b-listtab-main .title{font-size:12px;padding:7px 5px 3px 5px}
.b-listtab-main .title .s1{display:inline-block;float:left;width:144px;height:20px;line-height:20px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#222}
.b-listtab-main .title .s2{float:right;color:#ff7b00;font-size:10px}
.b-listtab-main .star{font-size:10px;color:#999;margin:0 5px;width:170px;height:18px;line-height:18px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}

.b-listtab-main{overflow:hidden;margin-top:11px;}
p.s1{ overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.b-listtab-main .item {list-style: none;}
.stui-page{width:600px;margin:50px auto 50px;overflow:hidden}
.stui-page li{float:left;width:17%;margin:0;padding:0 5px 0 5px;list-style:none}
.stui-page li a,.stui-page li span,.stui-page__box li .num{display:block;padding:10px 0;text-align:center;text-decoration: none;}
.stui-page li .num,.stui-page li a{background-color:#fff;border:1px solid #eee;color:#333}
.stui-page li a:hover,.stui-page li.active a{background-color:#ff8800;color:#fff;border:1px solid #ff8800;}
.stui-page .hidden-xs{display:none}
.stui-page .visible-xs{display:block!important}


@media (min-width: 992px) and (max-width: 1300px) {
}
@media (min-width: 768px) and (max-width: 991px) {
}
@media (max-width: 767px) {
	.listbox,.listbox2,.applist,.header,.sitebox{width:95%}
	.list{padding:10px 5px}
	.stui-page{width:100%;margin:30px 0 20px;padding:0;}
	.headerr{display:none;}
	.header a{font-size:2rem;}
	.header span{font-size:14px;}
	
	.b-listtab-main .item{width:47%;}

	.pingfen{display:none}
	.bbbt{font-size:12px;overflow:hidden;height:29px;}
	.listbox a{padding: 5px 10px;margin: 5px;}
}
@media only screen and (max-width:420px){
	.b-listfilter-item .item a{margin:5px 0 5px 9pt}
	.b-listtab-main {margin:0px; padding:0px;}
	.b-listtab-main .item{width:47%;}
	.b-listtab-main .cover{height:130px; padding:0px;}
	.b-listtab-main .title .s1{width:62px}
	.b-listtab-main .detail{overflow:hidden;margin-top:3px;}
	.b-listtab-main .item{height:190px}
}
@media only screen and (max-width:320px){
	.b-listfilter-item .item a{margin:5px 0 5px 5px}
	.b-listtab-main .item{margin:0 0 20px 18px}
}