video.e5c856fd.chunk.css.map 24.7 KB
Newer Older
xuzhenghua committed
1
{"version":3,"sources":["/Users/xzh/dnmp/www/mr-julyedu/src/components/video/video.scss","/Users/xzh/dnmp/www/mr-julyedu/src/components/video/recommendation/recommendation.scss","/Users/xzh/dnmp/www/mr-julyedu/src/common/v-list-base/index.scss","/Users/xzh/dnmp/www/mr-julyedu/src/components/video/video-catalog/video-catalog.scss","/Users/xzh/dnmp/www/mr-julyedu/src/components/video/datum-catalog/datum-catalog.scss","/Users/xzh/dnmp/www/mr-julyedu/src/components/detail/single/index.scss"],"names":[],"mappings":"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","file":"video.e5c856fd.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-custom-play-button-cover {\n      position: absolute;\n      top: 0;\n      bottom: 0;\n      left: 0;\n      right: 0;\n      background: rgba(0, 0, 0, 0.5); }\n      .play .video .video-js .vjs-custom-play-button-cover .vjs-custom-play-button {\n        position: absolute;\n        top: 50%;\n        left: 50%;\n        transform: translate(-50%, -50%);\n        width: 27px;\n        height: 27px;\n        background: url(\"./images/play.png\") no-repeat;\n        background-size: contain; }\n    .play .video .video-js.vjs-has-started .vjs-custom-play-button-cover {\n      bottom: 2.9em; }\n    .play .video .video-js.vjs-playing .vjs-custom-play-button-cover {\n      display: none; }\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 .is-aist-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    color: #fff; }\n    .play .video .is-aist-box i {\n      font-size: 34px; }\n    .play .video .is-aist-box .time {\n      font-size: 16px; }\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: #fff;\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\n.limit-free-cover {\n  position: fixed;\n  top: 0;\n  left: 0;\n  bottom: 0;\n  right: 0;\n  background-color: rgba(0, 0, 0, 0.8);\n  z-index: 999; }\n\n.free-popup {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  width: 290px;\n  height: 366px;\n  border-radius: 5px !important;\n  padding: 0 !important;\n  background: url(\"https://julyedu-cdn.oss-cn-beijing.aliyuncs.com/time_limited_free/M/popup-bg.png\") !important;\n  background-size: cover !important; }\n  .free-popup .title {\n    display: flex;\n    align-items: center;\n    height: 125px;\n    padding: 0 20px;\n    color: #fff !important;\n    font-size: 15px; }\n  .free-popup .des {\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    align-items: center;\n    padding-top: 20px; }\n    .free-popup .des .qrcode {\n      margin-bottom: 10px;\n      width: 118px;\n      height: 118px; }\n    .free-popup .des > span:nth-of-type(1) {\n      color: #666;\n      font-size: 13px;\n      margin-bottom: 10px; }\n    .free-popup .des > span:nth-of-type(2) {\n      color: #333;\n      font-size: 15px;\n      margin-bottom: 14px; }\n    .free-popup .des span span {\n      color: #FF2121; }\n    .free-popup .des .no-prompt label {\n      position: relative;\n      padding-left: 21px;\n      height: 14px; }\n    .free-popup .des .no-prompt input, .free-popup .des .no-prompt .checkbox-label {\n      position: absolute;\n      top: 50%;\n      left: 0;\n      transform: translateY(-50%);\n      width: 13px;\n      height: 13px;\n      -webkit-appearance: none;\n      outline: 0;\n      background: #fff; }\n    .free-popup .des .no-prompt input {\n      opacity: 0; }\n    .free-popup .des .no-prompt .checkbox-label {\n      border: 1px solid rgba(84, 92, 100, 0.6);\n      border-radius: 1px;\n      left: -1px;\n      box-sizing: border-box; }\n      .free-popup .des .no-prompt .checkbox-label .iconfont {\n        color: #fff;\n        font-size: 12px; }\n    .free-popup .des .no-prompt span {\n      color: #545C64;\n      font-size: 13px;\n      margin-bottom: 0;\n      line-height: 14px; }\n    .free-popup .des .no-prompt .checked {\n      background: #09f; }\n  .free-popup .close-btn {\n    position: absolute;\n    bottom: -44px;\n    left: 50%;\n    transform: translateX(-50%);\n    font-size: 26px;\n    color: #fff; }\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  margin-top: 15px;\n  border-top: 10px solid #f5f5f5; }\n  .recommendation > .title {\n    font-size: 16px;\n    padding-left: 15px;\n    margin-top: 15px; }\n  .recommendation .info {\n    display: flex;\n    flex-wrap: wrap;\n    width: 52.3%; }\n    .recommendation .info .title {\n      font-size: 15px;\n      color: #525B65; }\n    .recommendation .info .des {\n      font-size: 14px;\n      line-height: 16px;\n      align-self: flex-start;\n      color: #777; }\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  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 {\n  color: #515B65;\n  border-top: 1px solid #E7E9F1; }\n  .video-catalog ul {\n    margin: 0 15px; }\n  .video-catalog li {\n    border-bottom: 1px solid #E7E9F1; }\n    .video-catalog li.active .video-title {\n      color: #09f; }\n    .video-catalog li.active .exercise {\n      font-size: 12px; }\n      .video-catalog li.active .exercise .iconRectangleCopy {\n        font-weight: 500;\n        color: #09f; }\n    .video-catalog li .video-title {\n      height: 100%;\n      padding: 12px 0;\n      display: flex;\n      justify-content: space-between;\n      align-items: center; }\n      .video-catalog li .video-title .iconfont {\n        font-size: 18px; }\n    .video-catalog li .exercise {\n      padding: 0 10px;\n      height: 24px;\n      background: #F7F8F9;\n      line-height: 24px;\n      font-size: 12px;\n      color: #525B65;\n      font-weight: 500;\n      margin-bottom: 5px;\n      border-radius: 2px;\n      display: flex;\n      justify-content: space-between; }\n      .video-catalog li .exercise span {\n        max-width: 90%; }\n      .video-catalog li .exercise:last-child {\n        margin-bottom: 15px; }\n      .video-catalog li .exercise .iconfont {\n        font-size: 18px; }\n  .video-catalog .title {\n    display: inline-block;\n    text-overflow: -o-ellipsis-lastline;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    display: -webkit-box;\n    -webkit-line-clamp: 2;\n    line-clamp: 2;\n    -webkit-box-orient: vertical;\n    width: 90%;\n    font-size: 14px;\n    margin-right: 26px; }\n  .video-catalog .duration {\n    display: inline-block;\n    font-size: 11px;\n    overflow: hidden; }\n  .video-catalog .iconfont {\n    float: right; }\n  .video-catalog .iconplay_hovericon {\n    color: #09f; }\n  .video-catalog .icontimeout {\n    font-size: 20px !important;\n    color: #09f; }\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 .am-accordion {\n  margin: 0 15px; }\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  margin: 5px 0;\n  padding: 0 10px;\n  width: 301px;\n  height: 24px;\n  line-height: 24px;\n  background-color: #F7F8F9;\n  border-radius: 2px;\n  color: #525B65;\n  font-weight: 500;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  display: -webkit-box;\n  -webkit-line-clamp: 1;\n  /* autoprefixer: ignore next */\n  -webkit-box-orient: vertical;\n  font-size: 12px; }\n\n.datum-catalog .am-accordion-content-box {\n  padding-bottom: 5px; }\n\n.datum-catalog .am-accordion .am-accordion-item .am-accordion-header {\n  color: #333;\n  font-size: 14px;\n  padding: 0; }\n\n.datum-catalog .am-accordion .am-accordion-item .am-accordion-header::after {\n  background-color: #fff !important; }\n\n.datum-catalog .am-accordion-item .am-accordion-content .am-accordion-content-box::after {\n  background-color: #fff !important; }\n\n.datum-catalog .am-accordion::before {\n  background-color: #fff !important; }\n\n.datum-catalog .am-accordion-item {\n  border-bottom: 1px solid #E7E9F1; }\n","@charset \"UTF-8\";\n/*\n *  @ 文字颜色\n */\n/*\n *  @ 文字大小\n */\n/*\n *  @ 背景颜色\n */\n/*\n *  @ 分割线颜色\n */\n/*\n *  @ 边框颜色\n */\n/*\n *  @ 标签颜色\n */\n.popup-box {\n  position: fixed;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  background-color: rgba(0, 0, 0, 0.6);\n  z-index: 5; }\n  .popup-box .content {\n    width: 300px;\n    position: relative;\n    background-color: #fff;\n    padding-top: 20px;\n    border-radius: 3px; }\n  .popup-box .close {\n    color: #fff;\n    font-size: 22px;\n    position: relative;\n    left: 50%;\n    margin-left: -11px; }\n  .popup-box .btn {\n    position: absolute;\n    bottom: 24px;\n    left: 83px;\n    width: 135px;\n    height: 30px;\n    border-radius: 3px;\n    font-size: 16px;\n    color: #fff;\n    text-align: center;\n    line-height: 30px; }\n  .popup-box .btn-18B4ED {\n    background-color: #18B4ED; }\n  .popup-box .btn-FF4000 {\n    background-color: #FF4000; }\n  .popup-box .header {\n    color: #09f;\n    height: 24px;\n    line-height: 24px;\n    text-align: center; }\n    .popup-box .header i {\n      font-size: 24px; }\n    .popup-box .header span {\n      font-size: 18px;\n      margin-left: 10px;\n      vertical-align: text-bottom; }\n  .popup-box .singleset-payment {\n    height: 305px;\n    margin: 140px auto 22px auto;\n    padding: 17px 20px; }\n    .popup-box .singleset-payment .price-box {\n      padding-bottom: 15px;\n      border-bottom: 1px solid #ddd; }\n      .popup-box .singleset-payment .price-box span {\n        font-size: 12px;\n        color: #666; }\n      .popup-box .singleset-payment .price-box p {\n        height: 22px;\n        line-height: 22px;\n        color: #FF4000;\n        font-size: 22px;\n        text-align: center;\n        margin-top: 5px; }\n    .popup-box .singleset-payment .course-info {\n      font-size: 14px; }\n      .popup-box .singleset-payment .course-info p {\n        height: 14px;\n        line-height: 14px;\n        margin-top: 10px;\n        color: #333; }\n        .popup-box .singleset-payment .course-info p span {\n          color: #666; }\n    .popup-box .singleset-payment .payment-type {\n      margin-top: 20px; }\n      .popup-box .singleset-payment .payment-type label {\n        display: inline-block;\n        width: 100%;\n        border-bottom: 1px solid #ddd;\n        color: #666;\n        font-size: 12px;\n        padding-bottom: 5px; }\n      .popup-box .singleset-payment .payment-type p {\n        height: 22px;\n        line-height: 22px;\n        margin-top: 10px;\n        position: relative; }\n        .popup-box .singleset-payment .payment-type p .iconalipay {\n          font-size: 22px;\n          color: #01aaef; }\n        .popup-box .singleset-payment .payment-type p .iconweixinzhifu {\n          font-size: 22px;\n          color: #3baf34; }\n        .popup-box .singleset-payment .payment-type p span {\n          display: inline-block;\n          margin-left: 10px;\n          color: #333;\n          font-size: 14px;\n          vertical-align: text-bottom; }\n        .popup-box .singleset-payment .payment-type p .icondanseshixintubiao-5 {\n          position: absolute;\n          right: 0;\n          font-size: 24px; }\n        .popup-box .singleset-payment .payment-type p .redio {\n          color: #ccc; }\n        .popup-box .singleset-payment .payment-type p .redioed {\n          color: #4cd964; }\n  .popup-box .zero {\n    height: 147px;\n    margin: 213px auto 22px auto;\n    text-align: center; }\n    .popup-box .zero .header {\n      color: #09f;\n      height: 24px;\n      line-height: 24px; }\n      .popup-box .zero .header i {\n        font-size: 24px; }\n      .popup-box .zero .header span {\n        font-size: 18px;\n        margin-left: 10px;\n        vertical-align: text-bottom; }\n    .popup-box .zero .dec {\n      height: 14px;\n      line-height: 14px;\n      color: #666;\n      font-size: 14px;\n      margin-top: 15px; }\n  .popup-box .payment-success {\n    height: 258px;\n    margin: 143px auto 22px auto;\n    padding: 20px 24px; }\n    .popup-box .payment-success .dec {\n      height: 33px;\n      line-height: 20px;\n      color: #666;\n      font-size: 14px;\n      margin-top: 12px; }\n    .popup-box .payment-success .btn-18B4ED {\n      bottom: 70px; }\n  .popup-box .group {\n    height: 165px;\n    margin: 213px auto 22px auto;\n    text-align: center; }\n    .popup-box .group .group-img {\n      margin-top: 15px; }\n      .popup-box .group .group-img img {\n        width: 40px;\n        height: 40px;\n        border-radius: 50px;\n        margin-right: 15px; }\n    .popup-box .group .btn-l {\n      position: absolute;\n      width: 240px;\n      bottom: 20px;\n      left: 30px;\n      height: 30px;\n      border-radius: 3px;\n      font-size: 16px;\n      color: #fff;\n      text-align: center;\n      line-height: 30px; }\n"]}