.v-samples{width:100%;height:100%;position:relative;padding-top:.2rem;background-color:#eee}.v-samples .tips{width:12rem;margin:0 auto .2rem}@media(max-width:769px){.v-samples .tips{width:2.7rem;margin:0 auto}}.v-samples .tips .tips-wrapper{width:100%;height:100%;font-size:.16rem;display:flex;flex-flow:row nowrap;justify-content:flex-start;align-items:center}@media(max-width:769px){.v-samples .tips .tips-wrapper{font-size:.12rem;display:flex;flex-flow:column nowrap;justify-content:flex-start;align-items:center}}.v-samples .tips .tips-wrapper .bulb{font-size:.5rem;padding-right:16px}@media(max-width:769px){.v-samples .tips .tips-wrapper .bulb{font-size:.3rem;padding-right:0;padding-bottom:16px}}.v-samples .list-wrapper{width:12rem;margin:0 auto}@media(max-width:769px){.v-samples .list-wrapper{width:100%;display:flex;flex-flow:column nowrap;justify-content:flex-start;align-items:center}}@media(max-width:769px){.v-samples .list-wrapper .title-divider{width:2.7rem;min-width:2.7rem}}.v-samples .list-wrapper .ivu-divider-horizontal.ivu-divider-with-text-center:after,.v-samples .list-wrapper .ivu-divider-horizontal.ivu-divider-with-text-center:before,.v-samples .list-wrapper .ivu-divider-horizontal.ivu-divider-with-text-left:after,.v-samples .list-wrapper .ivu-divider-horizontal.ivu-divider-with-text-left:before,.v-samples .list-wrapper .ivu-divider-horizontal.ivu-divider-with-text-right:after,.v-samples .list-wrapper .ivu-divider-horizontal.ivu-divider-with-text-right:before{border-top:1px solid #b9b9b9}@media(max-width:769px){.v-samples .list-wrapper .grid-wrapper{width:2.7rem}}.v-samples .list-wrapper .sample{float:left;cursor:pointer;margin:0 .4rem .4rem 0;border-radius:3px;box-shadow:0 2px 2px 0 hsla(0,0%,60%,.5);background-color:#fff;width:2.7rem;height:2.3rem;display:flex;flex-flow:column nowrap;justify-content:flex-start;align-items:flex-start}@media(max-width:769px){.v-samples .list-wrapper .sample{margin:0 0 .4rem}}@media(min-width:769px){.v-samples .list-wrapper .sample:nth-child(4n){margin:0 0 .4rem 0}}.v-samples .list-wrapper .sample:hover{opacity:.7}.v-samples .list-wrapper .sample-img{-o-object-fit:cover;object-fit:cover;border-radius:3px 3px 0 0;width:2.7rem;height:1.6rem}.v-samples .list-wrapper .sample-info{flex:1;padding:.1rem;width:100%;height:0;display:flex;flex-flow:column nowrap;justify-content:center;align-items:flex-start}.v-samples .list-wrapper .sample-info .main-row{width:100%;display:flex;flex-flow:row nowrap;justify-content:space-between;align-items:center}.v-samples .list-wrapper .sample-info .main-row .name{flex:1;width:0;overflow:hidden;-ms-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;font-size:.14rem}.v-samples .list-wrapper .sample-info .description{width:100%;color:#999;overflow:hidden;-ms-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;font-size:.12rem}