/* 产品 */
.md38583.v-main{width: 100%;padding: 1.2rem 0 1.1rem;background-color: #f8f9fc;} 
.md38583.v-main .layout{width: 14.4rem;max-width: 92%;margin: 0 auto;} 
.md38583.v-main img{display: inline-block;vertical-align:middle;max-width: 100%;}
.md38583.v-main .my-top{width: 100%;padding-bottom: .25rem;text-align: center;}
.md38583.v-main .my-titles{width: 100%;color: #222222;line-height: 1.2;font-weight: bold;}
.md38583.v-main input::-webkit-input-placeholder,
.md38583.v-main textarea::-webkit-input-placeholder{color: #888888;}
.md38583.v-main input:-moz-placeholder,
.md38583.v-main textarea:-moz-placeholder{color: #888888;}
.md38583.v-main input::-moz-placeholder,
.md38583.v-main textarea::-moz-placeholder{color: #888888;}
.md38583.v-main input:-ms-input-placeholder,
.md38583.v-main textarea:-ms-input-placeholder{color: #888888;}
.md38583.v-main .v-top{display: flex;align-items: center;flex-wrap: wrap;justify-content: space-between;width: 100%;padding-bottom: .4rem;}
.md38583.v-main .v-lt{font-size: 0;}
.md38583.v-main .v-rt{font-size: 0;}
.md38583.v-main .v-search{display: flex;align-items: center;width: 4.25rem;	background-color: #ffffff;border-radius: .25rem;}
.md38583.v-main .v-inputbox{flex: 1;}
.md38583.v-main .v-input{border: none;background-color: transparent;width: 100%;padding: 0 .3rem;height: .5rem;color: #333;}
.md38583.v-main .v-submitbox{position: relative;display: block;}
.md38583.v-main .v-submit{position: absolute;top: 0;left: 0;width: 100%;height: 100%;display: block;cursor: pointer;opacity: 0;}
.md38583.v-main .v-svg{display: flex;align-items: center;justify-content: center;width: .5rem;height: .5rem;border-radius: 50%;background-color: var(--theme);}
.md38583.v-main .v-svg svg{color: #fff;width: .18rem;}
.md38583.v-main .v-bottom{position: relative;left: -.2rem;width: calc(100% + .4rem);display: flex;flex-wrap: wrap;padding-bottom: .2rem;}
.md38583.v-main .v-item{display: block;width: 25%;padding: 0 .2rem;margin-bottom: .5rem;}
.md38583.v-main .v-link{display: block;cursor: pointer;position: relative;width: 100%;background-color: #ffffff;border: solid 1px #ffffff;border-radius: .2rem;overflow: hidden;}
.md38583.v-main .v-box{opacity: 1;transition: all .3s;width: 100%;text-align: center;}
.md38583.v-main .v-box .v-img{width: 100%;position: relative;overflow: hidden;padding-top: calc(330/330*100%);}
.md38583.v-main .v-box .v-img img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: contain;transform: scale(1.00);transition: all ease .5s;}
.md38583.v-main .v-box .v-text{width: 100%;padding: .25rem .15rem .45rem;}
.md38583.v-main .v-box .v-name{width: 100%;margin-bottom: .1rem;color: #222222;line-height: 1.5;}
.md38583.v-main .v-box .v-intro{width: 100%;margin-bottom: .35rem;color: #888888;line-height: 1.6;}
.md38583.v-main .v-box .v-morebox{width: 100%;}
.md38583.v-main .v-box .v-more{display: inline-block;padding: 0 .39rem;line-height: .5rem;color: var(--theme);background-color: #ffffff;border-radius: .25rem;border: solid 1px var(--theme);}

.md38583.v-main .v-sub{opacity: 0;transition: all .3s;position: absolute;top: 0;left: 0;width: 100%;height: 100%;text-align: center;}
.md38583.v-main .v-sub .v-img{width: 100%;position: relative;overflow: hidden;padding-top: calc(330/330*100%);}
.md38583.v-main .v-sub .v-img img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: contain;transform: scale(1.00);transition: all ease .5s;}
.md38583.v-main .v-sub .v-text{width: 100%;padding: .35rem .15rem .1rem;}
.md38583.v-main .v-sub .v-name{width: 100%;margin-bottom: .1rem;color: #222222;line-height: 1.5;}
.md38583.v-main .v-sub .v-intro{width: 100%;color: #888888;line-height: 1.6;}
.md38583.v-main .v-sub .v-morebox{width: 100%;padding-top: .15rem;}
.md38583.v-main .v-sub .v-more{display: inline-block;padding: 0 .39rem;line-height: .5rem;color: #ffffff;background-color: var(--theme);border-radius: .25rem;border: solid 1px var(--theme);}

.md38583.v-main .v-link:hover{border: solid 1px var(--theme);}
.md38583.v-main .v-link:hover .v-box{opacity: 0;}
.md38583.v-main .v-link:hover .v-sub{opacity: 1;}
 
@media (max-width: 750px) {
  .md38583.v-main .v-rt{width: 100%;}
  .md38583.v-main .v-search{width: 100%;}
  .md38583.v-main .v-bottom{left: -.15rem;width: calc(100% + .3rem);}
  .md38583.v-main .v-item{width: 50%;padding: 0 .15rem;}
}

/* 分页 */
.paging{width: 100%;font-size: 0;text-align: center;}
.paging-item{transition: all  .3s;display: inline-block;vertical-align: middle;cursor: pointer;margin: .1rem .05rem;min-width: 2.78em;height: 2.78em;line-height: 2.78em;border-radius: 1.39em;color: #bbbbbb;}
.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; width: 2.78em;height: 2.78em;line-height: 2.78em;border-radius: 1.39em;color: transparent;background-image: url('../images/a1.png'); background-size: .5em auto;background-position: center center;background-repeat: no-repeat;}
.paging-up:hover{background-image: url('../images/a1-b.png');background-color: var(--theme);}
.paging-next{transform: rotate(-180deg);transition: all  .3s;display: inline-block;vertical-align: middle;cursor: pointer;margin: .1rem .05rem; width: 2.78em;height: 2.78em;line-height: 2.78em;border-radius: 1.39em;color: transparent;background-image: url('../images/a1.png'); background-size: .5em auto;background-position: center center;background-repeat: no-repeat;}
.paging-next:hover{background-image: url('../images/a1-b.png');background-color: var(--theme);}