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

.tip {
       position: absolute;
    bottom: 535px;
    right: 840px;
    width: 155px;
    height: 55px;
    background: url(../../img/content/intro/tip.png) no-repeat;
    z-index: 3;
}

.tip:hover{
   background: url(../../img/content/intro/tip_over.png) no-repeat;
}
.tip_on {
    display: none;
     position: absolute;
    z-index: 4;
      margin-top: -590px;
    margin-left: 100px;
width: 100%;
    height: 100%;
    background: url(../../img/content/intro/tip_on.png);
    background-repeat: no-repeat;
}

.eixt {
    display: none;
      position: absolute;
    z-index: 5;
    margin-top: -557px;
    margin-left: 760px;
width: 60px;
    height: 30px;
    background: url(../../img/content/intro/exit.png);
    background-repeat: no-repeat;
}

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

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