.q-main{width: 100%;padding-top: .6rem;padding-bottom: .8rem;}
.q-inner{width: 100%;max-width: 16rem;margin: 0 auto;}
.q-tabs{width: 100%;text-align: center;font-size: 0;border-bottom: 1px solid #e5e5e5;padding-bottom: .34rem;}
.q-tab{display: inline-block;vertical-align: top;width: 1.6rem;margin: 0 .2rem .2rem;cursor: pointer;}
.q-box{width: 100%;height: 1rem;background-color: #f2f2f2;position: relative;margin-bottom: .14rem;border-radius: .05rem;}
.q-icon{height: .5rem;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);transition: all .3s;}
.q-icon2{opacity: 0;}
.q-tit{color: #666;text-align: center;line-height: 1.55;transition: all .3s;}
.q-tab.active .q-box{background-color: #d6ad5d;}
.q-tab.active .q-icon{filter: grayscale(100%) brightness(300%);}
.q-tab.active .q-tit{color: #111;}
.q-op{width: 100%;padding-top: .4rem;padding-bottom: .58rem;}
.q-left{float: left;font-size: 0;}
.q-right{float: right;}
.q-dt{color: #666;line-height: .6rem;height: .6rem;display: inline-block;vertical-align: top;width: 1.89rem;}
.q-dd{display: inline-block;vertical-align: top;font-size: 0;}
.q-one{display: inline-block;vertical-align: top;height: .6rem;line-height: .6rem;position: relative;border-bottom: .02rem solid transparent;margin-right: .77rem;color: #111;}
.q-one.active{color: #b42328;border-bottom-color: #b42328;}
.q-right{float: right;position: relative;}
.q-input{width: 3.5rem;height: .6rem;background-color: #f2f2f2;border: none;padding: 0 .7rem 0 .25rem;color: #111;border-radius: .05rem;}
.q-sub{width: .7rem;height: .6rem;border-radius: .05rem;position: absolute;right: 0;top: 0;border: none;background-color: #f2f2f2;background-image: url(../img/154.png);background-size: .2rem auto;background-repeat: no-repeat;background-position: center center;cursor: pointer;}
.q-big{width: 100%;border-radius: .05rem;overflow: hidden;}
.q-img-wrap{float: left;width: 50%;height: 4.5rem;}
.q-img{width: 100%;height:100%;object-fit: cover;}
.q-text{float: right;width: 50%;background-color: #e6e7e9;line-height: 4.5rem;height: 4.5rem;overflow: auto;}
.q-in{display: inline-block;vertical-align: middle;width: 100%;padding: .3rem .8rem;}
.q-t{color: #111;line-height: 1.5;padding-bottom: .26rem;position: relative;margin-bottom: .43rem;}
.q-t:after{content: "";display: inline-block;width: 1em;height: .03rem;background-color: #d6ad5d;position: absolute;left: 0;bottom: 0;}
.q-intro{color: #666;line-height: 1.875;}
.q-intro *{line-height: inherit;}
.q-tab:hover .q-icon1{opacity: 0;}
.q-tab:hover .q-icon2{opacity: 1;}
.q-tab:hover .q-tit{color: #111;}
.q-tab.active:hover .q-icon1{opacity: 1;}
.q-tab.active:hover .q-icon2{opacity: 0;}


.ab-main{width: 100%; overflow:hidden; background-color: #f2f2f2; padding-top: 1rem;padding-bottom: 1.2rem;}
.ab-inner{width: 100%;max-width: 16rem;margin: 0 auto;}
.ab-list{width: 100%;font-size: 0;display: flex;flex-wrap: wrap;}
.ab-item{display: inline-block;vertical-align: top;width: 30.81%;margin-right: 3.785%;margin-bottom: .6rem;background-color: #fff;border-radius: .05rem;overflow: hidden;}
.ab-item:nth-child(3n){margin-right: 0;}
.ab-box{width: 100%;padding-top: 56.389%;position: relative;overflow: hidden; display:block;}
.ab-img{width: 100%;height: 100%;position: absolute;left: 0;top: 0;object-fit: cover;transform: scale(1.001);transition: all 0.5s ease 0s;}
.ab-text{width: 100%;padding: .3rem .35rem;}
.ab-tit{color: #111;line-height: 1.266;margin-bottom: .16rem;display: block;}
.ab-des{color: #666;line-height: 1.5;}
.ab-item:hover .ab-tit{color: #be871b;}
.ab-box:hover .ab-img{transform: scale(1.07);}