<template>
  <view class="all">
    <view class="partOne">

    </view>
  </view>
</template>

<script>
export default {
    data(){
        return {

        }
    }
}   
</script>

<style lang="scss" scoped>
.all {
    .partOne {
        width: 100%;
        height: 241rpx;
        background: #FFFFFF;
        box-shadow: 0rpx 4rpx 8rpx 0rpx rgba(102,102,102,0.1000);
        position: relative;
    }
    .partOne::after {
        content:'';
        display: inline-block;
        position: absolute;
        top: -25rpx;
        left: 160rpx;
        width: 50rpx;
        height: 50rpx;
        border-radius: 50%;
        background: #F8F8F8;

    }
    .partOne::before {
        content:'';
        display: inline-block;
        position: absolute;
        bottom: -25rpx;
        left: 160rpx;
        width: 50rpx;
        height: 50rpx;
        border-radius: 50%;
        box-shadow: 0rpx 4rpx 8rpx 0rpx rgba(102,102,102,0.1000);
        background: #F8F8F8;

    }
}
</style>