.fl {float: left;}
.fr {float: right;}

.boxTopic{font-size:20px; background:url("bk.png") #fff no-repeat center bottom / cover;}
.boxTopic .box{max-width:1280px; margin:0 auto;}

.bannerSwiper{height:500px; width:100%; overflow: hidden; position: relative;}
.bannerSwiper .swiper-button-next:after{color:#f90}
.bannerSwiper .banner{height:500px; width:100%; background: no-repeat center center / cover;}

.boxTopicImg1{background:url("bk_couponNew2.png") no-repeat center center; height:600px; position:relative; user-select:none}
.boxTopicImg1 p{position: absolute; top:7.8em; left:0; font-style:italic; right:0; font-size:1em; text-align:center; color:#fff}
.boxTopicImg1 p a{display: inline-block; margin:0 .3em; color:#FFEA00}
.boxTopicImg2{background:url("tag.png") no-repeat center center / cover; height: 345px;}

.boxTopic .showCV.link{color:#f90; cursor:pointer; text-decoration:underline}

.bnGetConpon{position: absolute; top:10em; left:50.5%; transform: translateX(-50%); background:no-repeat center center / cover; width:646px; height:326px;padding:2em 0 0; text-align:center;}
.bnGetConpon .bnGet{background:no-repeat center center / cover; width:288px; height:88px; cursor:pointer; position:absolute; left:50%; bottom:0; transform:translateX(-50%);}
.bnGetConpon[type=bn1] .bnGet{background-image:url("bnGetConpon.gif"); animation:admRS05 2s linear infinite}
.bnGetConpon[type=bn0] .bnGet,.bnGetConpon[type=bn2] .bnGet{background-image: url("bnGetConpon_2.png"); filter:grayscale(100%);}
.swiper-pagination-bullet-active {background:#ff9900;}
.swiper-pagination-bullet {width:12px !important;height:12px !important;}


.swiper-pagination-bullet-active{background-color:#ff9900 !important;}
/*.conponNum{position:absolute; right:-20px; top:-20px; background:url('icon_x2.png') no-repeat center center; width:50px; height:51px}*/
.bnGetConpon .bnGetConpon-tit1{font-size:2em; line-height:1em; display:block; margin:.2em 0 .3em; color:#FC341F; font-weight:bold}
.bnGetConpon .bnGetConpon-tit2{font-size:.8em; line-height:1.4em}
.topicTitSc{text-align:center; font-size:2em; position:relative; padding-top:2em}
.topicTitSc b{position:absolute; bottom:0; left:50%; transform:translateX(-50%); z-index:2}
.topicTitSc .littleIcon{background:url('ll.png') no-repeat center bottom /cover; position:absolute; width:35px; height:24px; bottom:0; left:calc(50% + 66px)}
.box > p > i{display:inline-block; width:100%; margin-bottom:.3em; font-weight:bold}
.box > p{line-height:1.5em}



.boxTopicFooter{background: url("/Content/img/Topic/BoardLayer4/bk_footer_t.jpg?v2") no-repeat center center / cover; min-height:80px; padding:.7em 0; color:#fff; font-size:20px;}
.boxTopicFooter .box{max-width:1280px; margin:0 auto}
.boxTopicFooter .text{float: left}
.boxTopicFooter .text b{display: block; line-height:1em; font-size:1.5em; font-weight:normal; margin-top:.3em}
.boxTopicFooter .text span{font-size:.7em}
.boxTopicFooter .quote{float: right; padding-top:.3em}
.boxTopicFooter .quote>*{vertical-align: middle}
.boxTopicFooter .quote .ipt{width:6em; font-size:14px; height:40px; line-height:40px; border-radius:.3em; border:none; outline:none; padding:0 .5em; color:#333;}
.boxTopicFooter .quote .ipt#num{width:10em;}
.boxTopicFooter .topicQuoteNum{display: inline-block; position: relative;}
.boxTopicFooter .bnTopicGoQuote{font-weight: bold; border:2px solid #fff; border-radius:.3em; background-color: transparent; line-height:34px; margin:0 0 0 .5em; font-size:14px; padding:0 3em}
.boxTopicFooter .bnTopicGoQuote:hover{opacity:.7; background-color:#008C95;}
.boxTopicFooter .boardnumber{color:#333; font-size:14px; top:100%; left:auto; right:0}
.boxTopicFooter .boardnumber #txtSelNum{width:100px}
.boxTopicFooter .boardnumber .btn-bfbfbf{display: inline-block; width: auto}



@keyframes admRS05{
    0%{transform:translateX(-50%) scale(1)}
    50%{transform:translateX(-50%) scale(1.03)}
    100%{transform:translateX(-50%) scale(1)}
}