video.b3755c1b.chunk.css.map 19.7 KB
Newer Older
1
{"version":3,"sources":["/Users/fe/frontCode/mr-julyedu/src/components/video/video.scss","/Users/fe/frontCode/mr-julyedu/src/components/video/recommendation/recommendation.scss","/Users/fe/frontCode/mr-julyedu/src/common/v-list-base/index.scss","/Users/fe/frontCode/mr-julyedu/src/components/video/video-catalog/video-catalog.scss","/Users/fe/frontCode/mr-julyedu/src/components/video/datum-catalog/datum-catalog.scss","/Users/fe/frontCode/mr-julyedu/src/components/detail/single/index.scss"],"names":[],"mappings":"AAqGA,aAEQ,UAAA,CACA,kBAAA,CACA,qBAAA,CACA,iBAAkB,CAL1B,uBAQY,UAAA,CACA,WAAY,CATxB,qDAYgB,iBAAA,CACA,KAAA,CACA,QAAA,CACA,MAAA,CACA,OAAA,CACA,yBAA8B,CAjB9C,6EAsBoB,iBAAA,CACA,OAAA,CACA,QAAA,CACA,sCAAA,CAAA,8BAAA,CACA,WAAA,CACA,YAAA,CACA,owDAA8C,CAC9C,uBAAwB,CA7B5C,qEAmCoB,YAAa,CAnCjC,iEA0CoB,YAAa,CA1CjC,2BAgDY,UAAA,CACA,WAAA,CACA,iBAAA,CACA,MAAA,CACA,KAAA,CACA,+BAAA,CACA,YAAA,CACA,gBAAA,CACA,sBAAA,CACA,kBAAmB,CAzD/B,iCA4DgB,oBAAA,CACA,UAAA,CACA,wBAAmB,CA9DnC,iCA8EgB,UAAA,CACA,cAAA,CACA,YAAA,CACA,4BAA6B,CAjF7C,2CAsEgB,wBAAA,CAgBA,qBAAA,CACA,aA1KM,CAmFtB,wFAkEgB,aAAA,CACA,uBAAA,CACA,YAAA,CACA,WAAA,CAEA,wBAAA,CACA,eAAA,CACA,oBAAA,CACA,eA3KJ,CAiGZ,6CAsEgB,wBAAA,CAsBA,wBAAA,CACA,UA9LJ,CAiGZ,0BAkGY,UAAA,CACA,WAAA,CACA,iBAAA,CACA,MAAA,CACA,KAAA,CACA,+BAAA,CACA,YAAA,CACA,gBAAA,CACA,sBAAA,CACA,kBAAA,CACA,UAAW,CA5GvB,4BA+GgB,oBAAe,CA/G/B,gCAmHgB,oBAAe,CAnH/B,mBAwHY,UAAA,CACA,WAAY,CAzHxB,WA8HQ,kBAAA,CACA,sBAAA,CACA,uBAAA,CACA,iBAAA,CACA,eAAA,CAEA,YAAA,CACA,sBAAuB,CArI/B,0BAmIQ,aAKkB,CAxI1B,aA4IY,oBAAA,CACA,kBAAA,CACA,oBAAA,CACA,mCAAoC,CA/IhD,oBAkJgB,4BApPH,CAkGb,cAwJQ,UA1PK,CAkGb,gCA2JY,UAvPI,CA4FhB,4BAgKQ,iBAAA,CACA,OAAA,CACA,QAAA,CACA,sCAAA,CAAA,8BAAA,CACA,iBAAA,CACA,kBAAA,CACA,iBAAA,CACA,8DAAiD,CACjD,uBAAwB,CAxKhC,mCA2KY,eAAA,CACA,aAAA,CACA,eAAA,CACA,iBAAA,CACA,wBAAmB,CA/K/B,gDAmLY,YAAA,CACA,6BAAA,CACA,wBAAmB,CArL/B,mDAwLgB,QAAO,CAxLvB,0DA2LoB,oBAAA,CACA,aAAA,CACA,sBAAA,CACA,iBAAA,CACA,QAAA,CACA,wBAAmB,CAhMvC,2DAoMoB,aAAA,CACA,aAAA,CACA,iBAAkB,CAtMtC,gEAyMwB,eAAA,CACA,aAAc,CA1MtC,oDAkNgB,iBAAA,CACA,iBAAA,CACA,oBAAA,CACA,aAAA,CACA,wBAAmB,CAtNnC,2DA2NoB,QAMmB,CAjOvC,qHAyNoB,iBAAA,CACA,OAAA,CAEA,kCAAA,CAAA,0BAAA,CACA,UAAA,CACA,aAAA,CACA,iBAAA,CACA,UAAA,CACA,kBAYmB,CA7OvC,0DAuOoB,SAMmB,CA7OvC,gDAkPgB,YAAA,CACA,4BAAA,CACA,oBAAA,CACA,iBAAkB,CArPlC,mDAwPoB,eAAA,CACA,aAAc,CAzPlC,6DA4PwB,qBAAA,CACA,aAAc,CA7PtC,mCAoQY,iBAAA,CACA,QAAA,CACA,kCAAA,CAAA,0BAAA,CACA,cAAA,CACA,UAAA,CACA,aAAe,CAzQ3B,oCA6QY,cAAA,CACA,KAAA,CACA,MAAA,CACA,UAAA,CACA,WAAA,CACA,yBAAA,CACA,iBAAA,CACA,WAAY,CCtRxB,gBACI,cAAA,CACA,mCAA8B,CAFlC,uBAKQ,oBAAA,CACA,gBAAA,CACA,cAAgB,CAPxB,sBAWQ,YAAA,CACA,cAAA,CACA,WAAY,CAbpB,6BAgBY,aAAe,CAhB3B,2BAoBY,oBAAA,CACA,sBAAA,CACA,qBAAsB,CAtBlC,6BA2BY,aAAA,CACA,oBAAA,CACA,uBAAkB,CA7B9B,mCAiCY,4BAAA,CACA,UAAA,CACA,eApGE,CAiEd,8BAuCY,mBAAoB,CCvChC,kBACI,kBAAA,CACA,+BAAA,CACA,iBAAkB,CAHtB,2BAMQ,YAAA,CACA,WAAA,CACA,yBAAA,CACA,+BAzBW,CAgBnB,kCAYY,aAAA,CACA,uBAAA,CACA,iBAAkB,CAd9B,sCAgBgB,UAAA,CACA,aAAA,CACA,kBAAkB,CAlBlC,0CAsBY,UAAA,CACA,YAAA,CACA,iBAAA,CACA,WAAA,CACA,2BAAA,CACA,iBAAA,CACA,iBAAA,CACA,UAAA,CACA,oBAAe,CC9B3B,8BAEQ,4BAA6B,CAFrC,kBAKQ,uBAAA,CACA,+BAAA,CACA,aAAe,CAPvB,sCAYgB,wBAAA,CACA,UA7GH,CAgGb,mCAgBgB,4BAAA,CACA,eAlFF,CAiEd,oDAmBoB,eAAA,CACA,UApHP,CAgGb,+BA0BY,kBAAA,CACA,aAAA,CACA,aAAe,CA5B3B,yCA+BgB,oBAAe,CA/B/B,4BAoCY,gBAAA,CACA,iBAAA,CACA,kBAAA,CACA,iBAAA,CACA,sBAAA,CACA,eAAA,CACA,UAAA,CACA,gCAAiC,CA3C7C,sCA8CgB,eAAe,CA9C/B,sBAqDQ,oBAAA,CACA,SAAA,CACA,kBAAA,CACA,eAAA,CACA,sBAAA,CACA,oBAAA,CACA,uBAAkB,CA3D1B,yBA+DQ,oBAAA,CACA,oBAAA,CACA,eAAgB,CAjExB,yBAqEQ,WAAY,CArEpB,mCA0EQ,UA1KK,CCgGb,uBAEQ,UAAA,CACA,eAAA,CACA,eAAA,CACA,UAAA,CACA,wBAAA,CACA,iBAAkB,CAP1B,0BAYQ,iBAAiB,CAZzB,uCAgBQ,kBAAoB,CChB5B,WACE,cAAA,CACA,KAAA,CACA,MAAA,CACA,OAAA,CACA,QAAA,CACA,+BAAA,CACA,SAAU,CAPZ,oBAUI,UAAA,CACA,iBAAA,CACA,qBAAA,CACA,sBAAA,CACA,kBAAkB,CAdtB,kBAkBI,UAAA,CACA,oBAAA,CACA,iBAAA,CACA,QAAA,CACA,uBAAkB,CAtBtB,gBA0BI,iBAAA,CACA,YAAA,CACA,gBAAA,CACA,UAAA,CACA,UAAA,CACA,kBAAA,CACA,oBAAA,CACA,UAAA,CACA,iBAAA,CACA,eAAiB,CAnCrB,uBAwCI,wBA3Ee,CAmCnB,uBA4CI,wBA9Ee,CAkCnB,mBAgDI,UAAA,CACA,YAAA,CACA,iBAAA,CACA,iBAAkB,CAnDtB,qBAsDM,eAAe,CAtDrB,wBA0DM,eAAA,CACA,sBAAA,CACA,0BAA2B,CA5DjC,8BAiEI,kBAAA,CACA,kCAAA,CACA,6BAAkB,CAnEtB,yCAsEM,kBAAA,CACA,4BAxFO,CAiBb,8CA0EQ,eAAA,CACA,UApKQ,CAyFhB,2CA+EQ,iBAAA,CACA,sBAAA,CACA,aAAA,CACA,oBAAA,CACA,iBAAA,CACA,qBAAe,CApFvB,2CAyFM,oBAAe,CAzFrB,6CA4FQ,iBAAA,CACA,sBAAA,CACA,qBAAA,CACA,UA1LQ,CA2FhB,kDAkGU,UA3LM,CAyFhB,4CAwGM,qBAAgB,CAxGtB,kDA2GQ,oBAAA,CACA,UAAA,CACA,4BAAA,CACA,UAAA,CACA,eAAA,CACA,yBAAmB,CAhH3B,8CAoHQ,iBAAA,CACA,sBAAA,CACA,qBAAA,CACA,iBAAkB,CAvH1B,0DA0HU,oBAAA,CACA,aAAc,CA3HxB,+DA+HU,oBAAA,CACA,aAAc,CAhIxB,mDAoIU,oBAAA,CACA,sBAAA,CACA,UAAA,CACA,oBAAA,CACA,0BAA2B,CAxIrC,uEA4IU,iBAAA,CACA,OAAA,CACA,eAAe,CA9IzB,qDAkJU,UAzJO,CAOjB,uDAsJU,aAAc,CAtJxB,iBA6JI,aAAA,CACA,6BAAA,CACA,iBAAkB,CA/JtB,yBAkKM,UAAA,CACA,YAAA,CACA,iBAAiB,CApKvB,2BAuKQ,eAAe,CAvKvB,8BA2KQ,eAAA,CACA,sBAAA,CACA,0BAA2B,CA7KnC,sBAkLM,iBAAA,CACA,sBAAA,CACA,UAAA,CACA,oBAAA,CACA,cAAgB,CAtLtB,4BA2LI,aAAA,CACA,kCAAA,CACA,wBAAkB,CA7LtB,iCAgMM,YAAA,CACA,sBAAA,CACA,UAAA,CACA,oBAAA,CACA,gBAAgB,CApMtB,wCAwMM,kBAAY,CAxMlB,kBA6MI,WAAA,CACA,6BAAA,CACA,iBAAkB,CA/MtB,6BAiNM,cAAgB,CAjNtB,iCAmNQ,iBAAA,CACA,kBAAA,CACA,yBAAA,CACA,gBAAkB,CAtN1B,yBA0NM,iBAAA,CACA,UAAA,CACA,iBAAA,CACA,QAAA,CACA,UAAA,CACA,kBAAA,CACA,oBAAA,CACA,UAAA,CACA,iBAAA,CACA,eAAiB","file":"video.b3755c1b.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","@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    .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 .video-title {\n    background-color: #F5FBFF;\n    color: #09f; }\n  .video-catalog li.active .exercise {\n    border-top: 1px solid #E7EAF1;\n    font-size: 12px; }\n    .video-catalog li.active .exercise .iconiconfront-3 {\n      font-weight: bold;\n      color: #09f; }\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    font-size: 12px;\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\n.video-catalog .iconplay_hovericon {\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 .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","@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"]}