button:hover, button:active, button:focus,a:hover, a:active, a:focus {
outline: none;
}
.pobanner {
position: absolute;
bottom:0;
right: -370px;
z-index: 9;
width: 430px;
overflow: hidden;
background-color: transparent;
-o-transition: all 0.6s;
-ms-transition: all 0.6s;
-moz-transition: all 0.6s;
-webkit-transition: all 0.6s;
}
.btn-pobanner {
position: absolute;
left: 0;
top: 0;
padding: 0;
border: none;
border-radius: 5px 0 0 5px;
width: 60px;
height: 60px;
text-align: center;
color: #fff;
font-size: 24px;
display: block;
background-color: transparent;
outline: none;
}
.btn-pobanner span {
height: 100%;
width: 100%;
overflow: hidden;
display: block;
position: absolute;
right: 0;
top: 0;
background-color: rgba(0, 0, 0, 0.7);
background-image: url(../img/gift.svg);
background-size: 30px;
background-position: 15px;
background-repeat: no-repeat;
-o-transition: all 0.4s;
-ms-transition: all 0.4s;
-moz-transition: all 0.4s;
-webkit-transition: all 0.4s;
}
.btn-pobanner span:hover{
background-color: rgba(0, 0, 0, 1);
}
span.btn-o-pobanner {
position: absolute;
background-color: rgba(0, 0, 0, 0.9);
padding: 0;
width: 30px;
height: 30px;
background-image: url(../img/close.svg);
background-size: 20px;
background-position: 5px;
background-repeat: no-repeat;
}
span.btn-o-pobanner:hover {background-color: rgba(0, 0, 0, 1);}
.pobanner-header {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 70px;
}
.pobanner-body {
padding: 0;
background-color: transparent;
float: left;
width: calc(100% - 60px);
margin-left: 60px;
}
.pop-title {
padding: 20px 20px 15px 20px;
margin: 0
}
.pop-content {
padding: 20px
}
.showpop {
right: 0
}

@media (max-width: 767px) {
.pobanner {
position: absolute;
right: calc(-100% + 60px);
width: 100%;
}
}