.bg1{min-width: 1200px; height: 86px; background-image: url(//img1.itemmania.com/new_images/event/e250828_dia_half_discount/img01.jpg);}
.bg2{height: 1000px; background-image: url(//img1.itemmania.com/new_images/event/e250828_dia_half_discount/img02.jpg?251106);}
.bg3{height: 1096px; background-image: url(//img1.itemmania.com/new_images/event/e250828_dia_half_discount/img03.jpg?251106);}

.gray{filter: grayscale(1);}
.done{pointer-events: none;}
.fixed{position: fixed; top: 0; width: 100%; z-index: 102;}
.push{margin-top: 70px;}

.bg1 .e_week{position: absolute; top: 23px; left: 330px; font-family: 'tohoma', sans-serif; font-size: 22px; font-weight: bold; color: #1ee1fb; width: 25px; text-align: right;}
.bg1 .e_days_time{position: absolute; top: 18px; left: 522px; font-family: 'tohoma', sans-serif; font-size: 28px; font-weight: bold; color: #fff; display: flex;}
.bg1 .e_days_time .e_days{margin-right: 115px;}
.bg1 .e_days_time .e_time{display: flex; gap: 32px;}

.bg2 .swiper-list{height: 45px; position: absolute; top: 840px; left: 376px; display: flex; gap: 15px; align-items: center;}
.bg2 .success_text{font-size: 26px; font-weight: bold; color: #222222;}
.bg2 .success_highlight{color: #ff2054;}

.bg3 .tab1{height: 1096px; background-image: url(//img1.itemmania.com/new_images/event/e250828_dia_half_discount/tab01.png); background-position: center; background-repeat: no-repeat;}
.bg3 .tab2{height: 1096px; background-image: url(//img1.itemmania.com/new_images/event/e250828_dia_half_discount/tab02.png); background-position: center; background-repeat: no-repeat;}
.bg3 .tab_change{width: 920px; height: 167px; position: absolute; top: 27px; left: 50%; transform: translateX(-50%); display: flex;}
.bg3 .tab_change button{width: 50%; height: 100%; background: transparent;}
.bg3 .tab_change .left_radius{border-top-left-radius: 50px;}
.bg3 .tab_change .right_radius{border-top-right-radius: 50px;}
.bg3 .inner .buy_half{position: absolute; top: 294px; left: 50%; transform: translateX(-50%); display: flex; flex-direction: column; gap: 65px; align-items: center;}
.bg3 .inner .buy_half .select_element{position: relative;}
.bg3 .inner .buy_half .select_element button{width: 520px; height: 85px; border-radius: 15px; padding: 0 40px; font-size: 26px; font-weight: bold; color: #222222; background: url('//img1.itemmania.com/new_images/event/e250828_dia_half_discount/ico_down.png') no-repeat white right 40px center;}
.bg3 .inner .buy_half .select_element .open{border-bottom-left-radius: 0; border-bottom-right-radius: 0;}
.bg3 .inner .buy_half .select_element .select_div{width: 520px; height: auto; padding: 0 25px; position: absolute; z-index: 101; top: 85px; visibility: visible; overflow: hidden; transition: opacity 0.1s ease-out; opacity: 1; background-color: #fff; border-radius: 0 0 20px 20px; box-shadow: inset 0 -5px 18px -10px #000;}
.bg3 .inner .buy_half .select_element .select_div .select_list{border-top: 1px solid #909090;}
.bg3 .inner .buy_half .select_element .select_div .select_list ul{margin: 17px 0; max-height: 320px; overflow-y: auto;}
.bg3 .inner .buy_half .select_element .select_div .select_list li{padding: 13px 10px; cursor: pointer; font-size: 20px; font-weight: bold; color: #222222;}
.bg3 .inner .buy_half .select_element .select_div .select_list li.disabled{pointer-events: none; color: #a9a9a9;}
.bg3 .inner .buy_half .select_element .select_div .select_list li:hover{background-color: #f7f4ff;}
.bg3 .inner .buy_half .select_element .hide {visibility: hidden; height: 0; opacity: 0;}
.bg3 .inner .buy_half .input_text{background-color: #fff; width: 520px; height: 85px; border-radius: 15px; padding: 0 40px; font-size: 26px; font-weight: bold; color: #222222; display: flex; align-items: center;}
.bg3 .inner .buy_half .dia_text{color: #a7a7a7;}
.bg3 .inner .buy_half .price_text .current_text{text-decoration: line-through; margin-right: 30px;}
.bg3 .inner .buy_half .price_text .discount_text{color: #ff0000; margin-left: 30px;}
.bg3 .inner .buy_half .price_text .discount_price{font-size: 30px; font-weight: bold;}
.bg3 .inner.tab1 .e_btn_wrap{position: absolute; top: 810px;}
.bg3 .inner.tab2 .e_btn_wrap{position: absolute; bottom: 65px;}

#layer .inner{width: 600px; height: 660px; border-radius: 30px; box-sizing: border-box; background-color: #fff; padding: 40px 35px 35px;}
#layer .inner .layer_title{font-size: 20px; font-weight: bold; color: #222222; margin-bottom: 30px;}
#layer .inner .layer_title label{cursor: pointer;}
#layer .inner .layer_title #agree_info{width: 28px; height: 28px; border: 2px solid #b5b5b5;}
#layer .inner .layer_title .important_text{display: inline-block; margin-left: 10px; color: #ff0000;}
#layer .inner .layer_title .layer_close{height: 30px; position: absolute; top: 20px; right: 20px;}
#layer .inner .layer_title .layer_close img{vertical-align: top;}
#layer .inner .layer_cont{color: #222222; font-size: 16px; line-height: 23px; font-weight: bold;}
#layer .inner .layer_cont p{margin-bottom: 20px;}
#layer .inner .layer_cont ol{padding: 20px 0; background-color: #f5f5f5; border-radius: 15px; padding-inline-start: 40px; line-height: 24px;}
#layer .inner .e_btn_wrap{bottom: 30px; width: 530px;}

.notice {background-color: #160827;}
.e_notice_title{color: #d4d4d4; padding-top: 40px;}
.e_notice{color: #d4d4d4; word-break: keep-all; line-height: 26px;}