
.n-main{width: 100%;padding-top: .8rem;padding-bottom: 1.2rem;}
.n-inner{width: 100%;max-width: 14.4rem;margin: 0 auto;}
.n-title{color: #333;line-height: 1;text-align: center;margin-bottom: .6rem;}
.n-list{padding-bottom: .8rem;}
.n-item{width: 100%;margin-bottom: .2rem;}
.n-item:last-child{margin-bottom: 0;}
.n-dt{width: 100%;background-color: #f5f5f5;position: relative;padding: 0.15rem 0.4rem 0.15rem .8rem;cursor: pointer;}
.n-q{display: inline-block;width: 1.1111em;height: 1.1111em;line-height: 1.1111;color: #fff;background-color: #fa0;border-radius: 50%;text-align: center;position: absolute;left: 0.3rem;top: 0.833em;transform: translate(0,-50%);margin-top: .15rem;}
.n-q span{font-size: .7em;line-height: 1;vertical-align: middle;display: inline-block;position: relative;top: -1px;z-index: 12;}
.n-q:after{content: "";display: block;width: 0.55555em;height: 0.55555em;background-color: #fa0;position: absolute;right: 0;bottom: 0;z-index: 1;}
.n-tit{color: #333;line-height: 1.666;position: relative;padding-right: 1em;}
.n-tit:after{content: "";display: block;width: .77777em;height: .44444em;background-image: url(/static/home/images/65.png);background-size: 100% 100%;position: absolute;right: 0;top: 50%;margin-top: -0.22222em;}
.n-dt.show{background-color: #fa0;}
.n-dt.show .n-q{background-color: #fff;color: #fa0;}
.n-dt.show .n-q:after{background-color: #fff;}
.n-dt.show .n-tit{color: #fff;}
.n-dt.show .n-tit:after{background-image: url(../images/66.png);}
.n-dd{padding: .25rem 0 .05rem;display: none;}
.n-cont{width: 100%;padding: 0 0.3rem 0 .8rem;position: relative;}
.n-a{display: inline-block;width: 1.1111em;height: 1.1111em;line-height: 1.1111;color: #fff;background-color: #bbb;border-radius: 50%;text-align: center;position: absolute;left: 0.3rem;top: 0.833em;transform: translate(0,-50%);}
.n-a span{font-size: .7em;line-height: 1;vertical-align: middle;display: inline-block;position: relative;top: -1px;z-index: 12;}
.n-a:after{content: "";display: block;width: 0.55555em;height: 0.55555em;background-color: #bbb;position: absolute;right: 0;bottom: 0;z-index: 1;}
.n-text{color: #666;line-height: .3rem;}
.n-more{width: 1.6rem;line-height: .5rem;background-color: #fa0;color: #fff;text-align: center;margin: 0 auto;}
@media(max-width: 1472px){
    .n-text{line-height: 23px;}
}
@media(max-width: 750px){
    .n-main{padding: .5rem .3rem;}
    .n-title{margin-bottom: .4rem;}
    .n-a span{top: 0;}
    .n-dt{padding-left: .6rem;}
    .n-q{left: 0.15rem;}
    .n-cont{padding-left: .6rem;padding-right: 0;}
    .n-a{left: 0.15rem;}
    .n-text{line-height: .46rem;}
    .n-list{padding-bottom: .4rem;}
    .n-more{line-height: .6rem;}
}

.pg-main{text-align: center;font-size: 0;}
.pg-one{display: inline-block;vertical-align: top;min-width: .46rem;height: .46rem;line-height: .44rem;padding: 0 0.05rem;text-align: center;color: #888;border: 1px solid #eee;margin: 0 .1rem;cursor: pointer;background-color: #fff;transition: background-color .3s;}
.pg-one.active{background-color: #fa0;color: #fff;}
.pg-input{width: 1rem;height: .46rem;border: 1px solid #eee;background-color: #fff;text-align: center;color: #888;margin: 0 .12rem 0 .3rem;}
.pg-submit{width: auto;border: none;background-color: transparent;height: 1px solid transparent;line-height: .44rem;color: #888;cursor: pointer;padding: 0;}
.pg-prev,
.pg-next{background-image: url(/static/home/images/56.png);background-size: .444444em auto;background-repeat: no-repeat;background-position: center center;}
.pg-prev{transform: rotate(180deg);margin-left: 0;}
body.pc .pg-one:hover{background-color: #fa0;color: #fff;}
body.pc .pg-next:hover,
body.pc .pg-prev:hover{background-image: url(/static/home/images/57.png)}
@media(max-width: 750px){
    .pg-one{margin: 0 0.05rem;}
    .pg-input{margin-left: .1rem;margin-right: .1rem;}
}
