@charset "UTF-8";
.box_flex { display: -webkit-box; display: -ms-flexbox; display: flex; }

.box_flex_1 { -webkit-box-flex: 1; box-flex: 1; -ms-flex: 1; flex: 1; }

html { font-size: calc(100vw / 7.5); }

@media (min-width: 750px) { html { font-size: 100px; } }

@media (max-width: 280px) { html { font-size: 35px; } }

.content { min-height: calc(100vh - 3.5rem); position: relative; font-size: 0.24rem; }

.noscroll { height: calc(100vh - 3.5rem); overflow: hidden; }

.hide { display: none; }

.icoimg { background: url("../images/icoimg.png") no-repeat center; background-size: auto 1rem; }

/* 按钮*/
.btndown { width: 1rem; height: 0.5rem; line-height: 0.5rem; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-pack: distribute; justify-content: space-around; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #fff; background: #0099ff; border-radius: 0.05rem; }
.btndown a{color: #fff;}
.btndown > * { display: block; }

.btndown:active { color: #fff; background: #0099ff; }
 

/* 面包屑*/
.crumb { border-top: 0.1rem solid #f3f3f3; height: 0.6rem; line-height: 0.6rem; padding: 0 0.3rem; overflow: hidden; color: #5e5e5e; background: #fff; }

.crumb a { color: #5e5e5e; }

.crumb i { display: inline-block; vertical-align: middle; background: url("../images/icohome.png") no-repeat center; background-size: 100% auto; margin: -0.04rem 0.02rem 0 0; height: 0.23rem; width: 0.27rem; background-position: 0 0; }

.crumb a:active { color: #3A3226; }

/* 切换分类*/
.titleswich { height: 0.8rem; border-bottom: 0.02rem solid #f3f3f3; margin: 0  0.2rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #9195a3; }

.titleswich a { position: relative; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; margin: 0 0.2rem; height: 0.8rem; line-height: 0.8rem; padding: 0 0.1rem; font-weight: bold; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-pack: distribute; justify-content: space-around; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 0.28rem; }

.titleswich a:active { color: #3A3226; border-color: #3A3226; }

.titleswich a:active::after { display: block; }

.titleswich .on { color: #3A3226; border-color: #3A3226; }

.titleswich .on::after { display: block; }

.titleswich a::after { display: none; position: absolute; left: 0; bottom: 0; background: #3A3226; width: 100%; height: 0.03rem; content: ''; }

 

 
/* 合集头部*/
.zqtopbox { height: auto; width: 100%; }

.zqtopbox .bj { width: 100%; height: auto; }

.zqtopbox .bj img { display: block; width: 100%; height: auto; overflow: hidden; }

.zqtopbox .text { padding: 0.2rem; }

.zqtopbox .text .h1top { height: 0.4rem; line-height: 0.4rem; overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-bottom: 0.2rem; }

.zqtopbox .text .h1top .h1 { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; overflow: hidden; padding-right: 0.2rem; color: #626675; font-size: 0.3rem; font-weight: normal; }

.zqtopbox .text .h1top .bq i { color: #ff3b30; }

.zqtopbox .text .tex { color: #929292; line-height: 0.44rem; text-align: justify; }

.zqtopbox .titleswich { height: auto; line-height: 0.6rem; border: none; padding: 0 0.2rem 0.2rem; }

.zqtopbox .titleswich .lisa { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; overflow: hidden; }

.zqtopbox .titleswich .lisa a { float: left; color: #fff; background: #3cca94; border: none; border-radius: 0.05rem; height: 0.45rem; line-height: 0.45rem; font-size: 0.24rem; margin: 0.05rem; }

.zqtopbox .titleswich .lisa a + a { background: #fd7777; }

.zqtopbox .titleswich .lisa a + a + a { background: #ffb76b; }

.zqtopbox .titleswich .lisa a + a + a + a { background: #02baff; }

.zqtopbox .titleswich .lisa a + a + a + a + a { background: #009f76; }

.zqtopbox .titleswich .lisa a + a + a + a + a + a { background: #0003f9; }

.zqtopbox .titleswich .lisa a + a + a + a + a + a + a { background: #222; }
 

.pandinfortop.zqtopbox .text { padding-bottom: 0rem; }

.pandinfortop .titleswich { padding: 0; }

.pandinfortop .swiper_box { background: #f3f3f3; padding: 0.2rem; padding-left: 0.1rem; margin: 0.1rem 0; padding-bottom: 0.1rem; }

.pandinfortop .swiper_box .swiper-container { padding-bottom: 0.2rem; }

.pandinfortop .swiper_box .swiper-slide { width: auto; margin-left: 0.2rem; padding-top: 0.1rem; }

.pandinfortop .swiper_box .swiper-slide .item { display: block; position: relative; width: 1.6rem; }

.pandinfortop .swiper_box .swiper-slide .item .ico { background: url("../images/bq.png") no-repeat center; position: absolute; top: -0.1rem; left: -0.15rem; background-size: 100% auto; width: 0.5rem; height: 0.5rem; color: #fff; text-align: center; line-height: 0.4rem; }

.pandinfortop .swiper_box .swiper-slide .item .img img{border-radius: 0.15rem;}
.pandianlist ul li { padding: 0.2rem; padding-bottom: 0.1rem; }

.pandianlist ul li .item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0.1rem 0; }

.pandianlist ul li .item .img { height: 1rem; width: 1rem; border-radius: 0.15rem; margin-right: 0.2rem; }

.pandianlist ul li .item .infor { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; overflow: hidden; color: #949494; line-height: 0.5rem; padding-right: 0.2rem; }

.pandianlist ul li .item .infor .name {color: #000; height: 0.6rem; width: 100%; overflow: hidden; margin-top: -0.1rem; margin-bottom: 0.05rem; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; font-size: 0.28rem; display: block; }

.pandianlist ul li .item .infor p { height: 0.4rem; overflow: hidden; width: 100%; line-height: 0.4rem; font-size: 0.24rem; }

.pandianlist ul li .item .infor p i { padding: 0 0.1rem; }

.pandianlist ul li .text { line-height: 0.4rem; color: #929292; text-align: justify; }

.pandianlist ul li .swiper_box { padding: 0.1rem 0; }

.pandianlist ul li .swiper_box .swiper-container { padding-bottom: 0.2rem; }

.pandianlist ul li .swiper_box .swiper-slide { margin-right: 0.2rem; width: 3.4rem; max-width: 100%; }

.pandianlist ul li .swiper_box .swiper-slide:last-child { margin-right: 0px; }

.pandianlist ul li .swiper_box .swiper-slide .img { display: block; }

.pandianlist ul li .swiper_box .swiper-slide .img img { border-radius: 0.1rem; }

.pandianlist ul li .swiper_box.swiper-h .swiper-slide { width: 2.2rem; }

.swiper-scrollbar-drag{background: #0099ff;}