@import '../common/variable';
.c-a036__imgbox{
-webkit-transition: opacity ease 0.5s;
-moz-transition: opacity ease 0.5s;
-ms-transition: opacity ease 0.5s;
-o-transition: opacity ease 0.5s;
transition: opacity ease 0.5s;
opacity: 0;
}
.c-a036__imgbox--end{
opacity: 1;
}
html.pc {
.c-a036 {
position: fixed;
right: 10px;
bottom: 10px;
z-index: 111111;
width: 220px;
height: 200px;
}
.c-a036__imgbox {
width: 220px;
height: 200px;
-webkit-box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.3);
box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.3);
}
.c-a036__tag {
position: absolute;
top: -30px;
right: -30px;
// background: #f0f0f099;
// padding: 5px 12px;
// color: #888888;
cursor: pointer;
font-size: 30px;
}
}
html.mobiles{
.c-a036 {
position: fixed;
right: 0;
bottom: 0;
z-index: 111111;
width: 2.2rem;
height: 2rem;
}
.c-a036__imgbox {
width: 3.3rem;
height: 3rem;
-webkit-box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.3);
box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.3);
}
.c-a036__tag {
position: absolute;
top: -0.3rem;
right: -0.3rem;
// background: #f0f0f099;
// padding: 0.05rem 0.12rem;
// color: #888888;
cursor: pointer;
font-size: 0.4rem;
}
}