@charset "utf-8";
@import url(/static/assets/styles/component/page_base.css);

.lpop-bpcard-all {display:none; overflow:hidden; position:fixed; left:0; right:0; top:0; bottom:0; z-index:20; padding-top:66px; background-color:rgba(0,0,0,0.6);}
.lpop-bpcard-all .btn-lpop-close-wrap {position:absolute; left:10px;right:10px; top:46px; z-index:30;  height:48px; background-color:#fff;border-radius:20px 20px 0 0;}
.lpop-bpcard-all .btn-lpop-close {display:block; overflow:hidden; position:absolute; top:4px;right:12px;  width:40px; height:40px; text-indent:-9999px; background:url(/static/assets/images/comm/layer_close_24.svg) center / 24px no-repeat;}
.lpop-bpcard-cont {width:calc(100% - 20px); overflow-y:auto; position:relative; left:10px;bottom:10px;height:100%; padding:50px 0 95px 0; background-color:#fff;border-radius:24px;}
.lpop-bpcard-cont::-webkit-scrollbar {display:none;}
.lpop-bpcard-cont .lpop-tit{margin:0 0 24px 0;color:var(--font-neutral-3); font-size:24px; font-weight:700; text-align:center; }
.lpop-bpcard-cont .lpop-tit:not(:empty){ min-height:31px; }
.lpop-bpcard-cont .lpop-tit img {width:auto; margin-top:6px; height:25px;}
.lpop-bpcard-cont .lpop-tit img.htype {height:31px; margin-top:0;}

.bp-swiper-wrap {overflow:hidden; position:relative; z-index:10; margin-top:-30px; padding:30px 0 90px 0;}
.bp-swiper {overflow:visible !important; width:240px; height:362px; margin:0 auto;}
.bp-swiper .swiper-wrapper {}
.bp-swiper .swiper-slide {position:relative;}
.bp-swiper .swiper-slide:before {display:block; content:''; position:absolute; left:0; top:0; z-index:20; width:100%; height:100%;}
.bp-swiper .bp-card {position:relative; z-index:10; width:228px; height:362px; margin:0 auto; text-align:center;
	-webkit-border-radius:9px;-moz-border-radius:9px;border-radius:9px;
	-ms-filter:drop-shadow(10px 24px 36px rgba(0,0,0,0.14));filter:drop-shadow(10px 24px 36px rgba(0,0,0,0.14));
	-webkit-transform:scale(0.87);-moz-transform:scale(0.87);-ms-transform:scale(0.87);-o-transform:scale(0.87);transform:scale(0.87);
	-webkit-transition:transform 0.3s;-moz-transition:transform 0.3s;-ms-transition:transform 0.3s;-o-transition:transform 0.3s;transition:transform 0.3s;}
.bp-swiper .bp-card img {width:100%; height:100%;}
.bp-swiper .swiper-slide-active .bp-card {
	-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);}

.btn-bpcard-flip-wrap {position:relative; z-index:20; margin:-76px 0 28px 0; text-align:center;}
.btn-bpcard-flip-wrap .btn-bpcard-flip {display:inline-block; overflow:hidden; width:44px; height:44px; text-indent:-9999px; background:url(/static/assets/images/issue/card/ico_flip_88x88.png) 0 0 / cover no-repeat;}

.bpcard-thum-wrap {overflow-x:auto; overflow-y:hidden; position:relative; z-index:20;}
.bpcard-thum {width:670px;}
.bpcard-thum:after {display:block; content:''; clear:both;}
.bpcard-thum > li {float:left; margin-left:10px;}
.bpcard-thum > li:first-child {margin-left:20px;}
.bpcard-thum > li:last-child {margin-right:20px;}
.bpcard-thum .item-inner {display:block; opacity:0.4; width:54px; height:86px;}
.bpcard-thum .item-inner img {width:100%; height:100%;}
.bpcard-thum li.on .item-inner {opacity:1;}

.btn-bpcard-choice-wrap {position:fixed; left:10px; right:10px; bottom:10px; z-index:30; margin-top:16px; padding:0 20px 20px; background-color:#fff;border-radius:0 0 24px 24px;}
.btn-bpcard-choice-wrap:before {content:'';height:12px; position:absolute; top:-12px; left:0; right:0; background:var(--button-primary-gradient);}
.btn-bpcard-choice-wrap .btn-bpcard-choice {display:block; height:53px; color:#fff; font-size:var(--button-font-size); font-weight:700; text-align:center; line-height:53px; background-color:var(--button-primary);border-radius:var(--button-radius);}