/* 案例-新 */
.md24931.dj-main{width: 100%;padding: 1rem 0 .9rem;background-color: #f7f7f7;}
.md24931.dj-main img{display: inline-block;vertical-align:middle;max-width: 100%;}
.md24931.dj-main .layout{width: 16rem;max-width: 92%;margin: 0 auto;}
.md24931.dj-main input::-webkit-input-placeholder,
.md24931.dj-main textarea::-webkit-input-placeholder{color: #666;}
.md24931.dj-main input:-moz-placeholder,
.md24931.dj-main textarea:-moz-placeholder{color: #666;}
.md24931.dj-main input::-moz-placeholder,
.md24931.dj-main textarea::-moz-placeholder{color: #666;}
.md24931.dj-main input:-ms-input-placeholder,
.md24931.dj-main textarea:-ms-input-placeholder{color: #666;}
.md24931.dj-main .dj-cont{width: 100%;display: flex;flex-wrap: wrap;justify-content: space-between;}
.md24931.dj-main .dj-left{width: 3rem;}
.md24931.dj-main .dj-search{display: flex;align-items: center;width: 100%;margin-bottom: .1rem;background-color: #ffffff;}
.md24931.dj-main .dj-inputbox{flex: 1;}
.md24931.dj-main .dj-input{display: block;width: 100%;border: none;color: #333;padding-left: .25rem;height: .55rem;}
.md24931.dj-main .dj-submit{display: block;cursor: pointer;border: none;background-color: transparent;width: .65rem;height: .55rem;background-image: url('../images/a42.png');background-size: .16rem auto;background-position: center center;background-repeat: no-repeat;}
.md24931.dj-main .dj-resetbox{width: 100%;}
.md24931.dj-main .dj-reset{transition: all  .3s; display: block;cursor: pointer;width: 100%;text-align: center;line-height: .55rem;color: #ffffff;background-color: #acacac;}
.md24931.dj-main .dj-reset:hover{background-color: var(--theme);}
.md24931.dj-main .dj-navbox{width: 100%;}
.md24931.dj-main .dj-nav{display: block;width: 100%;margin-bottom: .1rem;background-color: #ffffff;}
.md24931.dj-main .dj-onebox{display: flex;align-items: center;padding: .1rem calc(1em + .5rem) .1rem .25rem; width: 100%;position: relative;}
.md24931.dj-main .dj-onebox .dj-buttom{display: none;cursor: pointer;transform: rotate(0);transition: all .3s;position: absolute;top: 0;right: 0;width: calc(.75em + .5rem);height: 100%;background-image: url('../images/a43.png');background-size: .75em auto;background-position: center center;background-repeat: no-repeat;}
.md24931.dj-main .dj-one{flex: 1;color: #111111;line-height: 1.6;}
.md24931.dj-main .dj-one:hover{color: var(--active);}
.md24931.dj-main .dj-total{color: #111111;line-height: 1.7;}

.md24931.dj-main .dj-twobox{width: 100%;}
.md24931.dj-main .dj-two{width: 100%;}
.md24931.dj-main .dj-two_namebox{width: 100%;padding: .1rem calc(1em + .5rem) .1rem .25rem;position: relative;}
.md24931.dj-main .dj-two_namebox .dj-buttom{display: none;cursor: pointer;transform: rotate(0);transition: all .3s;position: absolute;top: 0;right: 0;width: calc(.75em + .5rem);height: 100%;background-image: url('../images/a43.png');background-size: .75em auto;background-position: center center;background-repeat: no-repeat;}
.md24931.dj-main .dj-two_name{display: inline-block;cursor: pointer;color: #111111;line-height: 1.76;}
.md24931.dj-main .dj-two_name:hover{color: var(--active);} 
.md24931.dj-main .dj-nav.has-two .dj-onebox .dj-buttom{display: block;}
.md24931.dj-main .dj-nav.has-two.show .dj-onebox .dj-buttom{transform: rotate(-180deg);}

.md24931.dj-main .dj-threebox{display: none;width: 100%;padding: .05rem .25rem 1px .45rem;}
.md24931.dj-main .dj-three{display: block;cursor: pointer;position: relative;margin-bottom: .15rem;padding-left: calc(1.38em + .1rem); width: 100%;color: #666666;line-height: 1.76;}
.md24931.dj-main .dj-three:before{content: '';position: absolute;top: calc(.19em - 1px);left: 0;width: 1.38em;height: 1.38em;border: solid 1px rgba(0,0,0,.1);background-size: cover;background-position: center center;background-repeat: no-repeat;}
.md24931.dj-main .dj-three:hover{color: var(--active);}
.md24931.dj-main .dj-three.active{color: var(--active);}
.md24931.dj-main .dj-three.active:before{background-image: url('../images/a44.png');background-color: var(--active);border: solid 1px var(--active);} 
.md24931.dj-main .dj-two.has-three .dj-two_namebox .dj-buttom{display: block;}
.md24931.dj-main .dj-two.has-three.show .dj-two_namebox .dj-buttom{transform: rotate(-180deg);}

.md24931.dj-main .dj-right{width: calc(100% - 3.5rem);}
.md24931.dj-main .dj-titles{width: 100%;margin-bottom: .3rem;color: #111111;font-weight: bold;line-height: 1.38;}
.md24931.dj-main .dj-list{width: 100%;padding-bottom: .1rem;display: flex;flex-wrap: wrap;}
.md24931.dj-main .dj-item{display: block;cursor: pointer;width: 32.24%;margin-right: 1.64%;margin-bottom: .3rem;background-color: #ffffff;}
.md24931.dj-main .dj-item:nth-child(3n){margin-right: 0;}
.md24931.dj-main .dj-img{width: 100%;position: relative;overflow: hidden;padding-top: calc(252/403*100%);}
.md24931.dj-main .dj-img img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;transform: scale(1.00);transition: all ease .5s;}
.md24931.dj-main .dj-text{width: 100%;padding: .25rem .3rem;}
.md24931.dj-main .dj-name{width: 100%;margin-bottom: .1rem;color: #111111;font-weight: bold;line-height: 1.5;}
.md24931.dj-main .dj-intro{width: 100%;color: #666666;line-height: 1.7;}
.md24931.dj-main .dj-item:hover .dj-img img{transform: scale(1.05);}
.md24931.dj-main .dj-item:hover .dj-name{color: var(--theme);}

@media(max-width: 750px) { 
   .md24931.dj-main .dj-left{width: 100%;margin-bottom: .3rem;}
   .md24931.dj-main .dj-right{width: 100%;}
   .md24931.dj-main .dj-item{width: calc(50% - .15rem);margin-right: .3rem;}
   .md24931.dj-main .dj-item:nth-child(3n){margin-right: .3rem;}
   .md24931.dj-main .dj-item:nth-child(2n){margin-right: 0;}
}


/* 分页 */
.paging{position: relative;z-index: 1;width: 100%;text-align: center;font-size: 0;}
.paging-item{transition: all  .3s;display: inline-block;vertical-align: middle;cursor: pointer;margin: .1rem .05rem;min-width: .5rem;height: .5rem;line-height: .5rem;border-radius: .25rem;color: #999999;background-color: #ffffff;}
.paging-item:hover{color: #fff;background-color: var(--theme);}
.paging-item.active{color: #fff;background-color: var(--theme);}
.paging-up{transition: all  .3s;display: inline-block;vertical-align: middle;cursor: pointer;margin: .1rem .05rem;min-width: .5rem;height: .5rem;line-height: .5rem;border-radius: .25rem;color: transparent;background-color: #ffffff;background-image: url('../images/a2.png');background-size: .42em auto;background-position: center center;background-repeat: no-repeat;}
.paging-up:hover{background-color: var(--theme);background-image: url('../images/a2-b.png');} 
.paging-next{transition: all  .3s;transform: rotate(-180deg);display: inline-block;vertical-align: middle;cursor: pointer;margin: .1rem .05rem;min-width: .5rem;height: .5rem;line-height: .5rem;border-radius: .25rem;color: transparent;background-color: #ffffff;background-image: url('../images/a2.png');background-size: .42em auto;background-position: center center;background-repeat: no-repeat;}
.paging-next:hover{background-color: var(--theme);background-image: url('../images/a2-b.png');} 
 
@media (max-width: 1150px) {
    .paging-item{min-width: .6rem;height: .6rem;line-height: .6rem;border-radius: .3rem;}
    .paging-up{min-width: .6rem;height: .6rem;line-height: .6rem;border-radius: .3rem;}
    .paging-next{min-width: .6rem;height: .6rem;line-height: .6rem;border-radius: .3rem;}
}

/* 分页 */
.paging{position: relative;z-index: 1;width: 100%;text-align: center;font-size: 0;}
.paging-item{transition: all  .3s;display: inline-block;vertical-align: middle;cursor: pointer;margin: .1rem .05rem;min-width: .5rem;height: .5rem;line-height: .5rem;border-radius: .25rem;color: #999999;background-color: #ffffff;}
.paging-item:hover{color: #fff;background-color: var(--theme);}
.paging-item.active{color: #fff;background-color: var(--theme);}
.paging-up{transition: all  .3s;display: inline-block;vertical-align: middle;cursor: pointer;margin: .1rem .05rem;min-width: .5rem;height: .5rem;line-height: .5rem;border-radius: .25rem;color: transparent;background-color: #ffffff;background-image: url('../images/a2.png');background-size: .42em auto;background-position: center center;background-repeat: no-repeat;}
.paging-up:hover{background-color: var(--theme);background-image: url('../images/a2-b.png');} 
.paging-next{transition: all  .3s;transform: rotate(-180deg);display: inline-block;vertical-align: middle;cursor: pointer;margin: .1rem .05rem;min-width: .5rem;height: .5rem;line-height: .5rem;border-radius: .25rem;color: transparent;background-color: #ffffff;background-image: url('../images/a2.png');background-size: .42em auto;background-position: center center;background-repeat: no-repeat;}
.paging-next:hover{background-color: var(--theme);background-image: url('../images/a2-b.png');} 
 
@media (max-width: 1150px) {
    .paging-item{min-width: .6rem;height: .6rem;line-height: .6rem;border-radius: .3rem;}
    .paging-up{min-width: .6rem;height: .6rem;line-height: .6rem;border-radius: .3rem;}
    .paging-next{min-width: .6rem;height: .6rem;line-height: .6rem;border-radius: .3rem;}
}