﻿.SmallAdBox{width:160px;height:370px;right:-200px;z-index:10;top:0;position:absolute;}
.SmallAdBox img{width:100%;height:100%;}
.SmallAdBox .after-box{position:relative;}
.SmallAdBox .after-box a{width:0;height:370px;position:absolute;top:-370px;right:0;z-index:10;}
.SmallAdBox:hover .after-box a{display:block;width:490px;height:370px;position:absolute;top:-370px;right:0;}
.SmallAdBox:hover .after-box .countdown{display:block;}

.countdown {position: absolute;top: -105px;right: 195px;border-radius:5px;overflow:hidden;z-index:10;background:#fff;display:none;width: 265px;height:40px;overflow:hidden;}
.countdown div{float:left;padding:8px;}
.countdown .text-box{background:#13355b;font-size:16px;color:#fff;}
.countdown .time-box{font-size:16px;color:#362e2b;padding:8px 15px;}

.pc-SmallAdBox-wrap{position: fixed;display: block;width: 1100px;left: 50%;margin-left: -550px;z-index:1;}

/* 2020 06 23 */
.pc-SmallAdBox-wrap{bottom:365px;height:0;}
.SmallAdBox{width:170px;height:265px;left: -235px;top:-60px;}
.SmallAdBox .before-box a{position:relative;height:376px;display: inline-block; width: 220px;}
.SmallAdBox .after-img{display:block;}
.SmallAdBox .before-img{display:none;}
.SmallAdBox img{width:100%;height:auto;bottom:0;left:0;position:absolute;}
.SmallAdBox:hover{height:265px}
.SmallAdBox:hover .before-img{display:none;}
.SmallAdBox:hover .after-img{display:block;}

/* 2021 01 14 */
.SmallAdBox{left: -295px;top: 300px;}
.SmallAdBox .before-box{width:auto;height:auto;}
.SmallAdBox .before-box a{width:auto;height:auto;}
.SmallAdBox .before-box a img{transition:0.3s all;}
.SmallAdBox .before-box a .before-img{width:163px;height:164px;}
.SmallAdBox img{width:auto;height:auto;}
