{"version":3,"sources":["/Users/zhoule/julyedu/mr-julyedu/src/components/expand/callback.scss"],"names":[],"mappings":"AAAA,cACE,UAAW,CACX,WAAY,CACZ,iBAAkB,CAHpB,sBAMI,UAAW,CACX,aAAa,CACb,+FAAkG,CAClG,2BAA4B,CAC5B,uBAAwB,CAV5B,uBAcI,iBAAkB,CAClB,cAAS,CACT,eAAU,CACV,iBAAY,CACZ,qBAAsB,CACtB,wBAAkB,CAClB,yCAA2C,CAC3C,mCAA4B,CArBhC,8BAwBM,iBAAkB,CAClB,aAAc,CACd,eAAe,CACf,eAAgB,CA3BtB,+BA+BM,wBAAyB,CACzB,iBAAY,CACZ,kBAAY,CACZ,2BAA0B,CAC1B,qBAAgB,CAChB,wBAAkB,CAClB,UAAW,CArCjB,iCAwCQ,UAAW,CACX,iBAAkB,CAClB,eAAe,CA1CvB,4CA8CQ,eAAgB,CAChB,oBAAe,CACf,iBAAY,CACZ,sBAAiB,CAjDzB,6CAqDQ,iBAAY,CACZ,sBAAiB,CAtDzB,kDAwDU,oBAAe,CAxDzB,4CA6DQ,eAAe,CA7DvB,4BAkEM,iBAAY,CACZ,iBAAY,CACZ,kBAAkB,CAClB,eAAgB,CAChB,eAAe,CACf,UAAW,CACX,sBAAiB,CACjB,qBAAsB,CACtB,6CAA0C,CAC1C,2BAA0B,CAC1B,iBAAkB,CA5ExB,+BA+EQ,iBAAkB,CAClB,eAAS,CACT,MAAO,CACP,UAAW,CACX,YAAa,CACb,4BAA6B,CApFrC,kCAuFU,gBAAW,CACX,iBAAY,CACZ,iBAAkB,CAClB,qBAAsB,CA1FhC,+BAgGM,aAAc,CACd,cAAgB,CAChB,oBAAe,CACf,iBAAkB,CAnGxB,mCAqGQ,YAAc,CArGtB,2CAyGQ,aAAe,CAzGvB,mCA8GM,iBAAY,CACZ,kBAAY,CACZ,wBAAyB,CACzB,wBAAkB,CAClB,oBAAe,CACf,UAAW,CACX,cAAgB,CAChB,WAAY,CArHlB,oCAyHM,UAAW,CACX,oBAAe,CACf,qBAAgB,CAChB,iBAAkB,CA5HxB,mCAgIM,aAAc,CACd,oBAAe,CACf,qBAAgB,CAChB,iBAAkB","file":"68.89116412.chunk.css","sourcesContent":[".callback-box {\n  width: 100%;\n  height: 100%;\n  position: relative;\n\n  .banner {\n    width: 100%;\n    height: 258px;\n    background-image: url(\"https://julyedu-cdn.oss-cn-beijing.aliyuncs.com/active19_717/m/bg-img.png\");\n    background-repeat: no-repeat;\n    background-size: contain;\n  }\n\n  .content {\n    position: absolute;\n    top: 13px;\n    left: 10px;\n    width: 355px;\n    background-color: #fff;\n    border-radius: 4px;\n    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.06);\n    padding: 18px 10px 25px 10px;\n\n    .title {\n      text-align: center;\n      color: #ff3131;\n      font-size: 18px;\n      font-weight: 500;\n    }\n\n    .coupon {\n      background-color: #8361fe;\n      width: 335px;\n      height: 95px;\n      border-radius: 3px 3px 0 0;\n      margin-top: 10px;\n      padding: 10px 12px;\n      color: #fff;\n\n      p {\n        width: 100%;\n        text-align: center;\n        font-size: 12px;\n      }\n\n      .coupon-name {\n        text-align: left;\n        font-size: 14px;\n        height: 16px;\n        line-height: 16px;\n      }\n\n      .coupon-price {\n        height: 28px;\n        line-height: 28px;\n        span {\n          font-size: 26px;\n        }\n      }\n\n      .coupon-time {\n        margin-top: 3px;\n      }\n    }\n\n    .tip {\n      width: 335px;\n      height: 37px;\n      padding-left: 12px;\n      text-align: left;\n      font-size: 12px;\n      color: #666;\n      line-height: 37px;\n      background-color: #fff;\n      box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.1);\n      border-radius: 0 0 3px 3px;\n      position: relative;\n\n      ul {\n        position: absolute;\n        top: -5px;\n        left: 0;\n        width: 100%;\n        display: flex;\n        justify-content: space-around;\n\n        li {\n          width: 10px;\n          height: 10px;\n          border-radius: 50%;\n          background-color: #fff;\n        }\n      }\n    }\n\n    .expand {\n      color: #ff3131;\n      margin-top: 15px;\n      font-size: 22px;\n      text-align: center;\n      img {\n        margin: 0 15px;\n      }\n\n      .expand-big {\n        font-size: 30px;\n      }\n    }\n\n    .invitation {\n      width: 320px;\n      height: 44px;\n      background-color: #8361fe;\n      border-radius: 4px;\n      font-size: 16px;\n      color: #fff;\n      margin-top: 15px;\n      border: none;\n    }\n\n    .active-time {\n      color: #999;\n      font-size: 14px;\n      margin-top: 10px;\n      text-align: center;\n    }\n\n    .active-tip {\n      color: #8361fe;\n      font-size: 16px;\n      margin-top: 13px;\n      text-align: center;\n    }\n  }\n}\n"]}