/* 技术-图纸 */
.md31428.p-main{width: 100%;padding: .2rem 0 1.1rem;background-color: #f5f7fb;}
.md31428.p-main img{display: inline-block;vertical-align:middle;max-width: 100%;}
.md31428.p-main .layout{width: 14.4rem;max-width: 92%;margin: 0 auto;}
.md31428.p-main .my-top{width: 100%;text-align: center;padding-bottom: .6rem;}
.md31428.p-main .my-titles{width: 100%;color: #333333;font-weight: bold;line-height: 1.16;}
.md31428.p-main .p-top{width: 100%;margin-bottom: .8rem; display: flex;align-items: center;flex-wrap: wrap; border-radius: .6rem 0 .6rem 0;background-color: #ffffff;}
.md31428.p-main .p-left{width: 7.2rem;}
.md31428.p-main .p-img{width: 100%;position: relative;overflow: hidden;padding-top: calc(740/720*100%);border-radius: .6rem 0 .6rem 0;}
.md31428.p-main .p-img img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;transform: scale(1.00);transition: all ease .5s;}
.md31428.p-main .p-right{flex: 1;padding: 0 .6rem;height: 5.9rem;overflow: auto;}
.md31428.p-main .p-textbox{width: 100%;color: #333333;line-height: 1.87;}
.md31428.p-main .p-textbox *{line-height: inherit;max-width: 100%;}

.md31428.p-main .p-bottom{width: 100%;padding-bottom: .4rem;display: flex;flex-wrap: wrap;justify-content: space-between;}
.md31428.p-main .p-item{transition: all  .3s;display: flex;align-items: center;cursor: pointer;width: calc(50% - .2rem);padding: .4rem .3rem .4rem .4rem;margin-bottom: .3rem;background-color: #ffffff;border-radius: .25rem 0 .25rem 0;}
.md31428.p-main .p-icon{transition: all  .3s;display: flex;align-items: center;justify-content: center;width: .8rem;height: .8rem;background-color: var(--theme);border-radius: .2rem;}
.md31428.p-main .p-icon img{display: block;width: .36rem;}
.md31428.p-main .p-icon img:last-child{display: none;}
.md31428.p-main .p-text{flex: 1;padding-left: .3rem;}
.md31428.p-main .p-namebox{display: flex;align-items: center;flex-wrap: wrap; width: 100%;}
.md31428.p-main .p-name{transition: all  .3s;flex: 1;color: #333333;font-weight: bold;line-height: 1.58;}
.md31428.p-main .p-download{transition: all  .3s;display: flex;align-items: center;color: #333333;line-height: 1.6;}
.md31428.p-main .p-download img{height: 1.12em;margin-right: .1rem;}
.md31428.p-main .p-icon1{display: block;}
.md31428.p-main .p-icon2{display: none;} 
.md31428.p-main .p-tipbox{width: 100%;padding-top: .1rem;display: flex;flex-wrap: wrap;align-items: center;}
.md31428.p-main .p-tip{transition: all  .3s;margin-right: .4rem;margin-top: .1rem; color: #666666;line-height: 1.6;}
.md31428.p-main .p-tip:last-child{margin-right: 0;}
.md31428.p-main .p-item:hover{background-color: var(--active);}
.md31428.p-main .p-item:hover .p-icon{background-color: #fff;}
.md31428.p-main .p-item:hover .p-icon img{display: none;}
.md31428.p-main .p-item:hover .p-icon img:last-child{display: block;}
.md31428.p-main .p-item:hover .p-name{color: #fff;}
.md31428.p-main .p-item:hover .p-download{color: #fff;}
.md31428.p-main .p-item:hover .p-icon1{display: none;}
.md31428.p-main .p-item:hover .p-icon2{display: block;}
.md31428.p-main .p-item:hover .p-tip{color: #fff;}

.md31428.p-main .p-right{overflow: auto;scrollbar-color:#e2e6ed  #fff;scrollbar-width: none;scrollbar-width: thin; }
.md31428.p-main .p-right::-webkit-scrollbar {width:  .05rem;height: 1px;}
.md31428.p-main .p-right::-webkit-scrollbar-thumb {border-radius: .03rem;box-shadow: inset 0 0 .03rem #fff;background: #e2e6ed;}
.md31428.p-main .p-right::-webkit-scrollbar-track {box-shadow: inset 0 0 .03rem #fff;border-radius: .03rem; background: #fff;}

@media (max-width: 750px) {
  .md31428.p-main .p-left{width: 100%;}
  .md31428.p-main .p-right{width: 100%;flex: none;height: auto;padding: .5rem .3rem;}
  .md31428.p-main .p-item{width: 100%;padding: .3rem;}
  .md31428.p-main .p-top{border-radius: .3rem 0 .3rem 0;}
  .md31428.p-main .p-img{border-radius: .3rem 0 .3rem 0;}
}
@media (max-width: 500px) {
   .md31428.p-main .p-name{flex: none;width: 100%;margin-bottom: .15rem;}
}

/* 分页 */
.paging{width: 100%;text-align: center;font-size: 0;}
.paging-item{transition: all .3s;display: inline-block;vertical-align: middle;cursor: pointer;margin: .1rem;min-width: 3.12em;height: 3.12em;line-height: 3.12em;border-radius: 1.56em;color: #333333;background-color: #fff;}
.paging-item:hover{background-color: var(--active);color: #fff;}
.paging-item.active{background-color: var(--active);color: #fff;}
.paging-up{transition: all .3s;display: inline-block;vertical-align: middle;cursor: pointer;position: relative;margin: .1rem .4rem;min-width: 3.12em;height: 3.12em;border-radius: 1.25em 0 1.25em 0; color: transparent;background-color: var(--theme);}
.paging-up:after{transition: all .3s;transform: rotate(0);content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-image: url('../images/a8.png');background-size: 1.25em auto;background-position: center center;background-repeat: no-repeat;}
.paging-up:hover{background-color: var(--active);}
.paging-up:hover:after{transform: rotate(45deg);}
.paging-next{transition: all .3s;display: inline-block;vertical-align: middle;cursor: pointer;position: relative;margin: .1rem  .4rem;min-width: 3.12em;height: 3.12em;border-radius: 1.25em 0 1.25em 0; color: transparent;background-color: var(--theme);}
.paging-next:after{transition: all .3s;transform: rotate(180deg);content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-image: url('../images/a8.png');background-size: 1.25em auto;background-position: center center;background-repeat: no-repeat;}
.paging-next:hover{background-color: var(--active);}
.paging-next:hover:after{transform: rotate(135deg);}

@media (max-width: 1150px) {
  .paging-item{min-width: 2.8em;height: 2.8em;line-height: 2.8em;border-radius: 1.4em;}
  .paging-up{margin: .1rem;min-width: 2.8em;height: 2.8em;border-radius: 1.1em 0 1.1em 0;}
  .paging-next{margin: .1rem;min-width: 2.8em;height: 2.8em;border-radius: 1.1em 0 1.1em 0;}
}