{"version":3,"sources":["/Users/zhanghaozhe/server/mr-julyedu/src/components/video/video.scss","/Users/zhanghaozhe/server/mr-julyedu/src/components/video/recommendation/recommendation.scss","/Users/zhanghaozhe/server/mr-julyedu/src/common/v-list-base/index.scss","/Users/zhanghaozhe/server/mr-julyedu/src/components/video/video-catalog/video-catalog.scss","/Users/zhanghaozhe/server/mr-julyedu/src/components/video/datum-catalog/datum-catalog.scss"],"names":[],"mappings":"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","file":"video.d14c8276.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.play .video {\n  width: 100%;\n  height: 215px;\n  background-color: #000;\n  position: relative; }\n  .play .video .video-js {\n    width: 100%;\n    height: 100%; }\n    .play .video .video-js .vjs-big-play-button {\n      top: 50%;\n      left: 50%;\n      transform: translate(-50%, -50%); }\n  .play .video .purchase-box {\n    width: 100%;\n    height: 100%;\n    position: absolute;\n    left: 0;\n    top: 0;\n    background-color: rgba(0, 0, 0, 0.8);\n    display: flex;\n    flex-flow: column;\n    justify-content: center;\n    align-items: center; }\n    .play .video .purchase-box .hint {\n      font-size: 14px;\n      color: #fff;\n      margin-bottom: 20px; }\n    .play .video .purchase-box .btns {\n      width: 100%;\n      padding: 0 60px;\n      display: flex;\n      justify-content: space-around; }\n    .play .video .purchase-box .purchase-class {\n      display: block;\n      -webkit-appearance: none;\n      outline: none;\n      border: none;\n      background-color: transparent;\n      border-radius: 5px;\n      line-height: 30px;\n      font-size: 13px;\n      padding: 0 9px;\n      background-color: #fff;\n      color: #FF4000; }\n    .play .video .purchase-box .purchase-episode {\n      display: block;\n      -webkit-appearance: none;\n      outline: none;\n      border: none;\n      background-color: transparent;\n      border-radius: 5px;\n      line-height: 30px;\n      font-size: 13px;\n      padding: 0 9px;\n      background-color: #FF4000;\n      color: #fff; }\n  .play .video video {\n    width: 100%;\n    height: 100%; }\n\n.play .tab {\n  height: 44px;\n  max-height: 44px;\n  line-height: 44px;\n  text-align: center;\n  background: #F7F9FC;\n  flex: 1 0 auto;\n  display: flex;\n  justify-content: center; }\n  .play .tab > div {\n    flex: 1 0 auto; }\n  .play .tab a {\n    display: inline-block;\n    height: 44px;\n    font-size: 16px;\n    border-bottom: 1px solid transparent; }\n    .play .tab a.active {\n      border-bottom: 1px solid #09f; }\n\n.play .active {\n  color: #09f; }\n  .play .active .iconiconfront-74 {\n    color: #555; }\n\n.play .progress-share-modal {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  width: 290px;\n  height: 332px;\n  padding: 18px 15px;\n  background: url(\"./images/progress-share-bg.png\");\n  background-size: contain; }\n  .play .progress-share-modal > .title {\n    font-size: 21px;\n    color: #00656F;\n    line-height: 30px;\n    text-align: center;\n    margin-bottom: 20px; }\n  .play .progress-share-modal .progress-container {\n    display: flex;\n    justify-content: space-between;\n    margin-bottom: 20px; }\n    .play .progress-share-modal .progress-container li {\n      flex: 1; }\n      .play .progress-share-modal .progress-container li .title {\n        font-size: 14px;\n        color: #00838F;\n        line-height: 20px;\n        text-align: center;\n        flex: 1;\n        margin-bottom: 10px; }\n      .play .progress-share-modal .progress-container li .number {\n        font-size: 15px;\n        color: #00656F;\n        text-align: center; }\n        .play .progress-share-modal .progress-container li .number .num {\n          font-size: 33px;\n          color: #00656F; }\n  .play .progress-share-modal .share-container .title {\n    position: relative;\n    text-align: center;\n    font-size: 14px;\n    color: #00838F;\n    margin-bottom: 25px; }\n    .play .progress-share-modal .share-container .title::before {\n      position: absolute;\n      top: 50%;\n      left: 30px;\n      transform: translateY(-50%);\n      content: '';\n      display: block;\n      width: 70px;\n      height: 1px;\n      background: #77c4bf; }\n    .play .progress-share-modal .share-container .title::after {\n      position: absolute;\n      top: 50%;\n      right: 30px;\n      transform: translateY(-50%);\n      content: '';\n      display: block;\n      width: 70px;\n      height: 1px;\n      background: #77c4bf; }\n  .play .progress-share-modal .share-container ul {\n    display: flex;\n    justify-content: space-around;\n    padding: 0 20px;\n    text-align: center; }\n    .play .progress-share-modal .share-container ul li {\n      font-size: 12px;\n      color: #00838F; }\n      .play .progress-share-modal .share-container ul li .iconfont {\n        font-size: 40px;\n        color: #00838f; }\n  .play .progress-share-modal .close {\n    position: absolute;\n    left: 50%;\n    transform: translateX(-50%);\n    bottom: -63px;\n    color: #fff;\n    font-size: 30px; }\n  .play .progress-share-modal-wrapper {\n    position: fixed;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    background: rgba(0, 0, 0, 0.5);\n    touch-action: none;\n    z-index: 100; }\n","@charset \"UTF-8\";\n/*\n *  @ 文字颜色\n */\n/*\n *  @ 文字大小\n */\n/*\n *  @ 背景颜色\n */\n/*\n *  @ 分割线颜色\n */\n/*\n *  @ 边框颜色\n */\n/*\n *  @ 标签颜色\n */\n.recommendation {\n  padding-top: 20px; }\n  .recommendation > .title {\n    font-size: 16px;\n    padding-left: 15px; }\n  .recommendation .info {\n    display: flex;\n    flex-wrap: wrap; }\n    .recommendation .info .title {\n      font-size: 15px; }\n    .recommendation .info .des {\n      font-size: 14px;\n      line-height: 16px;\n      align-self: flex-start; }\n    .recommendation .info .price {\n      color: #FF2121;\n      font-size: 16px;\n      margin-right: 14px; }\n    .recommendation .info .stale-price {\n      text-decoration: line-through;\n      color: #999;\n      font-size: 12px; }\n    .recommendation .info .bottom {\n      align-self: flex-end; }\n","@charset \"UTF-8\";\n/*\n *  @ 文字颜色\n */\n/*\n *  @ 文字大小\n */\n/*\n *  @ 背景颜色\n */\n/*\n *  @ 分割线颜色\n */\n/*\n *  @ 边框颜色\n */\n/*\n *  @ 标签颜色\n */\n.v-list-base-item {\n  height: 130px;\n  padding: 10px 10px 0;\n  position: relative; }\n  .v-list-base-item .content {\n    display: flex;\n    height: 100%;\n    padding-bottom: 10px;\n    border-bottom: 1px solid #e7eaf1; }\n    .v-list-base-item .content .cover {\n      flex: 0 0 auto;\n      margin-right: 16px;\n      position: relative; }\n      .v-list-base-item .content .cover img {\n        width: 150px;\n        height: 108px;\n        border-radius: 3px; }\n    .v-list-base-item .content .course-status {\n      width: 100%;\n      height: 24px;\n      position: absolute;\n      bottom: -1px;\n      border-radius: 0 0 3px 3px;\n      text-align: center;\n      line-height: 24px;\n      color: #fff;\n      font-size: 13px; }\n","@charset \"UTF-8\";\n/*\n *  @ 文字颜色\n */\n/*\n *  @ 文字大小\n */\n/*\n *  @ 背景颜色\n */\n/*\n *  @ 分割线颜色\n */\n/*\n *  @ 边框颜色\n */\n/*\n *  @ 标签颜色\n */\n.video-catalog li:first-child {\n  border-top: 1px solid #E7EAF1; }\n\n.video-catalog li {\n  line-height: 44px;\n  border-bottom: 1px solid #E7EAF1;\n  padding: 0 15px; }\n  .video-catalog li.active .title, .video-catalog li.active .duration {\n    color: #09f; }\n  .video-catalog li.active .video-title {\n    background-color: #F5FBFF; }\n  .video-catalog li.active .exercise {\n    border-top: 1px solid #E7EAF1; }\n  .video-catalog li .video-title {\n    height: 44px;\n    margin: 0 -15px;\n    padding: 0 15px; }\n    .video-catalog li .video-title .iconfont {\n      font-size: 22px; }\n  .video-catalog li .exercise {\n    padding-left: 15px;\n    height: 35px;\n    background: #F5FBFF;\n    margin-bottom: 15px;\n    line-height: 35px;\n    color: #000;\n    border-top: 1px solid transparent; }\n    .video-catalog li .exercise .iconfont {\n      font-size: 18px; }\n\n.video-catalog .title {\n  display: inline-block;\n  width: 50%;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  font-size: 14px;\n  margin-right: 26px; }\n\n.video-catalog .duration {\n  display: inline-block;\n  font-size: 11px;\n  overflow: hidden; }\n\n.video-catalog .iconfont {\n  float: right; }\n","@charset \"UTF-8\";\n/*\n *  @ 文字颜色\n */\n/*\n *  @ 文字大小\n */\n/*\n *  @ 背景颜色\n */\n/*\n *  @ 分割线颜色\n */\n/*\n *  @ 边框颜色\n */\n/*\n *  @ 标签颜色\n */\n.datum-catalog .prompt {\n  height: 30px;\n  line-height: 30px;\n  font-size: 12px;\n  color: #333;\n  background-color: #FFF4CE;\n  text-align: center; }\n\n.datum-catalog .file-name {\n  padding: 15px;\n  padding-bottom: 0; }\n\n.datum-catalog .file-name:last-of-type {\n  padding-bottom: 15px; }\n"]}