{"version":3,"sources":["/Users/zhanghaozhe/server/mr-julyedu/src/components/share-page/aist-share/aist-share.scss"],"names":[],"mappings":"AAmGA,YACI,iBAAA,CACA,UAAA,CACA,WAAA,CACA,qGAAA,CACA,2BAAA,CACA,0BAAA,CAEA,uBAAA,CACA,wBAAA,CACA,eAAgB,CAVpB,qBAaQ,iBAAA,CACA,QAAA,CACA,OAAA,CACA,sCAAA,CAAA,8BAAA,CACA,iBAAA,CACA,mBAAA,CACA,mBAAA,CACA,eAAA,CACA,qBAAA,CACA,iDAAA,CACA,eAAA,CACA,wBAAkB,CAxB1B,kBA4BQ,YAAA,CACA,gBAAA,CACA,kBAAA,CACA,mBAAmB,CA/B3B,sBAkCY,UAAA,CACA,WAAA,CACA,iBAAA,CACA,wBAAkB,CArC9B,4BAyCY,oBAAA,CACA,iBAAA,CACA,UAAW,CA3CvB,wBA+CY,eAAA,CACA,UAAA,CACA,sBAAiB,CAjD7B,oBAsDQ,YAAA,CACA,kBAAA,CACA,mBAAA,CACA,qDAAA,CACA,iBAAkB,CA1D1B,0BA6DY,iBAAA,CACA,uBAAkB,CA9D9B,8BAiEgB,UAAA,CACA,kBAAY,CAlE5B,yBAuEY,eAAA,CACA,YAAY,CAxExB,gCA2EgB,UAAA,CACA,oBAAA,CACA,sBAAiB,CA7EjC,8BAiFgB,UAAA,CACA,kBAAA,CACA,eAAA,CACA,sBAAA,CACA,eAAA,CACA,UAAA,CACA,sBAAiB,CAvFjC,sBA6FQ,iBAAA,CACA,YAAA,CACA,UAAA,CACA,mBAAA,CACA,eAAA,CACA,yBAAA,CACA,+BAAA,CACA,2BAA4B,CApGpC,6BA6GY,iBAGkD,CAhH9D,yDAuGY,UAAA,CACA,aAAA,CACA,WAAA,CACA,YAAA,CACA,iBAAA,CACA,aAAA,CAEA,wBAAA,CACA,iBAAA,CACA,2DAakD,CA7H9D,4BA0HY,kBAGkD,CA7H9D,yBAiIY,aAAA,CACA,QAAO,CAlInB,qCAsIY,2BAA4B,CAtIxC,6BA0IY,wBAAA,CACA,oBAAA,CACA,UAAA,CACA,sBAAA,CACA,iBAAkB,CA9I9B,4BAkJY,YAAA,CACA,sBAAA,CACA,oBAAqB,CApJjC,gCAsJgB,aAAA,CACA,sBAAA,CACA,UAAW,CAxJ3B,iCA4JgB,eAAA,CACA,UAAA,CACA,eAAgB,CA9JhC,2BAoKQ,YAAA,CACA,qBAAA,CACA,oBAAA,CACA,6BAA8B,CAvKtC,iCA0KY,UAAA,CACA,gBAAA,CACA,eAAA,CACA,YAAA,CACA,cAAe,CA9K3B,iCAkLY,aAAA,CACA,UAAA,CACA,iBAAA,CACA,iBAAmB,CArL/B,iDAwLgB,wBAAkB,CAxLlC,kCA6LY,oBAAA,CACA,UAAA,CACA,sBAAA,CACA,mBAAoB,CAhMhC,sCAmMgB,SAAA,CACA,UAAA,CACA,qBAAA,CACA,iBAAgB,CAtMhC,mCA2MY,UAAA,CACA,WAAY,CA5MxB,4DA+MgB,UAAA,CACA,WAYQ,CA5NxB,qBAsNQ,iBAAA,CACA,KAAA,CACA,MAAA,CAGA,yBAAA,CACA,eAAgB,CA5NxB,yBA+NY,iBAAA,CACA,cAAA,CACA,gBAAA,CACA,YAAA,CACA,kBAAY,CAnOxB,2BAuOY,iBAAA,CACA,QAAA,CACA,QAAA,CACA,kCAAA,CAAA,0BAAA,CACA,iBAAA,CACA,kBAAA,CACA,eAAA,CACA,aAAA,CACA,UAAA,CACA,kBAAA,CACA,iBAAA,CACA,qBAAA,CACA,wBAAkB","file":"aist-share.bef8c404.chunk.css","sourcesContent":["@charset \"UTF-8\";\n/*\n *  @ 文字颜色\n */\n/*\n *  @ 文字大小\n */\n/*\n *  @ 背景颜色\n */\n/*\n *  @ 分割线颜色\n */\n/*\n *  @ 边框颜色\n */\n/*\n *  @ 标签颜色\n */\n.aist-share {\n  position: relative;\n  width: 100%;\n  height: 100%;\n  background-image: url(\"https://julyedu-cdn.oss-cn-beijing.aliyuncs.com/active19_717/m/aist/aist-bg.png\");\n  background-repeat: no-repeat;\n  background-position: bottom;\n  -webkit-background-size: contain;\n  background-size: contain;\n  background-color: #a4ffe7;\n  overflow: hidden; }\n  .aist-share .content {\n    position: absolute;\n    left: 50%;\n    top: 50%;\n    transform: translate(-50%, -50%);\n    width: 343px;\n    height: 494px;\n    padding: 18px 12px;\n    background: #fff;\n    box-sizing: border-box;\n    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);\n    overflow: hidden;\n    border-radius: 5px; }\n  .aist-share .user {\n    display: flex;\n    flex-flow: column;\n    align-items: center;\n    margin-bottom: 18px; }\n    .aist-share .user img {\n      width: 60px;\n      height: 60px;\n      border-radius: 50%;\n      margin-bottom: 8px; }\n    .aist-share .user .username {\n      font-size: 17px;\n      line-height: 24px;\n      color: #111; }\n    .aist-share .user .time {\n      font-size: 12px;\n      color: #666;\n      line-height: 17px; }\n  .aist-share .course {\n    display: flex;\n    padding: 10px;\n    margin-bottom: 27px;\n    box-shadow: 0 4px 8px rgba(0, 131, 143, 0.1);\n    border-radius: 1px; }\n    .aist-share .course-cover {\n      width: 86px;\n      margin-right: 10px; }\n      .aist-share .course-cover img {\n        width: 100%;\n        height: 62px; }\n    .aist-share .course-info {\n      text-align: left;\n      width: 204px; }\n      .aist-share .course-info .title {\n        color: #111;\n        font-size: 16px;\n        line-height: 23px; }\n      .aist-share .course-info .des {\n        width: 100%;\n        white-space: nowrap;\n        overflow: hidden;\n        text-overflow: ellipsis;\n        font-size: 12px;\n        color: #666;\n        line-height: 17px; }\n  .aist-share .progress {\n    position: relative;\n    display: flex;\n    width: 300px;\n    margin: 0 auto 27px;\n    list-style: none;\n    padding-bottom: 25px;\n    border-bottom: 1px solid #E5E5E5;\n    background-clip: padding-box; }\n    .aist-share .progress::before {\n      content: '';\n      display: block;\n      width: 36px;\n      height: 36px;\n      position: absolute;\n      bottom: -18px;\n      left: -44px;\n      background-color: #c1fded;\n      border-radius: 50%;\n      box-shadow: 0 4px 4px 1px rgba(0, 0, 0, 0.1) inset; }\n    .aist-share .progress::after {\n      content: '';\n      display: block;\n      width: 36px;\n      height: 36px;\n      position: absolute;\n      bottom: -18px;\n      right: -44px;\n      background-color: #c1fded;\n      border-radius: 50%;\n      box-shadow: 0 4px 4px 1px rgba(0, 0, 0, 0.1) inset; }\n    .aist-share .progress li {\n      height: 57px;\n      flex: 1; }\n    .aist-share .progress li:nth-child(1) {\n      border-right: 1px solid #ddd; }\n    .aist-share .progress .title {\n      margin-bottom: 8px;\n      font-size: 14px;\n      color: #111;\n      line-height: 20px;\n      text-align: center; }\n    .aist-share .progress-value {\n      display: flex;\n      justify-content: center;\n      align-items: flex-end; }\n      .aist-share .progress-value > div {\n        font-size: 15px;\n        line-height: 34px;\n        color: #000; }\n      .aist-share .progress-value .num {\n        font-size: 33px;\n        color: #111;\n        line-height: 1em; }\n  .aist-share .recommend-app {\n    display: flex;\n    box-sizing: border-box;\n    padding: 0 10px;\n    justify-content: space-between; }\n    .aist-share .recommend-app .text {\n      width: 180px;\n      margin-right: 30px;\n      text-align: left;\n      display: flex;\n      flex-flow: wrap; }\n    .aist-share .recommend-app .bold {\n      font-size: 15px;\n      color: #111;\n      line-height: 21px;\n      margin-bottom: 15px; }\n      .aist-share .recommend-app .bold div:nth-child(1) {\n        margin-bottom: 4px; }\n    .aist-share .recommend-app .light {\n      font-size: 14px;\n      color: #999;\n      line-height: 20px;\n      align-self: flex-end; }\n      .aist-share .recommend-app .light img {\n        width: 15px;\n        height: 15px;\n        vertical-align: middle;\n        margin-left: 6px; }\n    .aist-share .recommend-app .qrcode {\n      width: 90px;\n      height: 90px; }\n      .aist-share .recommend-app .qrcode img {\n        width: 100%;\n        height: 100%; }\n  .aist-share .overlay {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    background: rgba(0, 0, 0, 0.6);\n    overflow: hidden; }\n    .aist-share .overlay img {\n      position: absolute;\n      top: 11px;\n      right: 22px;\n      width: 111px;\n      height: 82px; }\n    .aist-share .overlay .text {\n      position: absolute;\n      top: 105px;\n      left: 50%;\n      transform: translateX(-50%);\n      width: 343px;\n      height: 61px;\n      background: #fff;\n      font-size: 15px;\n      color: #333;\n      padding: 20px;\n      text-align: center;\n      box-sizing: border-box;\n      border-radius: 4px; }\n"]}