Invite.548b0f37.chunk.css.map 21.9 KB
Newer Older
wangshuo committed
1
{"version":3,"sources":["/Users/wangshuo/project/mr-julyedu/src/components/activity/1111/index.scss","/Users/wangshuo/project/mr-julyedu/src/components/vip/index.scss","/Users/wangshuo/project/mr-julyedu/src/components/passport/userAgreement/index.scss"],"names":[],"mappings":"AAAA,eACE,UAAW,CACX,YAAa,CACb,wBAAyB,CACzB,aAAc,CAJhB,4BAMI,UAAW,CACX,kBAAa,CACb,uEACA,CAAA,yBATJ,CAAA,6BAYI,UACA,CAAA,mBACA,CAAA,oEACA,CAAA,yBACA,CAAA,iBAhBJ,CAAA,0CAmBM,iBACA,CAAA,kBACA,CAAA,kBACA,CAAA,wBACA,CAAA,eACA,CAAA,eACA,CAAA,aACA,CAAA,iBAEA,CAAA,QAAA,CAAA,0BACA,CAAA,iBACA,CAAA,wBACA,CAAA,iBACA,CAAA,uBAhCN,CAAA,gCAsCI,UAAA,CAAA,eAtCJ,CAAA,8CA0CM,UAAA,CAAA,qBACA,CAAA,oBACA,CAGA,iBACA,CAAA,mBAhDN,CAAA,8FA4CM,YACA,CAAA,sBACA,CAAA,kBA9CN,CAAA,wDAuDQ,iBACA,CAAA,iBACA,CAAA,o3FAzDR,CAAA,yBAmNM,CAAA,sBACA,CAAA,8CACA,iBAEA,CAAA,sBACA,CAAA,oBAEA,CAAA,iBA1NN,CAAA,sBAAA,CAAA,wBAAA,CAAA,0CA+NQ,UACA,CAAA,kBAAA,CAAA,oDAhOR,CAAA,wBAAA,CAAA,aAmOU,CAAA,YACA,CAAA,sBACa,CACb,kBAAA,CAAA,6CAGA,YAAA,CAAA,kBACA,CAAA,eAAA,CAAA,yCA1OV,CAAA,wBAAA,CAAA,YAAA,CAAA,sBA6OU,CAAA,kBA7OV,CAAA,4CAAA,YAAA,CAAA,kBAAA,CAAA,kBA+OY,CAAA,wBA/OZ,CAAA,yCAAA,CAAA,mBAqPU,CAAA,aAAA,CAAW,oBAEX,CAAA,YAAA,CAAA,qBACA,CAAA,0BAxPV,CAAA,kBAAA,CAAA,8CA4PU,oBACA,CAAA,sBACA,CAAA,gBACA,CAAA,uBACA,CAAgB,eAhQ1B,CAAA,yDAsQQ,aAtQR,CAAA,oBAAA,CAAA,eAAA,CAAA,sBAAA,CAAA,2DAAA,YAAA,CAAA,kBAAA,CAAA,qBAAA,CAAA,iBAAA,CAAA,kBAkRI,CAAA,sBAEA,CAAA,qBAGA,CAAQ,0EAvRZ,UA4RM,CAAA,YAAA,CAAA,eACA,CAAA,kBACA,CAAA,iBACA,CAAA,gEAIA,YAAA,CAAc,sBAEd,CAAA,kBACA,CAAA,YACA,CAAA,iBACA,CAAA,aAA2B,CAxSjC,oBAAA,CAAA,mBA2SM,CAAA,4EAEA,iBAAA,CAAA,YACA,CAAA,kBAAA,CAAA,iDAGS,CAAA,0CAAA,YAAA,CAAA,kBAAA,CAAA,4BAAA,CAAA,wBAAA,CAAA,wBAAA,CAAA,YAAA,CAAA,sBAAA,CAAA,kBAAA,CAAA,2DAAA,UAAA,CAAA,YAAA,CAAA,eAAA,CAAA,mBAAA,CAAA,oBAAA,CAAA,eAAA,CAAA,aAAA,CAAA,YAAA,CAAA,sBAAA,CAAA,kBAAA,CAAA,6CAAA,iBAAA,CAAA,sBAAA,CAAA,oBAAA,CAAA,eAAA,CAAA,UAAA,CAAA,UAAA,CAAA,obAAA,CAAA,wBAAA,CAAA,iBAAA,CAAA,sBAAA,CAAA,0BAAA,CAAA,2CAAA,eAAA,CAAA,aAAA,CAAA,iBAAA,CAAA,sBAAA,CAAA,2CAAA,iBAAA,CAAA,sBAAA,CAAA,mCAAA,CAAA,wBAAA,CAAA,YAAA,CAAA,cAAA,CAAA,aAAA,CAAA,4DAAA,YAAA,CAAA,kBAAA,CAAA,YAAA,CAAA,0BAAA,CAAA,kBAAA,CAAA,uEAAA,UAAA,CAAA,kBAAA,CAAA,YAAA,CAAA,0BAAA,CAAA,kBAAA,CAAA,iBAAA,CAAA,cAAA,CAAA,2CAAA,CAAA,2EAAA,8BAAA,CAAA,sFAAA,kBAAA,CAAA,aAAA,CAAA,yEAAA,gBAAA,CAAA,iBAAA,CAAA,iBAAA,CAAA,uBAAA,CAAA,uEAAA,YAAA,CAAA,sBAAA,CAAA,eAAA,CAAA,kBAAA,CAAA,eAAA,CAAA,eAAA,CAAA,UAAA,CAAA,2DAAA,UAAA,CAAA,0EAAA,iBAAA,CAAA,sEAAA,UAAA,CAAA,4BAAA,cAAA,CAAA,UAAA,CAAA,WAAA,CAAA,MAAA,CAAA,KAAA,CAAA,OAAA,CAAA,QAAA,CAAA,+BAAA,CAAA,wCAAA,iBAAA,CAAA,kBAAA,CAAA,eAAA,CAAA,wBAAA,CAAA,YAAA,CAAA,sBAAA,CAAA,kBAAA,CAAA,aAAA,CAAA,oBAAA,CAAA,iBAAA,CAAA,UAAA,CAAA,QAAA,CAAA,0BAAA,CAAA,wCAAA,UAAA,CAAA,kBAAA,CAAA,g8BAAA,CAAA,yBAAA,CAAA,iBAAA,CAAA,SAAA,CAAA,cAAA,CCjTf,iBAEI,UAAW,CACX,WAAa,CAHjB,qBAMM,UAAW,CACX,WAAY,CAPlB,iBAYI,WAAY,CACZ,UAAY,CACZ,eAAiB,CACjB,wBAAyB,CACzB,YAAa,CACb,6BAA8B,CAC9B,0BAAsB,CACtB,eAAe,CAnBnB,0BAuBQ,SAAW,CACX,iBAAY,CACZ,uBAAwB,CAzBhC,2BA6BQ,aAAc,CACd,oBAAqB,CACrB,iBAAgB,CA/BxB,uBAoCM,aAAc,CApCpB,wBAyCI,UAAW,CACX,2BAA4B,CAC5B,wBAAyB,CA3C7B,wCA8CM,iBAAY,CACZ,UAAY,CACZ,eAAiB,CACjB,gDAA2D,CAC3D,gDAA8C,CAC9C,iBAAmB,CACnB,eAAgB,CAChB,eAAe,CACf,UAAW,CACX,iBAAkB,CAClB,wBAAwB,CAxD9B,2CA4DM,qBAAsB,CACtB,wBAA4B,CAC5B,mDAAgD,CAChD,mBAAkB,CAClB,iBAAmB,CAhEzB,4DAmEQ,UAAW,CACX,iBAAkB,CAClB,aAAc,CACd,oBAAe,CACf,iBAAmB,CAvE3B,gEA0EU,0BAA2B,CAC3B,WAAW,CACX,iBAAY,CA5EtB,iEAgFU,oBAAqB,CACrB,sBAAiB,CACjB,iDAA+C,CAC/C,iBAAkB,CAClB,iBAAY,CApFtB,2DAyFQ,YAAa,CACb,6BAA8B,CAC9B,cAAe,CA3FvB,uEA8FU,aAAc,CACd,iBAAY,CACZ,kBAAa,CACb,wBAAmB,CAjG7B,2EAoGY,UAAW,CACX,WAAY,CACZ,uBAAkB,CAtG9B,uFA8GY,UAAY,CACZ,WAAa,CACb,kBAAkB,CAClB,wBAAmB,CAjH/B,kGAqHY,eAAgB,CArH5B,mFA0HU,YAAa,CACb,6BAA8B,CAC9B,cAAe,CACf,wBAAmB,CA7H7B,uGAgIY,eAAe,CACf,UAAW,CACX,SAAU,CACV,eAAgB,CAnI5B,4GAsIc,oBAAqB,CACrB,gBAAW,CACX,iBAAY,CACZ,iBAAkB,CAClB,eAAiB,CACjB,kBAAiC,CACjC,wBAAuC,CACvC,iBAAkB,CAClB,oBAAe,CACf,UAAY,CACZ,qBAAgB,CAChB,uBAAiB,CAjJ/B,uHAsJY,SAAU,CAtJtB,8DA4JQ,UAAW,CACX,iBAAkB,CAClB,eAAe,CACf,aAAc,CACd,sBAAgB,CAhKxB,yDAoKQ,UAAW,CACX,oBAAe,CACf,YAAa,CACb,6BAA8B,CAC9B,cAAe,CAxKvB,uEA2KU,iBAAW,CACX,iBAAkB,CAClB,eAAe,CACf,cAAgB,CA9K1B,2EAiLY,iBAAW,CACX,kBAAY,CACZ,iBAAkB,CAnL9B,4EAuLY,aAAc,CACd,aAAc,CAxL1B,2DA8LQ,UAAW,CACX,sBAAgB,CAChB,YAAa,CACb,6BAA8B,CAjMtC,+DAmMU,iBAAY,CACZ,WAAa,CACb,uBAAkB,CArM5B,gBA4MI,UAAW,CACX,kBAAY,CACZ,uBAAiB,CACjB,iBAAkB,CAClB,kGAAqG,CACrG,2BAA4B,CAC5B,qBAAsB,CACtB,yDAAqD,CACrD,eAAe,CACf,UAAc,CACd,cAAe,CACf,QAAS,CACT,SAAU,CAxNd,kBA4NI,iBAAkB,CAClB,gBAAW,CACX,iBAAkB,CAClB,uBAAiB,CA/NrB,uBAkOM,aAAc,CACd,iBAAkB,CAClB,SAAU,CApOhB,uBAwOM,cAAQ,CAxOd,0BA4OM,eAAS,CACT,YAAa,CA7OnB,iDAkPM,gBAAW,CACX,iBAAY,CACZ,kBAAiC,CACjC,iBAAkB,CArPxB,uBAyPM,gBAAU,CACV,kBAAY,CACZ,eAAkC,CAClC,gFACyC,CACzC,iBAAkB,CAClB,WAAY,CA/PlB,eAoQI,eAAU,CApQd,gBAwQI,gBAAW,CAxQf,uBA4QI,cAAe,CACf,yBAA8B,CAC9B,KAAM,CACN,MAAO,CACP,QAAS,CACT,OAAQ,CACR,SAAU,CAlRd,uBAsRI,UAAW,CACX,uCAA4B,CAC5B,qBAAsB,CACtB,cAAe,CACf,QAAS,CACT,sBAAkB,CAClB,kBAAmB,CA5RvB,8BA+RM,aAAc,CACd,eAAe,CACf,iBAAkB,CAjSxB,qCAoSQ,WAAY,CACZ,aAAc,CArStB,sCA0SM,cAAgB,CAChB,UAAW,CACX,kBAAY,CACZ,uBAAiB,CACjB,wBAAkB,CAClB,gBAAkB,CAClB,YAAa,CACb,6BAA8B,CAC9B,iBAAkB,CAlTxB,4CAqTQ,aAAc,CACd,oBAAe,CAtTvB,8CA0TQ,YAAa,CACb,SAAU,CACV,eAAgB,CA5TxB,wDAgUQ,UAAW,CACX,YAAY,CACZ,iBAAkB,CAClB,iBAAiB,CACjB,gBAAgB,CAChB,iDAIC,CACD,iCAA4B,CAC5B,eAAe,CACf,UAAW,CACX,uBAAkB,CA7U1B,yDAiVQ,kBAAgC,CAjVxC,6CAqVQ,aAAc,CACd,eAAe,CAtVvB,wDAyVU,oBAAe,CAzVzB,wDA6VU,oBAAqB,CACrB,sBAAiB,CACjB,aAAc,CA/VxB,iDAoWQ,iBAAW,CACX,kBAAY,CACZ,8BAA+B,CAtWvC,sDAyWU,gBAAW,CACX,iBAAY,CACZ,aAAc,CACd,2BAA4B,CAC5B,uBAAwB,CACxB,qBAAgB,CAChB,sBAAiB,CA/W3B,0DAmXU,sGAAyG,CAnXnH,wDAuXU,qGAAwG,CAvXlH,qCA6XM,kBAAkC,CAClC,wBAAwC,CA9X9C,mCAkYM,eAAgB,CAChB,wBAAwC,CAnY9C,oCAuYM,iBAAY,CACZ,kBAAY,CACZ,oDAIC,CACD,wBAAmB,CACnB,eAAe,CACf,UAAW,CACX,WAAY,CACZ,iBAAkB,CAClB,QAAS,CACT,8BAA0B,CCpZhC,gBACE,kBAAa,CACb,UAAW,CACX,kBAAmB,CAHrB,mBAMI,oBAAe,CACf,eAAgB,CAChB,iBAAkB,CAClB,wBAAmB,CATvB,mBAaI,oBAAe,CACf,eAAgB,CAChB,8BAAoB,CAfxB,kBAmBI,oBAAe,CACf,kBAAmB,CACnB,eAAgB,CAChB,iBAAiB","file":"Invite.548b0f37.chunk.css","sourcesContent":[".activity__con {\n  width: 100%;\n  height: 100vh;\n  background-color: #5327fa;\n  overflow: auto;\n  .banner__con {\n    width: 100%;\n    height: 170px;\n    background: url(\"images/formal-banner.png\") center center no-repeat;\n    background-size: 100% 100%;\n  }\n  .content__con {\n    width: 100%;\n    height: 454px;\n    background: url(\"images/dalibao_bj.png\") center center no-repeat;\n    background-size: 100% 100%;\n    position: relative;\n\n    .button__get {\n      width: 220px;\n      height: 40px;\n      background: rgba(253, 203, 5, 1);\n      border-radius: 10px;\n      font-size: 18px;\n      font-weight: 400;\n      color: rgba(246, 53, 28, 1);\n      position: absolute;\n      left: 50%;\n      transform: translateX(-50%);\n      bottom: 14px;\n      letter-spacing: 2px;\n      text-align: center;\n      line-height: 40px;\n    }\n  }\n\n  .invite__content {\n    color: rgba(255, 255, 255, 1);\n    font-weight: 400;\n\n    .content__one {\n      width: 100%;\n      padding: 0 50px;\n      font-size: 14px;\n      display: flex;\n      justify-content: center;\n      align-items: center;\n      height: 20px;\n      margin-bottom: 12px;\n      p {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n      }\n      .img__con {\n        width: 88px;\n        height: 16px;\n        background: url(\"images/value.png\") center center no-repeat;\n        background-size: 100% 100%;\n        margin-left: 4px;\n      }\n    }\n\n    .content__two {\n      height: 16px;\n      line-height: 16px;\n      font-size: 16px;\n      text-align: center;\n      text-align-last: center;\n      margin-bottom: 14px;\n    }\n\n    .box__out {\n      width: 345px;\n      height: 106px;\n      background: linear-gradient(\n        to bottom,\n        rgba(255, 169, 67, 1) 0%,\n        rgba(250, 94, 39, 1) 100%\n      );\n      border-radius: 10px;\n      margin: 0 auto;\n      display: flex;\n      justify-content: center;\n      align-items: center;\n    }\n    .box__middle {\n      width: 333px;\n      height: 94px;\n      background: rgba(255, 255, 255, 1);\n      box-shadow: 0px 1px 3px 0px rgba(133, 75, 2, 0.1);\n      border-radius: 8px;\n      display: flex;\n      justify-content: center;\n      align-items: center;\n    }\n    .box__inner {\n      width: 327px;\n      height: 88px;\n      background: rgba(255, 223, 4, 1);\n      border: 1px solid rgba(253, 184, 46, 1);\n      box-shadow: 0px 1px 3px 0px rgba(133, 75, 2, 0.1);\n      border-radius: 6px;\n      color: #f24000;\n      font-size: 16px;\n      display: flex;\n      flex-direction: column;\n      justify-content: flex-start;\n      align-items: center;\n\n      p {\n        font-size: 16px;\n        line-height: 16px;\n        margin-top: 12px;\n        color: rgba(242, 64, 0, 0.8);\n        font-weight: 400;\n      }\n      p.hot__value {\n        color: #fd3d24;\n        font-size: 20px;\n        font-weight: 500;\n        line-height: 20px;\n      }\n\n      .hot__progress {\n        display: flex;\n        flex-direction: row;\n        max-height: 8px;\n        width: 280px;\n        align-items: center;\n        justify-content: center;\n        margin-top: 10px;\n\n        .progress__bar {\n          width: 210px;\n          height: 6px;\n          background: rgba(255, 255, 255, 1);\n          border-radius: 3px;\n          position: relative;\n        }\n\n        span {\n          display: flex;\n          justify-content: center;\n          align-items: center;\n          width: 48px;\n          height: 20px;\n          color: #5327fa;\n          font-size: 20px;\n          transform: scale(0.5);\n        }\n\n        .progress__point {\n          position: absolute;\n          height: 6px;\n          border-radius: 3px;\n          background: linear-gradient(\n            90deg,\n            rgba(83, 39, 250, 1) 0%,\n            rgba(168, 39, 250, 1) 100%\n          );\n        }\n      }\n    }\n\n    .but__con {\n      width: 216px;\n      height: 40px;\n      background: rgba(57, 0, 201, 0.5);\n      border-radius: 8px;\n      margin: 20px auto 0;\n      display: flex;\n      justify-content: center;\n      align-items: center;\n\n      .button__content {\n        width: 210px;\n        height: 36px;\n        background: rgba(255, 255, 255, 1);\n        border-radius: 6px;\n        font-size: 16px;\n        font-weight: 400;\n        color: rgba(57, 0, 201, 1);\n        display: flex;\n        justify-content: center;\n        align-items: center;\n      }\n    }\n\n    .list__title {\n      height: 14px;\n      line-height: 14px;\n      font-size: 14px;\n      font-weight: 400;\n      color: rgba(255, 255, 255, 1);\n      width: 240px;\n      background: url(\"images/yaoqh_bj.png\") center center no-repeat;\n      background-size: 100% 50%;\n      text-align: center;\n      text-align-last: center;\n      margin: 30px auto 10px;\n    }\n\n    .show__new {\n      font-size: 12px;\n      color: #a993fd;\n      text-align: center;\n      text-align-last: center;\n    }\n\n    .list__con {\n      width: 346px;\n      margin: 14px auto;\n      border: 1px solid rgba(255, 255, 255, 0.5);\n      // min-height: 190px;\n      border-radius: 10px;\n      display: flex;\n      flex-wrap: wrap;\n      padding: 0 15px;\n\n      .user__item-info {\n        width: 156px;\n        height: 46px;\n        display: flex;\n        justify-content: flex-start;\n        align-items: center;\n        .item__con {\n          width: 100%;\n          height: 40px;\n          display: flex;\n          justify-content: flex-start;\n          align-items: center;\n          margin-left: 6px;\n          margin-right: 0;\n          border-bottom: 1px rgba(255, 255, 255, 0.6) dashed;\n        }\n        &:nth-child(2n + 1) {\n          border-right: 1px solid rgba(169, 147, 253, 1);\n          .item__con {\n            margin-right: 6px;\n            margin-left: 0;\n          }\n        }\n\n        .user_avatar {\n          width: 22px;\n          height: 22px;\n          border-radius: 50%;\n          margin-right: 10px;\n        }\n        .user_name {\n          width: 114px;\n          text-overflow: ellipsis;\n          overflow: hidden;\n          white-space: nowrap;\n          font-size: 12px;\n          font-weight: 400;\n          color: #fff;\n        }\n      }\n\n      .item__con-only {\n        width: 100%;\n        &:nth-child(2n + 1) {\n          border-right: none;\n        }\n        .item__con {\n          width: 100%;\n        }\n      }\n    }\n  }\n\n  .share__mark {\n    position: fixed;\n    width: 100%;\n    height: 100%;\n    left: 0;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    background-color: rgba(0, 0, 0, 0.4);\n\n    .share__tip {\n      width: 290px;\n      height: 62px;\n      background: rgba(255, 255, 255, 1);\n      border-radius: 10px;\n      display: flex;\n      justify-content: center;\n      align-items: center;\n      color: #525c65;\n      font-size: 16px;\n      position: absolute;\n      top: 78px;\n      left: 50%;\n      transform: translateX(-50%);\n    }\n    .share__row {\n      width: 60px;\n      height: 44px;\n      background: url(\"images/throw_icon.png\") center center no-repeat;\n      background-size: 100% 100%;\n      position: absolute;\n      right: 15px;\n      top: 10px;\n    }\n  }\n}\n",".new-vip {\n  .banner {\n    width: 100%;\n    height: 240px;\n\n    img {\n      width: 100%;\n      height: 100%;\n    }\n  }\n\n  .notice {\n    width: 375px;\n    height: 30px;\n    line-height: 30px;\n    background-color: #ffe670;\n    display: flex;\n    justify-content: space-between;\n    padding: 0 10px 0 15px;\n    font-size: 12px;\n\n    .tip {\n      img {\n        width: 15px;\n        height: 14px;\n        vertical-align: text-top;\n      }\n\n      span {\n        color: #0b060c;\n        display: inline-block;\n        margin-left: 9px;\n      }\n    }\n\n    .time {\n      color: #ff0002;\n    }\n  }\n\n  .privilege-box {\n    width: 100%;\n    padding: 30px 10px 60px 10px;\n    background-color: #fecd3c;\n\n    .privilege-name {\n      width: 190px;\n      height: 30px;\n      line-height: 30px;\n      background: linear-gradient(0deg, #e83b47 0%, #e95e32 100%);\n      box-shadow: 0 1px 5px 0 rgba(232, 60, 70, 0.4);\n      border-radius: 15px;\n      font-weight: 500;\n      font-size: 18px;\n      color: #fff;\n      text-align: center;\n      margin: 0 auto 20px auto;\n    }\n\n    .privilege-content {\n      background-color: #fff;\n      padding: 20px 12px 20px 12px;\n      box-shadow: 1px 2px 6px 0 rgba(232, 60, 70, 0.3);\n      border-radius: 6px;\n      margin-bottom: 15px;\n\n      .privilege-title {\n        width: 100%;\n        text-align: center;\n        color: #26402f;\n        font-size: 16px;\n        margin-bottom: 15px;\n\n        img {\n          vertical-align: text-bottom;\n          width: 18px;\n          height: 16px;\n        }\n\n        span {\n          display: inline-block;\n          margin-left: 10px;\n          border-bottom: 4px solid rgba(232, 60, 70, 0.8);\n          border-radius: 1px;\n          height: 20px;\n        }\n      }\n\n      .privilege-list {\n        display: flex;\n        justify-content: space-between;\n        flex-wrap: wrap;\n\n        .course-box {\n          display: block;\n          width: 160px;\n          height: 115px;\n          margin-bottom: 10px;\n\n          img {\n            width: 100%;\n            height: 100%;\n            border-radius: 2px;\n          }\n        }\n      }\n\n      .privilege-list-row {\n        .privilege-list-gpu {\n          img {\n            width: 330px;\n            height: 150px;\n            border-radius: 3px;\n            margin-bottom: 10px;\n          }\n\n          img:last-child {\n            margin-bottom: 0;\n          }\n        }\n\n        .privilege-list-tip {\n          display: flex;\n          justify-content: space-between;\n          flex-wrap: wrap;\n          margin-bottom: 10px;\n\n          .privilege-tip-item {\n            font-size: 12px;\n            color: #333;\n            width: 50%;\n            text-align: left;\n\n            span {\n              display: inline-block;\n              width: 16px;\n              height: 16px;\n              text-align: center;\n              line-height: 15px;\n              background: rgba(255, 104, 38, 1);\n              border: 1px solid rgba(255, 104, 38, 1);\n              border-radius: 50%;\n              font-size: 14px;\n              color: #ffff;\n              margin-top: 10px;\n              margin-right: 5px;\n            }\n          }\n\n          .privilege-tip-item:nth-of-type(even) {\n            width: 45%;\n          }\n        }\n      }\n\n      .privilege-teacher {\n        width: 100%;\n        text-align: center;\n        font-size: 12px;\n        color: #e83c46;\n        margin-top: -8px;\n      }\n\n      .teacher-list {\n        width: 100%;\n        padding: 0 10px;\n        display: flex;\n        justify-content: space-between;\n        flex-wrap: wrap;\n\n        .teacher-item {\n          width: 70px;\n          text-align: center;\n          font-size: 12px;\n          margin-top: 15px;\n\n          img {\n            width: 55px;\n            height: 55px;\n            border-radius: 50%;\n          }\n\n          span {\n            display: block;\n            color: #26402f;\n          }\n        }\n      }\n\n      .privilege-test {\n        width: 100%;\n        margin-top: -8px;\n        display: flex;\n        justify-content: space-between;\n        img {\n          width: 163px;\n          height: 270px;\n          border-radius: 2px;\n        }\n      }\n    }\n  }\n\n  .tobuy {\n    width: 100%;\n    height: 50px;\n    line-height: 50px;\n    text-align: center;\n    background-image: url(\"https://julyedu-cdn.oss-cn-beijing.aliyuncs.com/19VIP/newvip/h5/tobuy-bg.png\");\n    background-repeat: no-repeat;\n    background-size: cover;\n    box-shadow: 0px -2px 4px 0px rgba(224, 179, 48, 0.28);\n    font-size: 18px;\n    color: #ff4400;\n    position: fixed;\n    bottom: 0;\n    z-index: 2;\n  }\n\n  .connect {\n    position: absolute;\n    width: 10px;\n    text-align: center;\n    margin-top: -43px;\n\n    span {\n      display: block;\n      position: relative;\n      z-index: 1;\n    }\n\n    .top {\n      top: 5px;\n    }\n\n    .bottom {\n      top: -5px;\n      z-index: auto;\n    }\n\n    .top,\n    .bottom {\n      width: 10px;\n      height: 10px;\n      background: rgba(246, 206, 90, 1);\n      border-radius: 50%;\n    }\n\n    .con {\n      width: 4px;\n      height: 47px;\n      background: rgba(255, 255, 255, 1);\n      box-shadow: 0 1px 3px 0 rgba(232, 60, 70, 0.4),\n        0px 1px 2px 0px rgba(246, 206, 90, 0.5);\n      border-radius: 1px;\n      margin: auto;\n    }\n  }\n\n  .left {\n    left: 20px;\n  }\n\n  .right {\n    right: 20px;\n  }\n\n  .checkout-mbc {\n    position: fixed;\n    background: rgba(0, 0, 0, 0.6);\n    top: 0;\n    left: 0;\n    bottom: 0;\n    right: 0;\n    z-index: 1;\n  }\n\n  .checkout-box {\n    width: 100%;\n    border-radius: 10px 10px 0 0;\n    background-color: #fff;\n    position: fixed;\n    bottom: 0;\n    padding: 20px 15px;\n    z-index: 9999999999;\n\n    .title {\n      color: #2b2b2b;\n      font-size: 18px;\n      text-align: center;\n\n      .close {\n        float: right;\n        color: #26402f;\n      }\n    }\n\n    .checkout-list {\n      margin-top: 15px;\n      width: 100%;\n      height: 44px;\n      line-height: 44px;\n      border-radius: 5px;\n      padding-left: 15px;\n      display: flex;\n      justify-content: space-between;\n      position: relative;\n\n      .type {\n        color: #26402f;\n        font-size: 16px;\n      }\n\n      .center {\n        display: flex;\n        width: 55%;\n        text-align: left;\n      }\n\n      .discounts-reason {\n        width: 60px;\n        height: 18px;\n        text-align: center;\n        line-height: 18px;\n        margin-top: 12px;\n        background: linear-gradient(\n          90deg,\n          rgba(255, 68, 0, 1) 2%,\n          rgba(255, 0, 2, 1) 100%\n        );\n        border-radius: 9px 9px 0 9px;\n        font-size: 12px;\n        color: #fff;\n        margin-right: 10px;\n      }\n\n      .discounts-reason2 {\n        background: rgba(255, 155, 5, 1);\n      }\n\n      .price {\n        color: #ff0002;\n        font-size: 12px;\n\n        .new-price {\n          font-size: 22px;\n        }\n\n        .old-price {\n          display: inline-block;\n          margin-left: 10px;\n          color: #26402f;\n        }\n      }\n\n      .check-box {\n        width: 44px;\n        height: 44px;\n        border-left: 1px dashed #e5e5e5;\n\n        span {\n          width: 22px;\n          height: 22px;\n          display: block;\n          background-repeat: no-repeat;\n          background-size: contain;\n          margin-top: 10px;\n          margin-left: 10px;\n        }\n\n        .checked {\n          background-image: url(\"https://julyedu-cdn.oss-cn-beijing.aliyuncs.com/19VIP/newvip/choiced_ka%402x.png\");\n        }\n\n        .check {\n          background-image: url(\"https://julyedu-cdn.oss-cn-beijing.aliyuncs.com/19VIP/newvip/choice_ka%402x.png\");\n        }\n      }\n    }\n\n    .list-checked {\n      background: rgba(252, 249, 239, 1);\n      border: 1px solid rgba(240, 233, 197, 1);\n    }\n\n    .list-check {\n      background: #fff;\n      border: 1px solid rgba(229, 229, 229, 1);\n    }\n\n    .check-tobuy {\n      width: 280px;\n      height: 40px;\n      background: linear-gradient(\n        90deg,\n        rgba(255, 94, 0, 1) 2%,\n        rgba(255, 0, 2, 1) 100%\n      );\n      border-radius: 20px;\n      font-size: 18px;\n      color: #fff;\n      border: none;\n      position: relative;\n      left: 50%;\n      margin: 30px auto 0 -140px;\n    }\n  }\n}\n",".user-agreement {\n  padding: 20px;\n  color: #333;\n  letter-spacing: 1px;\n\n  h1 {\n    font-size: 20px;\n    font-weight: 600;\n    text-align: center;\n    margin-bottom: 10px;\n  }\n\n  h3 {\n    font-size: 16px;\n    font-weight: 600;\n    margin: 10px 0 5px 0;\n  }\n\n  p {\n    font-size: 14px;\n    text-align: justify;\n    text-indent: 2em;\n    line-height: 24px;\n  }\n\n}"]}