.bg {
   margin-top: -568px;
width: 100%;
    height: 100%;
    background: url(../../img/content/bg1.jpg);
}

.tip {
	display: none;
	transition: 0.2s;
       position: absolute;
   margin-left: 10px;
	margin-top: -590px;
    width: 80px;
    height: 80px;
    background: url(../../img/content/intro/tp1.png)no-repeat 0px 0px;
	background-size: contain;
    z-index: 3;
}

.tip:hover{
	transform: scale(1.05);
   background: url(../../img/content/intro/tp2.png)no-repeat 0px 0px;
	background-size: contain;
}
.tip_on {
    display: none;
     position: absolute;
    z-index: 4;
      margin-top: -520px;
    margin-left: 170px;
width: 700px;
    height: 450px;
    background: url(../../img/content/intro/tip_on.png)no-repeat 0px 0px;
	background-size: contain;
}

.eixt {
    display: none;
      position: absolute;
    z-index: 5;
    margin-top: -505px;
    margin-left: 813px;
width: 40px;
    height: 30px;
    background: url(../../img/content/intro/exit.png)no-repeat 0px 0px;
   background-size: contain;
}

.eixt:hover{
    transition: 0.2s;
    transform: scale(1.2);
    cursor: pointer;
}



.btt {
	position: absolute;
	margin-top: -568px;
	z-index: 3;
		width: 100%;
	height: 100%;
}