@charset "UTF-8";
.mdMallCouponAPI{background-color:#fff}
.mdMallCouponAPI .elWrap{padding:32px}
.mdMallCouponAPI .elItems{width:730px;margin:0 auto}
.mdMallCouponAPI .elItem{width:100%;padding-top:0;padding-left:0}
.mdMallCouponAPI .elItem:nth-of-type(n+2){margin-top:32px}
.mdMallCouponAPI .elItem.elStateSuccess .elButton{-webkit-transform:translateY(-47px);-ms-transform:translateY(-47px);transform:translateY(-47px)}
.mdMallCouponAPI .elItem.elStateError .elErrorMessage{padding:16px;background-color:rgba(0,0,0,.6);font-weight:700;font-size:14px;text-align:center}
.mdMallCouponAPI .elItemInner{padding:0;border:none}
.mdMallCouponAPI .elImage{width:180px}
.mdMallCouponAPI .elImage img{width:100%;height:auto}
.mdMallCouponAPI .elTexts{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;margin-left:196px}
.mdMallCouponAPI .elCouponTitle{-ms-flex-order:1;order:1;margin-top:0;margin-bottom:8px;text-align:left}
.mdMallCouponAPI .elDiscount{-ms-flex-order:2;order:2;padding:0;background-color:#fff;color:#434343;text-align:left}
.mdMallCouponAPI .elDiscount .elDiscountOff{font-size:18px}
.mdMallCouponAPI .elTitle{-ms-flex-order:3;order:3;margin-top:8px;font-size:14px}
.mdMallCouponAPI .elDescription{-ms-flex-order:4;order:4;margin-top:8px}
.mdMallCouponAPI .elButtons,.mdMallCouponAPI .elLoginButton{-ms-flex-order:5;order:5;width:100%;height:42px;margin:8px 0 0}
.mdMallCouponAPI .elButtons{max-width:200px}
.mdMallCouponAPI .elLoginButton{max-width:420px}
.mdMallCouponAPI .elLoginButton>a,.mdMallCouponAPI .elLoginButton>span{padding:0;background:#0c6efd;border:none;border-radius:6px;color:#fff;font-size:14px;line-height:42px}
.mdMallCouponAPI .elLoginButton>a:hover,.mdMallCouponAPI .elLoginButton>span:hover{background:#0c6efd;opacity:.7}
.mdMallCouponAPI .elButton>a,.mdMallCouponAPI .elButton>span{background:#ff8400;border:none;border-radius:6px;font-size:14px;line-height:42px}
.mdMallCouponAPI .elButton>a:hover{background:#ff8400;opacity:.7}
.mdMallCouponAPI .elButton span>span,.mdMallCouponAPI .elButton>a>span{padding-left:0}
.mdMallCouponAPI .elButton span>span::before,.mdMallCouponAPI .elButton>a>span::before{content:none;display:none}
.mdMallCouponAPI .elMessage{-ms-flex-order:6;order:6}
.mdMallCouponAPI .elDetail{-ms-flex-order:7;order:7;position:unset;margin-top:16px;font-weight:700;font-size:14px;text-align:left}
.mdMallCouponAPI .elNoteText{-ms-flex-order:8;order:8}
.mdMallCouponAPI .elLinkText{-ms-flex-order:9;order:9;text-align:left}