.keufubox:last-child { margin-bottom: -5.333vw; } .kebox { border-radius: 1.6vw; width: 92vw; } .kebox,.mykefu { background: #fff; } .mykefu { -webkit-box-pack: justify; -ms-flex-pack: justify; height: 17.067vw; justify-content: space-between; } .mykefu .le { -webkit-box-flex: 1; flex: 1; } .mykefu,.mykefu .le { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; } .mykefu .le image { border-radius: 50%; height: 9.6vw; margin-right: 3.467vw; max-width: 100%; width: 9.6vw; } .mykefu .le .box { width: 57.333vw; } .mykefu .le .title { color: #2a2a2a; font-size: 3.733vw; } .mykefu .le .desc,.mykefu .le .title { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .mykefu .le .desc { color: #969696; font-size: 3.2vw; line-height: 4.133vw; width: 57.333vw; } .kebox .btn { border-radius: 6.667vw; color: #fff; font-size: 3.2vw; height: 8.667vw; line-height: 8.667vw; position: relative; text-align: center; } .mykefu .btn { background: #28c418; font-size: 3.2vw; width: 18.267vw; } .modal-dialog { position: fixed; z-index: 20; } .modal-dialog,.modal-dialog .modal { height: 100%; left: 0; top: 0; width: 100%; } .modal-dialog .modal { background: rgba(0,0,0,.5); position: absolute; transition: all .3s; } .infopop-wrap { left: 50%; position: absolute; top: 45%; transform: translate(-50%,-50%); } .infopop-content { background-color: #fff; border-radius: 2.133vw; color: #666; font-size: 4vw; line-height: 5.333vw; overflow: hidden; padding-bottom: 6.667vw; text-align: center; width: 69.867vw; } .info-buy_notice .top { color: #fff; height: 21.867vw; margin-bottom: 3.467vw; overflow: hidden; position: relative; } .info-buy_notice ._top { background: #06a2b3; border-radius: 0 0 50% 50%; height: 100%; left: 50%; margin-bottom: 4vw; position: absolute; top: 0; transform: translateX(-50%); width: 120%; } .info-buy_notice .top .title { color: #fff; font-size: 4.8vw; left: 0; position: absolute; text-align: center; top: 50%; transform: translateY(-50%); width: 100%; } .info-buy_notice .txt { font-size: 3.733vw; line-height: 5.333vw; padding: 0 4vw; text-align: left; } .info-buy_notice .btn { background-color: #06a2b3; border-radius: 10.667vw; color: #fff; font-size: 4vw; height: 10.667vw; line-height: 10.667vw; margin-bottom: -2.133vw; margin-top: 5.333vw; text-align: center; width: 34.667vw; } .infopop-close { background-color: #fff; border-radius: 50%; color: rgba(0,0,0,.6); font-size: 8.267vw; height: 8.533vw; left: 50%; line-height: 8.033vw; margin: 4.267vw 0 0 -4.267vw; padding: 0; position: absolute; text-align: center; top: 100%; width: 8.533vw; } .info-buy_notice .btn::after,.info-buy_notice .btn::before { background: transparent; border: none; }