/* Common */
body{background-color: #f6f9fe;}
.white_box{padding: 30px;background-color: #fff;border-radius: 18px;}
@media (max-width: 768px) {
    .white_box{padding: 15px;}
}
#list_index{min-height: calc( 100vh - 440px );}
#list_index .total{font-size: 18px;color: #3f4956;margin: 40px 0 25px;}
#list_index .total b{font-weight: bold;color: #000;}
.list{min-height: 300px;display: flex;align-content: center;justify-content: center;align-items: center;flex-wrap: wrap;}
.list .copy{width: 100%;padding-left: 88px;position: relative;margin-bottom: 12px;display: flex;align-items: center;justify-content: space-between;}
.list .copy .s_logo{position: absolute;left: 30px;top: 30px;width: 45px;height: 45px;box-sizing: border-box;border: 1px solid #e9ebf2;border-radius: 8px;overflow: hidden;display: flex;align-items: center;justify-content: center;}
.list .copy .s_logo img{max-width: 90%;max-height: 90%;}
.list .copy .msg{padding-right: 30px;}
.list .copy .msg .name{font-size: 24px;color: #1e293b;font-weight: bold;line-height: 45px;}
.list .copy .msg .name span{cursor: pointer;}
.list .copy .msg .detail{font-size: 14px;color: #838798;margin-top: 6px;}
.list .copy .btn_list{display: flex;gap: 20px;align-items: center;}
.list .copy .btn_list .btn{width: 140px;height: 50px;line-height: 50px;text-align: center;border-radius: 8px;border: 1px solid var(--main-color);box-sizing: border-box;font-size: 16px;color: var(--main-color);padding: 0;font-weight: bold;cursor: pointer;}
.list .copy .btn_list .btn:last-child{background: var(--main-color);color: #fff;}
.list .copy .btn_list .btn:last-child a{color: #fff;}
@media (max-width: 1024px) {
    .list .copy .msg .name{font-size: 22px;}
    .list .copy .msg{padding-right: 20px;}
    .list .copy .btn_list{gap: 10px;}
    .list .copy .btn_list .btn{width: 120px;height: 44px;line-height: 44px;font-size: 14px;}
}
@media (max-width: 768px) {
    #list_index{min-height: calc( 100vh - 500px );}
    #list_index .total{margin: 30px 0 20px;font-size: 16px;}
    .list .copy{flex-wrap: wrap;}
    .list .copy .s_logo{width: 38px;height: 38px;left: 15px;top: 15px;}
    .list .copy .msg .name{line-height: 38px;font-size: 20px;}
    .list .copy{padding-left: 65px;}
    .list .copy .btn_list{margin-top: 15px;}
    .list .copy .btn_list .btn{width: 50%;height: 40px;line-height: 40px;font-size: 12px;}
}

.discount_alert_box{position: fixed;top: 50%;left: 50%;display: none;transform: translate(-50%,-50%);z-index: 10001;background: #fff;box-shadow: 0 0 13px rgba(18, 41, 75, 0.1);border-radius: 28px;}
.discount_alert_box .close{position: absolute; display: inline-block;width: 35px;height: 35px;background: url(/frontend/web/images/company/icon_close.png) no-repeat center center/contain;top: -35px;right: -35px;cursor: pointer;border-radius: 99px; overflow: hidden;}
.discount_alert_box .lock{position: absolute; display: inline-block;width: 140px;top: -50%;right: 50%; transform: translate(50%,45%);}
.discount_alert_box .account_box{width: 600px;padding: 100px 70px 50px;background: url(/frontend/web/images/company/blue_bg.png) no-repeat; margin: 0 auto;box-sizing: border-box;border-radius: 28px;border: 2px solid #fff;background-position: center;background-size: cover;}
.discount_alert_box .account_box .account_pc_box{display: flex;flex-direction: column;}
.discount_alert_box .account_box .account_pc_box .title_box{display: flex;justify-content: center;}
.discount_alert_box .account_box .account_pc_box .title_box .title{font-size: 40px; padding: 30px 0; line-height: 30px; color: #002f67;text-align: center;font-weight: bold;}
.discount_alert_box .account_box .account_pc_box .content_box{display: flex;padding-bottom: 20px; justify-content: center; text-align: center;font-size: 16px; line-height: 26px; color: #696969;}
.discount_alert_box .account_box .account_pc_box .tips_box{display: block; color: #002f67; font-size: 18px;text-align: center;padding-bottom: 20px;}
.discount_alert_box .account_box .account_pc_box .tips_box .discount{font-size: 32px; color: #09c600; font-weight: bold;}
.discount_alert_box .account_box .account_pc_box .tips_box .original{font-size: 24px; color: #a7a7a7; text-decoration: line-through; font-weight: bold;}
.discount_alert_box .account_box .account_pc_box .btn_list{display: flex;flex-direction: row;justify-content: center;padding: 0 20px;}
.discount_alert_box .account_box .account_pc_box .btn_list .btn_unlock{width: 280px;height: 67px;background: linear-gradient(to right, #123eff,#6d54fa); border-radius: 99px;font-size: 18px;color: #fff;cursor: pointer;display: flex; justify-content: center;align-items: center;gap: 10px;}
.discount_alert_box .account_box .account_pc_box .btn_list .btn_unlock i{width: 18px; height: 12px; background: url(/frontend/web/images/company/icon_right.png) no-repeat top;}
.discount_alert_box .account_box .account_mb_box{display: none;}

@media screen and (max-width: 768px) {
	.discount_alert_box{position: fixed;top: 50%;left: 50%;display: none;transform: translate(-50%,-50%);border-radius: 3.7333vw;}
    .discount_alert_box .close{width: 4.6667vw;height: 4.6667vw;top: -4.6667vw;right: -4.6667vw;border-radius: 99px;}
    .discount_alert_box .lock{width: 18.6667vw;top: -50%;right: 50%; transform: translate(50%,45%);}
    .discount_alert_box .account_box{width: 80vw;padding: 7vw 9vw; border-radius: 3.7333vw;}
    .discount_alert_box .account_box .account_pc_box{row-gap: 4vw;}
    .discount_alert_box .account_box .account_pc_box .title_box{row-gap: 2vw; }
    .discount_alert_box .account_box .account_pc_box .title_box .title{font-size: 5.3333vw; line-height: 5.3333vw; padding: 3vw 0; }
    .discount_alert_box .account_box .account_pc_box .content_box{font-size: 2.1333vw; line-height: 3.8vw; padding-bottom: 0;  }
    .discount_alert_box .account_box .account_pc_box .tips_box{font-size: 2.4vw; padding-bottom: 2.6667vw; }
    .discount_alert_box .account_box .account_pc_box .tips_box .discount{font-size: 4.2667vw;}
    .discount_alert_box .account_box .account_pc_box .tips_box .original{font-size: 3.2vw;}
    .discount_alert_box .account_box .account_pc_box .btn_list{ padding: 0 2.6667vw;}
    .discount_alert_box .account_box .account_pc_box .btn_list .btn_unlock{width: 37.3333vw;height: 8.9333vw; font-size: 2.4vw; gap: 1.3333vw; }
    .discount_alert_box .account_box .account_pc_box .btn_list .btn_unlock i{width: 2.4vw; height: 1.6vw; background-size: 2.4vw; }
}