<template>
  <div class="addressWinDivAll">
    <div class="conten" >
      <button class="btn" @click="tocolseDiv"></button>
    </div>
		<div class="closeDiv" @click="tocolseDiv"></div>
  </div>
</template>

<script>
export default{
  props:[],
  data(){
    return {
      
    }
  },
	created() {
	},
  mounted(){
  },
  methods:{
    
		tocolseDiv(){
			this.$emit('closeDiv');
		},
  }
}
</script>

<style lang='scss' scoped>
.addressWinDivAll {
	overflow: hidden;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	background-image: url('//img10.360buyimg.com/imgzone/jfs/t1/214262/20/24621/20314/639d5662E7364dee7/a8c21ad78bbc41dc.jpg');
	background-size: 100% 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
  .conten{
    width: 6.03rem;
    height: 5.63rem;
	  background-image: url('//img10.360buyimg.com/imgzone/jfs/t1/208400/25/28028/73164/63a12779Eab9cd12e/d9780cdb146a870d.png');
    background-size: 100% 100%;
    .btn{
      width: 1.96rem;
      height: .61rem;
      background-image: url('//img10.360buyimg.com/imgzone/jfs/t1/165431/6/33331/2805/63a12823Ea5c37b6d/d67d1ae8cdbc0410.png');
      background-size: 100% 100%;
      margin-top: 4.2rem;
    }
  }
	.closeDiv {
		width: .55rem;
    height: .55rem;
    background-image: url('//img10.360buyimg.com/imgzone/jfs/t1/62477/6/22306/1308/639ab13eEaa8fba40/455db7234cbaad08.png');
	  background-size: 100% 100%;
	}
}
</style>
