body{font-family: "微软雅黑";}
img{
    display: block;
    max-width: 100%;
    border: 0;
    margin: 0 auto;
}
.hBanner{width: 100%;}
.hBanner img{width: 100%;}
.update, .end {margin: .5rem 0;font-size: .875rem;}

.fixedImg{
    position: fixed;
    top: 0;
    z-index: -1;
    height: 100%;
    background-color: #ffd783;
}

.fixedImg img{
    height: 120%;
    /* display: none; */
    opacity: 0;
}

.nav {
    width: 100%;
    height: 2.4rem;
    line-height: 2.4rem; 
    background: #ededed;
    margin-bottom: .8rem;
    /* padding: 0 3rem; */
}

.nav ul {
    display: -webkit-flex;
    display: flex;
    justify-content: space-around;
}
.nav li {
    flex: 1;
    font-size: .9rem;
    box-sizing: border-box;
    text-align: center;
}

.nav .current a {
    color: #538B2F;
    background-color: #9AD2F7;
    display: block;
    height: 100%;
    font-weight: bold;
}

.nav .navSpe {
    position: relative;
}

.nav .navSpe div {
    position: absolute;
    display: none;
    top: 1.8rem;
	left: 50%;
    width: 100%;
	transform: translateX(-50%);
    background: #5278be; 
	border-radius: .15rem;
}

.nav .navSpe div a { color: #fff;}

.nav .navSpe div a.current { color: #f6fc00;}

.search{width: 92%;margin:0 auto;display: flex;align-items: center;background-color:#fff;overflow:hidden;border:2px solid #7a7a7a;border-radius: 1rem;}
.search .select_box{-webkit-box-flex:1;flex:1;border:none;background:#fff}
.search input[type=text]{width:100%;height: 2rem;border:none;outline:0;background-color:#fff;padding-left: .625rem;}
.search button{width: 2.2rem;height: 2rem;margin-left: 1rem;background-color: transparent;}
.search button img{width: 1.12rem;}
/* 列表 */
.list{width: 92%;margin: 0 auto;overflow:hidden;padding-bottom:.1rem;}
.list ul li{ width:100%; margin:0 auto; margin-top:.8rem; padding: .5rem; background:#fff; border-radius: .5rem; -webkit-border-radius: .5rem; -moz-border-radius: .5rem; -ms-border-radius: .5rem; -o-border-radius: .5rem; }
.list .loadmore{margin-top: 1rem;text-align: center;}
.list .prevImg{width:10rem;height: 5.625rem;margin-right:.5rem}
.list .prevImg img{width:100%;height:100%;}
.list .wrap{overflow: hidden;}
.list .wrap .title{line-height: 1.1rem;font-size: 1rem;font-weight: normal;font-size: .875rem;margin-bottom: .5rem;}
.list .wrap .vote{background-color: transparent;}
.list .wrap .vote img{width: 2rem;}

.grounpC{display: flex;
    flex-wrap: wrap;margin-top: .8rem;margin-bottom: .8rem;}
.grounpC li{width: 25%;text-align:center;list-style-type:none;padding:0 .2rem;font-size: .9rem;margin-bottom: .2rem;}
.grounpC li span{font-size: 12px;}
.grounpC li:last-child{border-right:none}
.grounpC li.on a{color:#ac6c34}
.grounpC li.long_width {
    width: auto;padding: 0 5%;
}
/*详情 */
.show-crumbs{font-size: 1rem;margin: .5rem;padding: .1rem;}

.detail {width: 92%;margin:0 auto;}
.detail .title{font-size: 1rem;margin: 1rem 0;}
.detail .des{font-size: .9rem;text-align:left;margin-top: 0.1rem;padding-bottom: 1rem;}
.detail .video{display:none;width:100%;height: 12rem;}
.detail .video video{width:100%;height:100%}
.detail .des p{margin:.1rem auto;line-height: 1.6;}
.detail .des p img{display:block;max-width: 100%;}
.detail .comp{margin-bottom:2rem;}
.detail .comp .vote{margin-top: .8rem;background-color: transparent;}
.detail .comp .vote img{width: 2rem;}

.article-files{text-align: left;margin-bottom: 1rem;}
.article-files p{margin-bottom: .25rem;}
.article-files p a{color: #2466de;}

.clamp3{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.clamp4{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;}

/* 加载动画 */
.loading {
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    background: rgba(0, 0, 0, .5);
}

.loading .loadingwrap {
    position: absolute;
    width: 80%;
    height: 2rem;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    text-align: center;
    color: #fff;
    font-size: .37rem;
    border-radius: .1rem;
    overflow: hidden;
}

.loading .loadingwrap p {
    height: 1rem;
    line-height: 1rem;
    color: #000;
}

.swiper-container{display: none;width: 100%;height: 11.3rem;margin-bottom: 1rem;background-color: #000;}
.swiper-container img{width: 100%;height: 100%;object-fit: contain;}
.swiper-container .swiper-pagination{left: auto;right: 1rem;width: 44px;background-color: rgba(0, 0, 0, .5);color: #fff;border-radius: 9px;}
.swiper-container .swiper-pagination span{margin: 0 -4px;}