Commit 3d1121bc by zhanghaozhe

Merge branch 'ml'

# Conflicts:
#	build/asset-manifest.json
#	build/index.html
#	build/mrstatic/css/1.bff22cf8.chunk.css
#	build/mrstatic/css/1.bff22cf8.chunk.css.map
#	build/mrstatic/css/44.0c7eea28.chunk.css
#	build/mrstatic/css/44.0c7eea28.chunk.css.map
#	build/mrstatic/css/46.50547718.chunk.css
#	build/mrstatic/css/46.50547718.chunk.css.map
#	build/mrstatic/css/47.2471f477.chunk.css
#	build/mrstatic/css/47.2471f477.chunk.css.map
#	build/mrstatic/css/49.0bb224f2.chunk.css
#	build/mrstatic/css/49.0bb224f2.chunk.css.map
#	build/mrstatic/css/50.ecbb6f9a.chunk.css
#	build/mrstatic/css/50.ecbb6f9a.chunk.css.map
#	build/mrstatic/css/51.9f46e45e.chunk.css
#	build/mrstatic/css/51.9f46e45e.chunk.css.map
#	build/mrstatic/css/52.ee45d0b0.chunk.css
#	build/mrstatic/css/52.ee45d0b0.chunk.css.map
#	build/mrstatic/css/53.025e3921.chunk.css
#	build/mrstatic/css/53.025e3921.chunk.css.map
#	build/mrstatic/css/54.ab7f5e40.chunk.css
#	build/mrstatic/css/54.ab7f5e40.chunk.css.map
#	build/mrstatic/css/55.4c85e85c.chunk.css
#	build/mrstatic/css/55.4c85e85c.chunk.css.map
#	build/mrstatic/css/56.470b9744.chunk.css
#	build/mrstatic/css/56.470b9744.chunk.css.map
#	build/mrstatic/css/57.10a4034d.chunk.css
#	build/mrstatic/css/57.10a4034d.chunk.css.map
#	build/mrstatic/css/58.697fa90d.chunk.css
#	build/mrstatic/css/58.697fa90d.chunk.css.map
#	build/mrstatic/css/59.eb90513f.chunk.css
#	build/mrstatic/css/59.eb90513f.chunk.css.map
#	build/mrstatic/css/60.e51ea0fc.chunk.css
#	build/mrstatic/css/60.e51ea0fc.chunk.css.map
#	build/mrstatic/css/BargainMiddlePage.31cef199.chunk.css
#	build/mrstatic/css/BargainMiddlePage.31cef199.chunk.css.map
#	build/mrstatic/css/CourseList.47812ac6.chunk.css
#	build/mrstatic/css/CourseList.47812ac6.chunk.css.map
#	build/mrstatic/css/Preferential.18d20d0c.chunk.css
#	build/mrstatic/css/Preferential.18d20d0c.chunk.css.map
#	build/mrstatic/css/blessing-preheat.715eb28a.chunk.css
#	build/mrstatic/css/blessing-preheat.715eb28a.chunk.css.map
#	build/mrstatic/css/coupons.c10ecc19.chunk.css
#	build/mrstatic/css/coupons.c10ecc19.chunk.css.map
#	build/mrstatic/css/deposit-pay-order.219bad3d.chunk.css
#	build/mrstatic/css/deposit-pay-order.219bad3d.chunk.css.map
#	build/mrstatic/css/detail.581c1e79.chunk.css
#	build/mrstatic/css/detail.581c1e79.chunk.css.map
#	build/mrstatic/css/newyear-yearIndex.c8863d51.chunk.css
#	build/mrstatic/css/newyear-yearIndex.c8863d51.chunk.css.map
#	build/mrstatic/css/python-class.087d6571.chunk.css
#	build/mrstatic/css/python-class.087d6571.chunk.css.map
#	build/mrstatic/css/search.38c3e634.chunk.css
#	build/mrstatic/css/search.38c3e634.chunk.css.map
#	build/mrstatic/css/study.e406d228.chunk.css
#	build/mrstatic/css/video.e2426591.chunk.css
#	build/mrstatic/css/video.e2426591.chunk.css.map
#	build/mrstatic/js/0.831ae6fe.chunk.js
#	build/mrstatic/js/0.831ae6fe.chunk.js.map
#	build/mrstatic/js/1.0da84f78.chunk.js
#	build/mrstatic/js/2.4b0feba1.chunk.js
#	build/mrstatic/js/2.4b0feba1.chunk.js.map
#	build/mrstatic/js/3.23122e43.chunk.js
#	build/mrstatic/js/3.23122e43.chunk.js.map
#	build/mrstatic/js/44.2bdd7791.chunk.js.map
#	build/mrstatic/js/45.61d009e5.chunk.js.map
#	build/mrstatic/js/46.a629f588.chunk.js
#	build/mrstatic/js/46.a629f588.chunk.js.map
#	build/mrstatic/js/47.2ca99325.chunk.js
#	build/mrstatic/js/47.2ca99325.chunk.js.map
#	build/mrstatic/js/48.d4812779.chunk.js
#	build/mrstatic/js/48.d4812779.chunk.js.map
#	build/mrstatic/js/49.051942e7.chunk.js
#	build/mrstatic/js/49.051942e7.chunk.js.map
#	build/mrstatic/js/50.43f41e52.chunk.js
#	build/mrstatic/js/50.43f41e52.chunk.js.map
#	build/mrstatic/js/51.c8cb1e46.chunk.js
#	build/mrstatic/js/51.c8cb1e46.chunk.js.map
#	build/mrstatic/js/52.4034ab2b.chunk.js
#	build/mrstatic/js/52.4034ab2b.chunk.js.map
#	build/mrstatic/js/53.1f1008e3.chunk.js
#	build/mrstatic/js/53.1f1008e3.chunk.js.map
#	build/mrstatic/js/54.89c86038.chunk.js
#	build/mrstatic/js/54.89c86038.chunk.js.map
#	build/mrstatic/js/55.30d3c59c.chunk.js
#	build/mrstatic/js/55.30d3c59c.chunk.js.map
#	build/mrstatic/js/56.197c8c0d.chunk.js
#	build/mrstatic/js/56.197c8c0d.chunk.js.map
#	build/mrstatic/js/57.6f8154fc.chunk.js
#	build/mrstatic/js/57.6f8154fc.chunk.js.map
#	build/mrstatic/js/58.7e566970.chunk.js
#	build/mrstatic/js/58.7e566970.chunk.js.map
#	build/mrstatic/js/59.619ad0f3.chunk.js
#	build/mrstatic/js/59.619ad0f3.chunk.js.map
#	build/mrstatic/js/60.b6457fa4.chunk.js
#	build/mrstatic/js/60.b6457fa4.chunk.js.map
#	build/mrstatic/js/Activity.ac4a0fe5.chunk.js
#	build/mrstatic/js/Activity.ac4a0fe5.chunk.js.map
#	build/mrstatic/js/BargainMiddlePage.c947a931.chunk.js
#	build/mrstatic/js/BargainMiddlePage.c947a931.chunk.js.map
#	build/mrstatic/js/Classify.612ae3c5.chunk.js
#	build/mrstatic/js/Classify.612ae3c5.chunk.js.map
#	build/mrstatic/js/Country.fa37423d.chunk.js
#	build/mrstatic/js/Country.fa37423d.chunk.js.map
#	build/mrstatic/js/CourseList.2ba1a54d.chunk.js
#	build/mrstatic/js/CourseList.2ba1a54d.chunk.js.map
#	build/mrstatic/js/DrawDocument.45146edd.chunk.js
#	build/mrstatic/js/DrawDocument.45146edd.chunk.js.map
#	build/mrstatic/js/Examination.25a35bab.chunk.js
#	build/mrstatic/js/Examination.25a35bab.chunk.js.map
#	build/mrstatic/js/Invite.1117e4b3.chunk.js
#	build/mrstatic/js/Invite.1117e4b3.chunk.js.map
#	build/mrstatic/js/MyEdit.63615b98.chunk.js
#	build/mrstatic/js/MyEdit.63615b98.chunk.js.map
#	build/mrstatic/js/Order.f200ccd5.chunk.js
#	build/mrstatic/js/Order.f200ccd5.chunk.js.map
#	build/mrstatic/js/Orderinfo.fc86a9c4.chunk.js
#	build/mrstatic/js/Orderinfo.fc86a9c4.chunk.js.map
#	build/mrstatic/js/PayOrder.76639379.chunk.js
#	build/mrstatic/js/PayOrder.76639379.chunk.js.map
#	build/mrstatic/js/Preferential.215db653.chunk.js
#	build/mrstatic/js/Preferential.215db653.chunk.js.map
#	build/mrstatic/js/SearchResult.a74f8ae8.chunk.js
#	build/mrstatic/js/SearchResult.a74f8ae8.chunk.js.map
#	build/mrstatic/js/ShareCourse.9aab6716.chunk.js
#	build/mrstatic/js/ShareCourse.9aab6716.chunk.js.map
#	build/mrstatic/js/ShopCart.b35dc7d9.chunk.js
#	build/mrstatic/js/ShopCart.b35dc7d9.chunk.js.map
#	build/mrstatic/js/aist-share.bbf6875f.chunk.js
#	build/mrstatic/js/aist-share.bbf6875f.chunk.js.map
#	build/mrstatic/js/blessing-getPrize.58ca9c98.chunk.js
#	build/mrstatic/js/blessing-getPrize.58ca9c98.chunk.js.map
#	build/mrstatic/js/blessing-preheat.ca3de4ce.chunk.js
#	build/mrstatic/js/blessing-preheat.ca3de4ce.chunk.js.map
#	build/mrstatic/js/blessing-rank.6f70f5fc.chunk.js
#	build/mrstatic/js/blessing-rank.6f70f5fc.chunk.js.map
#	build/mrstatic/js/coupons.7be5e097.chunk.js
#	build/mrstatic/js/coupons.7be5e097.chunk.js.map
#	build/mrstatic/js/deposit-order.1187f849.chunk.js
#	build/mrstatic/js/deposit-order.1187f849.chunk.js.map
#	build/mrstatic/js/deposit-pay-order.2c2fc773.chunk.js
#	build/mrstatic/js/deposit-pay-order.2c2fc773.chunk.js.map
#	build/mrstatic/js/detail.0fe7478f.chunk.js
#	build/mrstatic/js/detail.0fe7478f.chunk.js.map
#	build/mrstatic/js/myorders.a4d64920.chunk.js
#	build/mrstatic/js/myorders.a4d64920.chunk.js.map
#	build/mrstatic/js/prize-winner-list.14afff0f.chunk.js
#	build/mrstatic/js/prize-winner-list.14afff0f.chunk.js.map
#	build/mrstatic/js/purchased.ba560357.chunk.js
#	build/mrstatic/js/purchased.ba560357.chunk.js.map
#	build/mrstatic/js/python-class.06270f73.chunk.js
#	build/mrstatic/js/python-class.06270f73.chunk.js.map
#	build/mrstatic/js/search.f4043014.chunk.js
#	build/mrstatic/js/search.f4043014.chunk.js.map
#	build/mrstatic/js/shareposter.2b476388.chunk.js
#	build/mrstatic/js/shareposter.2b476388.chunk.js.map
#	build/mrstatic/js/system-notices.a2a84595.chunk.js
#	build/mrstatic/js/system-notices.a2a84595.chunk.js.map
#	build/mrstatic/js/togroup.3bb0e7fd.chunk.js
#	build/mrstatic/js/togroup.3bb0e7fd.chunk.js.map
#	build/service-worker.js
#	src/router/router-config.js
parents 6e45cae3 828d0fe4
{
"short_name": "React App",
"name": "Create React App Sample",
"icons": [
{
"src": "favicon.ico",
"sizes": "64x64 32x32 24x24 16x16",
"type": "image/x-icon"
}
],
"start_url": ".",
"display": "standalone",
"theme_color": "#000000",
"background_color": "#ffffff"
}
.am-checkbox{position:relative;display:inline-block;vertical-align:middle;width:5.6vw;height:5.6vw}.am-checkbox-inner{position:absolute;right:0;width:5.6vw;height:5.6vw;border:1px solid #ccc;border-radius:50%;-webkit-transform:rotate(0deg);transform:rotate(0deg);box-sizing:border-box}.am-checkbox-inner:after{position:absolute;display:none;top:.4vw;right:1.6vw;z-index:999;width:1.333333vw;height:2.933333vw;border-style:solid;border-width:0 1px 1px 0;content:" ";-webkit-transform:rotate(45deg);transform:rotate(45deg)}.am-checkbox-input{position:absolute;top:0;left:0;opacity:0;width:100%;height:100%;z-index:2;border:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}.am-checkbox.am-checkbox-checked .am-checkbox-inner{border-color:#108ee9;background:#108ee9}.am-checkbox.am-checkbox-checked .am-checkbox-inner:after{display:block;border-color:#fff}.am-checkbox.am-checkbox-disabled{opacity:.3}.am-checkbox.am-checkbox-disabled.am-checkbox-checked .am-checkbox-inner{border-color:#888;background:none}.am-checkbox.am-checkbox-disabled.am-checkbox-checked .am-checkbox-inner:after{border-color:#888}.am-list .am-list-item.am-checkbox-item .am-list-thumb{width:5.6vw;height:5.6vw}.am-list .am-list-item.am-checkbox-item .am-list-thumb .am-checkbox{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:11.733333vw}.am-list .am-list-item.am-checkbox-item .am-list-thumb .am-checkbox-inner{left:4vw;top:3.2vw}.am-list .am-list-item.am-checkbox-item.am-checkbox-item-disabled .am-list-content{color:#bbb}.am-checkbox-agree{position:relative;display:flex;align-items:stretch;margin-left:4vw;padding-top:2.4vw;padding-bottom:2.4vw}.am-checkbox-agree .am-checkbox{position:absolute;left:0;top:0;width:8vw;height:100%}.am-checkbox-agree .am-checkbox-inner{left:0;top:3.2vw}.am-checkbox-agree .am-checkbox-agree-label{display:inline-block;font-size:4vw;color:#000;line-height:1.5;margin-left:8vw;margin-top:1PX}
/*# sourceMappingURL=2.5ed15c7e.chunk.css.map */
\ No newline at end of file
{"version":3,"sources":["/Users/zhanghaozhe/server/mr-julyedu/node_modules/antd-mobile/lib/checkbox/style/index.css","2.5ed15c7e.chunk.css"],"names":[],"mappings":"AAAA,aACE,iBAAA,CACA,oBAAA,CACA,qBAAA,CACA,WAAA,CACA,YCCF,CDCA,mBACE,iBAAA,CACA,OAAA,CACA,WAAA,CACA,YAAA,CACA,qBAAA,CACA,iBAAA,CACA,8BAAA,CAEQ,sBAAA,CAEA,qBCDV,CDGA,yBACE,iBAAA,CACA,YAAA,CACA,QAAA,CACA,WAAA,CACA,WAAA,CACA,gBAAA,CACA,iBAAA,CACA,kBAAA,CACA,wBAAA,CACA,WAAA,CACA,+BAAA,CAEQ,uBCFV,CDIA,mBACE,iBAAA,CACA,KAAA,CACA,MAAA,CACA,SAAA,CACA,UAAA,CACA,WAAA,CACA,SAAA,CACA,QAAA,CACA,uBAAA,CACG,oBAAA,CACK,eCFV,CDIA,oDACE,oBAAA,CACA,kBCFF,CDIA,0DACE,aAAA,CACA,iBCFF,CDIA,kCACE,UCFF,CDIA,yEACE,iBAAA,CACA,eCFF,CDIA,+EACE,iBCFF,CDIA,uDACE,WAAA,CACA,YCFF,CDIA,oEACE,iBAAA,CACA,KAAA,CACA,MAAA,CACA,OAAA,CACA,QAAA,CACA,UAAA,CACA,kBCFF,CDIA,0EACE,QAAA,CACA,SCFF,CDIA,mFACE,UCFF,CDIA,mBACE,iBAAA,CAIA,YAAA,CAIQ,mBAAA,CACR,eAAA,CACA,iBAAA,CACA,oBCRF,CDUA,gCACE,iBAAA,CACA,MAAA,CACA,KAAA,CACA,SAAA,CACA,WCRF,CDUA,sCACE,MAAA,CACA,SCRF,CDUA,4CACE,oBAAA,CACA,aAAA,CACA,UAAA,CACA,eAAA,CACA,eAAA,CACA,cCRF","file":"2.5ed15c7e.chunk.css","sourcesContent":[".am-checkbox {\n position: relative;\n display: inline-block;\n vertical-align: middle;\n width: 21px;\n height: 21px;\n}\n.am-checkbox-inner {\n position: absolute;\n right: 0;\n width: 21px;\n height: 21px;\n border: 1px solid #ccc;\n border-radius: 50%;\n -webkit-transform: rotate(0deg);\n -ms-transform: rotate(0deg);\n transform: rotate(0deg);\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n}\n.am-checkbox-inner:after {\n position: absolute;\n display: none;\n top: 1.5px;\n right: 6px;\n z-index: 999;\n width: 5px;\n height: 11px;\n border-style: solid;\n border-width: 0 1px 1px 0;\n content: '\\0020';\n -webkit-transform: rotate(45deg);\n -ms-transform: rotate(45deg);\n transform: rotate(45deg);\n}\n.am-checkbox-input {\n position: absolute;\n top: 0;\n left: 0;\n opacity: 0;\n width: 100%;\n height: 100%;\n z-index: 2;\n border: 0 none;\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n}\n.am-checkbox.am-checkbox-checked .am-checkbox-inner {\n border-color: #108ee9;\n background: #108ee9;\n}\n.am-checkbox.am-checkbox-checked .am-checkbox-inner:after {\n display: block;\n border-color: #fff;\n}\n.am-checkbox.am-checkbox-disabled {\n opacity: 0.3;\n}\n.am-checkbox.am-checkbox-disabled.am-checkbox-checked .am-checkbox-inner {\n border-color: #888;\n background: none;\n}\n.am-checkbox.am-checkbox-disabled.am-checkbox-checked .am-checkbox-inner:after {\n border-color: #888;\n}\n.am-list .am-list-item.am-checkbox-item .am-list-thumb {\n width: 21px;\n height: 21px;\n}\n.am-list .am-list-item.am-checkbox-item .am-list-thumb .am-checkbox {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n width: 100%;\n height: 44px;\n}\n.am-list .am-list-item.am-checkbox-item .am-list-thumb .am-checkbox-inner {\n left: 15px;\n top: 12px;\n}\n.am-list .am-list-item.am-checkbox-item.am-checkbox-item-disabled .am-list-content {\n color: #bbb;\n}\n.am-checkbox-agree {\n position: relative;\n display: -webkit-box;\n display: -webkit-flex;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-align: stretch;\n -webkit-align-items: stretch;\n -ms-flex-align: stretch;\n align-items: stretch;\n margin-left: 15px;\n padding-top: 9px;\n padding-bottom: 9px;\n}\n.am-checkbox-agree .am-checkbox {\n position: absolute;\n left: 0;\n top: 0;\n width: 30px;\n height: 100%;\n}\n.am-checkbox-agree .am-checkbox-inner {\n left: 0;\n top: 12px;\n}\n.am-checkbox-agree .am-checkbox-agree-label {\n display: inline-block;\n font-size: 15px;\n color: #000;\n line-height: 1.5;\n margin-left: 30px;\n margin-top: 1PX;\n}\n",".am-checkbox {\n position: relative;\n display: inline-block;\n vertical-align: middle;\n width: 5.6vw;\n height: 5.6vw;\n}\n.am-checkbox-inner {\n position: absolute;\n right: 0;\n width: 5.6vw;\n height: 5.6vw;\n border: 1px solid #ccc;\n border-radius: 50%;\n -webkit-transform: rotate(0deg);\n transform: rotate(0deg);\n box-sizing: border-box;\n}\n.am-checkbox-inner:after {\n position: absolute;\n display: none;\n top: 0.4vw;\n right: 1.6vw;\n z-index: 999;\n width: 1.333333vw;\n height: 2.933333vw;\n border-style: solid;\n border-width: 0 1px 1px 0;\n content: ' ';\n -webkit-transform: rotate(45deg);\n transform: rotate(45deg);\n}\n.am-checkbox-input {\n position: absolute;\n top: 0;\n left: 0;\n opacity: 0;\n width: 100%;\n height: 100%;\n z-index: 2;\n border: 0 none;\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n}\n.am-checkbox.am-checkbox-checked .am-checkbox-inner {\n border-color: #108ee9;\n background: #108ee9;\n}\n.am-checkbox.am-checkbox-checked .am-checkbox-inner:after {\n display: block;\n border-color: #fff;\n}\n.am-checkbox.am-checkbox-disabled {\n opacity: 0.3;\n}\n.am-checkbox.am-checkbox-disabled.am-checkbox-checked .am-checkbox-inner {\n border-color: #888;\n background: none;\n}\n.am-checkbox.am-checkbox-disabled.am-checkbox-checked .am-checkbox-inner:after {\n border-color: #888;\n}\n.am-list .am-list-item.am-checkbox-item .am-list-thumb {\n width: 5.6vw;\n height: 5.6vw;\n}\n.am-list .am-list-item.am-checkbox-item .am-list-thumb .am-checkbox {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n width: 100%;\n height: 11.733333vw;\n}\n.am-list .am-list-item.am-checkbox-item .am-list-thumb .am-checkbox-inner {\n left: 4vw;\n top: 3.2vw;\n}\n.am-list .am-list-item.am-checkbox-item.am-checkbox-item-disabled .am-list-content {\n color: #bbb;\n}\n.am-checkbox-agree {\n position: relative;\n display: flex;\n align-items: stretch;\n margin-left: 4vw;\n padding-top: 2.4vw;\n padding-bottom: 2.4vw;\n}\n.am-checkbox-agree .am-checkbox {\n position: absolute;\n left: 0;\n top: 0;\n width: 8vw;\n height: 100%;\n}\n.am-checkbox-agree .am-checkbox-inner {\n left: 0;\n top: 3.2vw;\n}\n.am-checkbox-agree .am-checkbox-agree-label {\n display: inline-block;\n font-size: 4vw;\n color: #000;\n line-height: 1.5;\n margin-left: 8vw;\n margin-top: 1PX;\n}\n\n"]}
\ No newline at end of file
.am-accordion{position:relative;border-top:1px solid #ddd}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:2dppx){html:not([data-scale]) .am-accordion{border-top:none}html:not([data-scale]) .am-accordion:before{content:"";position:absolute;background-color:#ddd;display:block;z-index:1;top:0;right:auto;bottom:auto;left:0;width:100%;height:1PX;-webkit-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-transform:scaleY(.5);transform:scaleY(.5)}}@media (-webkit-min-device-pixel-ratio:2) and (-webkit-min-device-pixel-ratio:3),(min-resolution:2dppx) and (min-resolution:3dppx){html:not([data-scale]) .am-accordion:before{-webkit-transform:scaleY(.33);transform:scaleY(.33)}}.am-accordion-anim-active{-webkit-transition:all .2s ease-out;transition:all .2s ease-out}.am-accordion .am-accordion-item .am-accordion-header{position:relative;color:#000;font-size:4.533333vw;height:11.733333vw;line-height:11.733333vw;background-color:#fff;box-sizing:initial;padding-left:4vw;padding-right:8vw;border-bottom:1px solid #ddd;width:auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:2dppx){html:not([data-scale]) .am-accordion .am-accordion-item .am-accordion-header{border-bottom:none}html:not([data-scale]) .am-accordion .am-accordion-item .am-accordion-header:after{content:"";position:absolute;background-color:#ddd;display:block;z-index:1;top:auto;right:auto;bottom:0;left:0;width:100%;height:1PX;-webkit-transform-origin:50% 100%;transform-origin:50% 100%;-webkit-transform:scaleY(.5);transform:scaleY(.5)}}@media (-webkit-min-device-pixel-ratio:2) and (-webkit-min-device-pixel-ratio:3),(min-resolution:2dppx) and (min-resolution:3dppx){html:not([data-scale]) .am-accordion .am-accordion-item .am-accordion-header:after{-webkit-transform:scaleY(.33);transform:scaleY(.33)}}.am-accordion .am-accordion-item .am-accordion-header i{position:absolute;display:block;top:4vw;right:4vw;width:4vw;height:4vw;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='26' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 0L0 2l11.5 11L0 24l2 2 14-13z' fill='%23C7C7CC' fill-rule='evenodd'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat;background-position:50% 50%;-webkit-transform:rotate(90deg);transform:rotate(90deg);-webkit-transition:-webkit-transform .2s ease;transition:-webkit-transform .2s ease;transition:transform .2s ease;transition:transform .2s ease,-webkit-transform .2s ease}.am-accordion .am-accordion-item .am-accordion-header[aria-expanded~=true] i{-webkit-transform:rotate(270deg);transform:rotate(270deg)}.am-accordion .am-accordion-item .am-accordion-content{overflow:hidden;background:#fff}.am-accordion .am-accordion-item .am-accordion-content .am-accordion-content-box{font-size:4vw;color:#333;position:relative;border-bottom:1px solid #ddd}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:2dppx){html:not([data-scale]) .am-accordion .am-accordion-item .am-accordion-content .am-accordion-content-box{border-bottom:none}html:not([data-scale]) .am-accordion .am-accordion-item .am-accordion-content .am-accordion-content-box:after{content:"";position:absolute;background-color:#ddd;display:block;z-index:1;top:auto;right:auto;bottom:0;left:0;width:100%;height:1PX;-webkit-transform-origin:50% 100%;transform-origin:50% 100%;-webkit-transform:scaleY(.5);transform:scaleY(.5)}}@media (-webkit-min-device-pixel-ratio:2) and (-webkit-min-device-pixel-ratio:3),(min-resolution:2dppx) and (min-resolution:3dppx){html:not([data-scale]) .am-accordion .am-accordion-item .am-accordion-content .am-accordion-content-box:after{-webkit-transform:scaleY(.33);transform:scaleY(.33)}}.am-accordion .am-accordion-item .am-accordion-content .am-accordion-content-box .am-list-body{border-top:0}.am-accordion .am-accordion-item .am-accordion-content .am-accordion-content-box .am-list-body:before{display:none!important}.am-accordion .am-accordion-item .am-accordion-content.am-accordion-content-inactive{display:none}#root,body,html{height:100%}.am-accordion.python-study__stage .am-accordion-item .am-accordion-header{height:11.733333vw;padding-left:3.466667vw;font-size:4vw;font-weight:600;color:#333;background-color:#cfdbe5;border-radius:1.066667vw}.am-accordion.python-study__stage .am-accordion-item-active .am-accordion-header{border-radius:1.066667vw 1.066667vw 0 0}html:not([data-scale]) .am-accordion:before{background-color:#f4f5f6}.am-accordion.python-study__stage .am-accordion-item{margin-top:4vw}.am-accordion.python-study__stage .am-accordion-item .am-accordion-content{padding-bottom:2.666667vw;border-radius:0 0 1.066667vw 1.066667vw}.am-accordion.python-study__stage .am-accordion-item:first-child{margin-top:0}html:not([data-scale]) .am-accordion.python-study__stage .am-accordion-item .am-accordion-content .am-accordion-content-box:after{display:none}.am-accordion.python-study__stage .am-accordion-item .am-accordion-header i{background-image:url(https://julyedu-cdn.oss-cn-beijing.aliyuncs.com/pythonCourse/h5/subject-icon-arrow.png)}.python-study{height:100%;background-color:#f4f5f6;padding-bottom:4vw}.python-study__header{margin:2.666667vw 2.666667vw 4.8vw;border-radius:1.333333vw;background-color:#fff;overflow:hidden}.python-study__course{display:flex;align-items:center;justify-content:space-between;position:relative;height:14.666667vw;padding:0 3.2vw;background-color:#1a9bfc}.python-study__course:after{left:-16vw;top:0;width:38.933333vw;background-image:url(https://julyedu-cdn.oss-cn-beijing.aliyuncs.com/pythonCourse/pc/python-title-bg-1.png)}.python-study__course:after,.python-study__course:before{content:"";position:absolute;height:100%;background-repeat:no-repeat;background-size:100% auto}.python-study__course:before{right:-16vw;bottom:-5.333333vw;width:28.266667vw;background-image:url(https://julyedu-cdn.oss-cn-beijing.aliyuncs.com/pythonCourse/pc/python-title-bg-0.png)}.python-study__course-name{font-size:4vw;font-weight:600;color:#fff}.python-study__course-contact{display:inline-flex;flex-direction:column;align-items:flex-end;font-size:3.2vw;color:hsla(0,0%,100%,.8)}.python-study__progress{color:hsla(0,0%,100%,.8);height:17.6vw;padding:0 3.2vw}.python-study__progress-title{font-size:3.733333vw;font-weight:600;color:rgba(51,51,51,.6);line-height:10.4vw}.python-study__progress-bar{position:relative;height:.8vw;margin:4.8vw 0 4vw;border-radius:.533333vw;background-color:rgba(207,219,229,.6)}.python-study__progress-bar i{position:absolute;width:10%;height:100%;border-radius:.533333vw;background-color:#1a9bfc}.python-study__progress-tip{position:absolute;top:-6.933333vw;width:9.6vw;margin-left:-4.8vw;border-radius:1.066667vw;font-size:3.2vw;font-weight:600;color:#fff;text-align:center;line-height:4.8vw;background-color:#1a9bfc}.python-study__progress-tip:after{content:"";position:absolute;left:50%;bottom:-2.133333vw;margin-left:-1.066667vw;border:1.066667vw solid transparent;border-top-color:#1a9bfc}.python-study__stage{padding:0 2.666667vw 16vw;border-radius:1.066667vw;overflow:hidden;background-color:#f4f5f6}.python-study__pass{margin:0 3.466667vw;padding-top:1.866667vw;font-size:3.733333vw;font-weight:600;color:#333;line-height:10.666667vw}.python-study__pass-tag{display:inline-block;width:16.533333vw;margin-left:1.6vw;border-radius:2.933333vw;font-size:3.2vw;font-style:normal;font-weight:600;color:#1a9bfc;text-align:center;line-height:5.6vw;background-color:rgba(26,155,252,.1)}.python-study__subject{height:17.866667vw;margin:0 2.133333vw 2.133333vw;padding:1.6vw;border-radius:1.066667vw;box-sizing:border-box;background-color:#f7f8f9}.python-study__subject[data-status=lock]{background-color:rgba(247,248,249,.6)}.python-study__subject-icon{float:left;width:14.666667vw;height:14.666667vw;border-radius:1.066667vw;background-color:#fff;overflow:hidden}.python-study__subject-status{position:absolute;right:4.533333vw;width:5.6vw;height:5.6vw;background-size:cover}.python-study__subject-status[data-status=complete]{background-image:url(https://julyedu-cdn.oss-cn-beijing.aliyuncs.com/pythonCourse/h5/subject-icon-0.png)}.python-study__subject-status[data-status=lock]{background-image:url(https://julyedu-cdn.oss-cn-beijing.aliyuncs.com/pythonCourse/h5/subject-icon-1.png)}.python-study__subject-content{height:100%;margin-left:14.666667vw;padding:0 8.8vw 0 3.2vw;position:relative}.python-study__subject-title{max-width:58.666667vw;width:60.8vw;font-size:3.733333vw;color:#333;line-height:4.8vw}.python-study__subject-title[data-status=lock]{color:#525c65}.python-study__subject-tag{display:inline-block;padding:0 1.066667vw;border-radius:.533333vw;font-size:3.2vw;color:#525c65;line-height:4.8vw;background-color:rgba(82,92,101,.1);position:absolute;bottom:0}.python-study__button{position:fixed;bottom:0;width:100%;height:13.333333vw;line-height:13.333333vw;border-style:none;box-sizing:border-box;font-size:4.266667vw;font-weight:600;color:#fff;text-align:center;background-color:#1a9bfc;z-index:1}.python-study__over{background-color:#ccc}.mask_container{position:fixed;left:0;bottom:0;right:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.8);z-index:100}.mask_container .close_btn{width:8vw;height:8vw;bottom:-16.533333vw}.mask_container .close_btn,.mask_container .content{position:absolute;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.mask_container .content{width:80vw;height:52.266667vw;background:#fff;border-radius:1.066667vw;top:45.333333vw}.mask_container .content .title{font-size:4.8vw;line-height:4.8vw;color:#09f;margin:6.4vw auto 0;text-align:center}.mask_container .content .tip{font-size:3.733333vw;color:#666;line-height:5.333333vw;margin:5.333333vw auto 0;width:69.333333vw}.mask_container .content .btn{width:69.333333vw;height:9.6vw;line-height:9.6vw;text-align:center;background:#09f;border-radius:.8vw;font-size:4.266667vw;color:#fff;margin:9.6vw auto 0}
/*# sourceMappingURL=3.0fbd0802.chunk.css.map */
\ No newline at end of file
#root,.page-body,body{height:100%}.country-header{margin:0;padding:0 3.466667vw;font-size:4vw;font-family:Hiragino Sans GB;font-weight:400;color:#3e3e3e;line-height:7.466667vw;background-color:#f5f5f5}.country-list .country-item:nth-child(n+2){border-top:1px solid #ececec}.country-item{margin-left:3.2vw;padding-right:5.866667vw}.country-item__link{display:flex;align-items:center;justify-content:space-between;height:13.333333vw}.country-name{color:#3e3e3e}.country-name,.country-num{font-size:4vw;font-family:Hiragino Sans GB}.country-num{color:#555}.letter-nav{position:fixed;top:11.733333vw;bottom:0;right:.533333vw;height:124.8vw;margin:auto;z-index:999}.letter-nav__item{width:3.2vw;margin-bottom:1.6vw;font-size:2.666667vw;font-family:Hiragino Sans GB;color:#09f;text-align:center;line-height:3.2vw;cursor:pointer}.letter-nav__item--active{border-radius:50%;color:#fff;background-color:#09f}
/*# sourceMappingURL=Country.16a64650.chunk.css.map */
\ No newline at end of file
{"version":3,"sources":["/Users/zhanghaozhe/server/mr-julyedu/src/components/country/index.scss"],"names":[],"mappings":"AA2GA,sBACE,WAAY,CAId,gBACE,QAAA,CACA,oBAAA,CACA,aAAA,CACA,4BAAA,CACA,eAAA,CACA,aAAA,CACA,sBAAA,CACA,wBAAyB,CAG3B,2CAKM,4BAA6B,CAKnC,cACE,iBAAA,CACA,wBAAmB,CAGrB,oBACE,YAAA,CACA,kBAAA,CACA,6BAAA,CACA,kBAAY,CAGd,cAGE,aAAc,CAGhB,2BALE,aAAA,CACA,4BAOW,CAHb,aAGE,UAAW,CAIb,YACE,cAAA,CACA,eAAA,CACA,QAAA,CACA,eAAA,CACA,cAAA,CACA,WAAA,CACA,WAAY,CAGd,kBACE,WAAA,CAEA,mBAAA,CACA,oBAAA,CACA,4BAAA,CACA,UAAA,CACA,iBAAA,CACA,iBAAA,CACA,cAAe,CAGjB,0BACE,iBAAA,CACA,UAAA,CACA,qBAAyB","file":"Country.16a64650.chunk.css","sourcesContent":["@charset \"UTF-8\";\n/*\n * @ 文字颜色\n */\n/*\n * @ 文字大小\n */\n/*\n * @ 背景颜色\n */\n/*\n * @ 分割线颜色\n */\n/*\n * @ 边框颜色\n */\n/*\n * @ 标签颜色\n */\nbody {\n height: 100%; }\n\n#root {\n height: 100%; }\n\n.page-body {\n height: 100%; }\n\n.country-header {\n margin: 0;\n padding: 0 13px;\n font-size: 15px;\n font-family: Hiragino Sans GB;\n font-weight: normal;\n color: #3E3E3E;\n line-height: 28px;\n background-color: #F5F5F5; }\n\n.country-list .country-item:nth-child(n+2) {\n border-top: 1px solid #ECECEC; }\n\n.country-item {\n margin-left: 12px;\n padding-right: 22px; }\n\n.country-item__link {\n display: flex;\n align-items: center;\n justify-content: space-between;\n height: 50px; }\n\n.country-name {\n font-size: 15px;\n font-family: Hiragino Sans GB;\n color: #3E3E3E; }\n\n.country-num {\n font-size: 15px;\n font-family: Hiragino Sans GB;\n color: #555; }\n\n.letter-nav {\n position: fixed;\n top: 44px;\n bottom: 0;\n right: 2px;\n height: 468px;\n margin: auto;\n z-index: 999; }\n\n.letter-nav__item {\n width: 12px;\n margin-bottom: 6px;\n font-size: 10px;\n font-family: Hiragino Sans GB;\n color: #0099FF;\n text-align: center;\n line-height: 12px;\n cursor: pointer; }\n\n.letter-nav__item--active {\n border-radius: 50%;\n color: #fff;\n background-color: #0099FF; }\n"]}
\ No newline at end of file
.drawDocument{background-color:#f7f9fc}.drawDocument .navbar{font-size:4.266667vw;color:#333;height:11.733333vw;position:relative}.drawDocument .navbar i{font-size:5.866667vw;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.drawDocument .navbar div{margin:0 auto;height:11.733333vw;line-height:11.733333vw;text-align:center}.drawDocument .content{background-color:#fff;padding-top:5.333333vw}.drawDocument .bottom{height:11.733333vw;width:100%;position:fixed;bottom:0;left:0;right:0;border-top:1px solid #ddd}.drawDocument .bottom .tip{color:#555;font-size:3.2vw;padding-left:1.333333vw}.drawDocument .bottom .app{width:23.466667vw;height:5.866667vw;line-height:5.866667vw;text-align:center;border:1px solid #09f;border-radius:2.933333vw;font-size:3.2vw;color:#09f}
/*# sourceMappingURL=DrawDocument.2e7d81ca.chunk.css.map */
\ No newline at end of file
{"version":3,"sources":["/Users/zhanghaozhe/server/mr-julyedu/src/components/scholarship/DrawDocument/DrawDocument.scss"],"names":[],"mappings":"AAmGA,cACI,wBAAyB,CAD7B,sBAIQ,oBAAA,CACA,UAAA,CACA,kBAAA,CACA,iBAAkB,CAP1B,wBAUY,oBAAA,CACA,iBAAA,CACA,OAAA,CACA,kCAAA,CAAA,0BAA2B,CAbvC,0BAgBY,aAAA,CACA,kBAAA,CACA,uBAAA,CACA,iBAAkB,CAnB9B,uBAwBQ,qBAAA,CACA,sBAAiB,CAzBzB,sBA6BQ,kBAAA,CACA,UAAA,CACA,cAAA,CACA,QAAA,CACA,MAAA,CACA,OAAA,CACA,yBAA6B,CAnCrC,2BAqCY,UAAA,CACA,eAAA,CACA,uBAAiB,CAvC7B,2BA0CY,iBAAA,CACA,iBAAA,CACA,sBAAA,CACA,iBAAA,CACA,qBAAA,CACA,wBAAA,CACA,eAAA,CACA,UAAc","file":"DrawDocument.2e7d81ca.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.drawDocument {\n background-color: #F7F9FC; }\n .drawDocument .navbar {\n font-size: 16px;\n color: #333333;\n height: 44px;\n position: relative; }\n .drawDocument .navbar i {\n font-size: 22px;\n position: absolute;\n top: 50%;\n transform: translateY(-50%); }\n .drawDocument .navbar div {\n margin: 0 auto;\n height: 44px;\n line-height: 44px;\n text-align: center; }\n .drawDocument .content {\n background-color: #FFF;\n padding-top: 20px; }\n .drawDocument .bottom {\n height: 44px;\n width: 100%;\n position: fixed;\n bottom: 0;\n left: 0;\n right: 0;\n border-top: 1px solid #DDDDDD; }\n .drawDocument .bottom .tip {\n color: #555555;\n font-size: 12px;\n padding-left: 5px; }\n .drawDocument .bottom .app {\n width: 88px;\n height: 22px;\n line-height: 22px;\n text-align: center;\n border: 1px solid #0099FF;\n border-radius: 11px;\n font-size: 12px;\n color: #0099FF; }\n"]}
\ No newline at end of file
.examination{display:flex;flex-direction:column;height:calc(100% - 11.73333vw);padding-bottom:11.733333vw}.examination .topic{padding:3.733333vw 3.2vw;font-size:4.266667vw;line-height:8vw}.examination .category-tag{padding:1.066667vw;margin-right:2.666667vw;font-size:3.2vw;background-color:#e0b97b;color:#fff}.examination .show-answer{padding:3.733333vw 3.2vw;text-align:right}.examination .show-answer span{color:#09f;font-size:3.733333vw;line-height:3.733333vw}.examination .show-answer span i{-webkit-transform:translateY(30%);transform:translateY(30%);display:inline-block}.examination .options{list-style:none}.examination .options li{font-size:4.266667vw;margin-bottom:1.866667vw;padding:1.866667vw 3.2vw;line-height:8vw}.examination .options .alphabet{width:8vw;height:8vw;margin-right:4.266667vw;display:inline-block;border:1px solid #999;border-radius:50%;text-align:center;font-size:3.733333vw;line-height:8vw}.examination .options .active{color:#09f;background:#f8f8fb}.examination .options .active .alphabet{border-color:#09f}.examination .answer{padding:3.733333vw 3.2vw;background-color:#f5f5f5;visibility:hidden;overflow:auto;flex:1 1}.examination .answer a{color:#09f}.examination .answer .legend{font-size:3.733333vw;color:#999}.examination .answer .content{font-size:4.266667vw}.examination .answer.scale{-webkit-animation:slideInDown .3s both;animation:slideInDown .3s both}@-webkit-keyframes slideInDown{0%{-webkit-transform:translate3d(0,-10%,0);transform:translate3d(0,-10%,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0);visibility:visible}}@keyframes slideInDown{0%{-webkit-transform:translate3d(0,-10%,0);transform:translate3d(0,-10%,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0);visibility:visible}}.slideInDown{-webkit-animation-name:slideInDown;animation-name:slideInDown}.open-app{position:fixed;bottom:0;left:0;display:flex;justify-content:space-between;align-items:center;width:100%;height:11.733333vw;padding:0 4vw;border-top:1px solid #ddd;background:#fff}.open-app .left{font-size:3.2vw;color:#555}.open-app .right{width:23.466667vw;height:5.866667vw;line-height:5.866667vw;border:1px solid #09f;border-radius:2.933333vw;color:#09f;font-size:3.2vw;background:transparent;text-align:center}
/*# sourceMappingURL=Examination.f2cc3163.chunk.css.map */
\ No newline at end of file
{"version":3,"sources":["/Users/zhanghaozhe/server/mr-julyedu/src/components/examination/examination.scss","/Users/zhanghaozhe/server/mr-julyedu/src/components/examination/OpenApp/index.scss"],"names":[],"mappings":"AAuGA,aACI,YAAA,CACA,qBAAA,CACA,8BAAA,CACA,0BAAoB,CAJxB,oBAHI,wBAAA,CAWI,oBAAA,CACA,eAAiB,CATzB,2BAaQ,kBAAA,CACA,uBAAA,CACA,eAAA,CACA,wBAAA,CACA,UApHI,CAmGZ,0BAHI,wBAAA,CAyBI,gBAAiB,CAtBzB,+BAyBY,UAAA,CACA,oBAAA,CACA,sBAjGE,CAsEd,iCA8BgB,iCAAA,CAAA,yBAAA,CACA,oBAAqB,CA/BrC,sBAsCQ,eAAgB,CAtCxB,yBA2CY,oBAAA,CACA,wBAAA,CAEA,wBAAA,CACA,eAAiB,CA/C7B,gCAoDY,SAAA,CACA,UAAA,CACA,uBAAA,CACA,oBAAA,CAEA,qBAAA,CACA,iBAAA,CACA,iBAAA,CACA,oBAAA,CACA,eAVW,CAnDvB,8BAiEY,UAAA,CACA,kBAAmB,CAlE/B,wCAqEgB,iBAzKH,CAoGb,qBAHI,wBAAA,CA+EI,wBAAA,CACA,iBAAA,CACA,aAAA,CACA,QAAO,CA/Ef,uBAkFY,UAtLC,CAoGb,6BAsFY,oBAAA,CACA,UAlLI,CA2FhB,8BA2FY,oBAlKE,CAuEd,2BA+FY,sCAAA,CAAA,8BAA+B,CAM3C,+BACI,GACI,uCAAA,CAAA,+BAAkC,CAGtC,GACI,+BAAA,CAAA,uBAAA,CACA,kBAAmB,CAAA,CAP3B,uBACI,GACI,uCAAA,CAAA,+BAAkC,CAGtC,GACI,+BAAA,CAAA,uBAAA,CACA,kBAAmB,CAAA,CAI3B,aACI,kCAAA,CAAA,0BAA2B,CCrH/B,UACI,cAAA,CACA,QAAA,CACA,MAAA,CACA,YAAA,CACA,6BAAA,CACA,kBAAA,CAEA,UAAA,CACA,kBAAA,CACA,aAAA,CACA,yBAAA,CACA,eA3GQ,CA+FZ,gBAeQ,eAAA,CACA,UA1GQ,CA0FhB,iBAoBQ,iBAAA,CACA,iBAAA,CACA,sBAAA,CACA,qBAAA,CACA,wBAAA,CACA,UAAA,CACA,eAAA,CACA,sBAAA,CACA,iBAAkB","file":"Examination.f2cc3163.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.examination {\n display: flex;\n flex-direction: column;\n height: calc(100% - 44px);\n padding-bottom: 44px; }\n .examination .topic {\n padding: 14px 12px;\n font-size: 16px;\n line-height: 30px; }\n .examination .category-tag {\n padding: 4px;\n margin-right: 10px;\n font-size: 12px;\n background-color: #E0B97B;\n color: #fff; }\n .examination .show-answer {\n padding: 14px 12px;\n text-align: right; }\n .examination .show-answer span {\n color: #09f;\n font-size: 14px;\n line-height: 14px; }\n .examination .show-answer span i {\n transform: translateY(30%);\n display: inline-block; }\n .examination .options {\n list-style: none; }\n .examination .options li {\n padding: 14px 12px;\n font-size: 16px;\n margin-bottom: 7px;\n padding-top: 7px;\n padding-bottom: 7px;\n line-height: 30px; }\n .examination .options .alphabet {\n width: 30px;\n height: 30px;\n margin-right: 16px;\n display: inline-block;\n border: 1px solid #999;\n border-radius: 50%;\n text-align: center;\n font-size: 14px;\n line-height: 30px; }\n .examination .options .active {\n color: #09f;\n background: #F8F8Fb; }\n .examination .options .active .alphabet {\n border-color: #09f; }\n .examination .answer {\n padding: 14px 12px;\n background-color: #f5f5f5;\n visibility: hidden;\n overflow: auto;\n flex: 1; }\n .examination .answer a {\n color: #09f; }\n .examination .answer .legend {\n font-size: 14px;\n color: #999; }\n .examination .answer .content {\n font-size: 16px; }\n .examination .answer.scale {\n animation: slideInDown .3s both; }\n\n@keyframes slideInDown {\n from {\n transform: translate3d(0, -10%, 0); }\n to {\n transform: translate3d(0, 0, 0);\n visibility: visible; } }\n\n.slideInDown {\n animation-name: slideInDown; }\n","@charset \"UTF-8\";\n/*\n * @ 文字颜色\n */\n/*\n * @ 文字大小\n */\n/*\n * @ 背景颜色\n */\n/*\n * @ 分割线颜色\n */\n/*\n * @ 边框颜色\n */\n/*\n * @ 标签颜色\n */\n.open-app {\n position: fixed;\n bottom: 0;\n left: 0;\n display: flex;\n justify-content: space-between;\n align-items: center;\n width: 100%;\n height: 44px;\n padding: 0 15px;\n border-top: 1px solid #ddd;\n background: #fff; }\n .open-app .left {\n font-size: 12px;\n color: #555; }\n .open-app .right {\n width: 88px;\n height: 22px;\n line-height: 22px;\n border: 1px solid #09f;\n border-radius: 11px;\n color: #09f;\n font-size: 12px;\n background: transparent;\n text-align: center; }\n"]}
\ No newline at end of file
.order-wrapper{width:100%;height:100vh;margin-bottom:13.333333vw;background-color:#f5f5f5}.order-wrapper .order-tab{color:#000;background:#f7f9fc}.order-wrapper .order-information{display:flex;width:100%;overflow:hidden;padding:7.733333vw 4vw;color:#555;background-color:#fff;position:relative}.order-wrapper .order-information:before{content:"";left:0;right:0;bottom:0;height:.533333vw;position:absolute;background:-webkit-repeating-linear-gradient(135deg,#ff6c6c,#ff6c6c 20%,transparent 0,transparent 25%,#1989fa 0,#1989fa 45%,transparent 0,transparent 50%);background:repeating-linear-gradient(-45deg,#ff6c6c,#ff6c6c 20%,transparent 0,transparent 25%,#1989fa 0,#1989fa 45%,transparent 0,transparent 50%);background-size:21.333333vw}.order-wrapper .order-information2{height:21.333333vw;background-color:#fff;margin-top:2.133333vw;position:relative}.order-wrapper .order-information2 .user-icon{font-size:7.466667vw;flex-basis:10.666667vw}.order-wrapper .order-information2 .order-cell{height:13.333333vw;font-size:3.466667vw;color:#333;line-height:5.333333vw;flex:1 1 auto}.order-wrapper .order-information2 .order-cell .name{margin-bottom:2.666667vw}.order-wrapper .order-information2:before{content:"";left:0;right:0;bottom:0;height:.533333vw;position:absolute;background:-webkit-repeating-linear-gradient(135deg,#ff6c6c,#ff6c6c 20%,transparent 0,transparent 25%,#1989fa 0,#1989fa 45%,transparent 0,transparent 50%);background:repeating-linear-gradient(-45deg,#ff6c6c,#ff6c6c 20%,transparent 0,transparent 25%,#1989fa 0,#1989fa 45%,transparent 0,transparent 50%);background-size:21.333333vw}.order-wrapper .order-addsize{font-size:5.866667vw!important;height:5.866667vw;color:#09f}.order-wrapper .order-addsize,.order-wrapper .order-next{margin-bottom:0;line-height:5.866667vw}.order-wrapper .order-list{margin-top:2.133333vw;background-color:#f5f5f5}.order-wrapper .order-list .public-content{padding:2.666667vw 4vw}.order-wrapper .order-infotext{flex:1 1;height:5.866667vw;line-height:5.866667vw;margin-left:2.666667vw;font-size:3.733333vw;color:#555}.order-wrapper .order-info{color:#666;font-size:3.733333vw;min-width:42.666667vw;flex:1 1 auto;display:flex;flex-direction:column;justify-content:space-around}.order-wrapper .order-info .order-title{color:#333;font-size:4.266667vw}.order-wrapper .order-info .order-content{color:#666;font-size:3.733333vw;line-height:4.8vw}.order-wrapper .order-info .order-newprice{color:#ff3131;font-size:4.266667vw;margin-right:4vw}.order-wrapper .order-info .order-price{color:#999;font-size:3.2vw;text-decoration:line-through}.order-wrapper .order-bar{width:100%;position:fixed;bottom:0;z-index:2;height:13.333333vw;display:flex;font-size:3.733333vw;align-items:center;background-color:#fff}.order-wrapper .order-course{margin-left:5.333333vw}.order-wrapper .order-course .order-course-text{font-size:4.266667vw;color:#333}.order-wrapper .order-bar-text{flex:1 1;text-align:right;color:#323233;padding-right:5.333333vw}.order-wrapper .order-bar-text .order-amount{font-size:3.733333vw;color:#333}.order-wrapper .order-bar-text .order-amount .order-amount-price{color:#ff3131}.order-wrapper .order-bar-text .order-preprice{font-size:3.2vw;color:#555}.order-wrapper .order-button{width:29.333333vw;height:13.333333vw;display:inline-block;padding:0;background-color:#ff9898;color:#fff;line-height:12.8vw;font-size:4.266667vw;border-radius:0;text-align:center;box-sizing:border-box;-webkit-appearance:none;-webkit-text-size-adjust:100%;border:1px solid transparent}.order-wrapper .has-info{background-color:#ff3131}.order-wrapper .v-list-item{margin-top:2.133333vw;padding:2.666667vw 4vw 0}.order-wrapper .v-list-item .content{border-bottom:none}.order-wrapper .order-prefer .am-list-body:after{display:none}.order-wrapper .order-prefer .am-list-content{font-size:4vw!important}.order-wrapper .order-prefer .am-list-line{padding:0 4vw}.order-wrapper .order-balance .order-balanceprice{color:#666;font-size:3.2vw}.order-wrapper .order-balance .order-balanceprice .order-money{color:#ff2121;font-size:3.2vw!important;font-weight:400;font-style:inherit;vertical-align:middle;margin:0}.order-wrapper .order-balance .am-list-content .iconiconfront-22.question-mark{font-size:6.4vw}.order-wrapper .order-balance .am-list-body:after,.order-wrapper .order-balance .am-list-body:before{display:none}.order-wrapper .order-balance .balance-used{font-size:6.4vw;color:#09f}.order-wrapper .order-balance .circle-icon{width:5.333333vw;height:5.333333vw;border:1px solid #bfbfbf;border-radius:50%;margin-right:.533333vw}.order-wrapper .am-list-item .am-list-line .am-list-content{color:#333}.order-wrapper .order-list .am-list-item{padding-left:0!important}.order-wrapper .order-balance{height:11.733333vw;line-height:11.733333vw;margin:2.133333vw 0;display:flow-root}.order-wrapper .order-balance .am-list-item{padding-left:0!important}.order-wrapper .order-balance .am-list-line{padding:0 4vw}.order-wrapper .order-balance .am-list-content{color:#333;font-size:4.266667vw}.order-wrapper .order-balance .am-list-content .iconiconfront-22{font-size:4.8vw;margin-left:4vw}.order-wrapper .full__rules{width:100%;height:13.333333vw;margin-top:4.266667vw;font-size:3.733333vw;background:#fff;color:#999}.order-wrapper .full__rules .money__off{height:13.333333vw;display:flex;justify-content:space-between;align-items:center}.order-wrapper .full__rules .money{color:#ff3131}
/*# sourceMappingURL=Order.35f475a1.chunk.css.map */
\ No newline at end of file
{"version":3,"sources":["/Users/zhanghaozhe/server/mr-julyedu/src/components/order/order.scss"],"names":[],"mappings":"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","file":"Order.35f475a1.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.order-wrapper {\n width: 100%;\n height: 100vh;\n margin-bottom: 50px;\n background-color: #f5f5f5; }\n .order-wrapper .order-tab {\n color: #000;\n background: #f7f9fc; }\n .order-wrapper .order-information {\n display: flex;\n width: 100%;\n overflow: hidden;\n padding: 29px 15px;\n color: #555;\n background-color: #fff;\n position: relative; }\n .order-wrapper .order-information::before {\n content: '';\n left: 0;\n right: 0;\n bottom: 0;\n height: 2px;\n position: absolute;\n background: -webkit-repeating-linear-gradient(135deg, #ff6c6c 0, #ff6c6c 20%, transparent 0, transparent 25%, #1989fa 0, #1989fa 45%, transparent 0, transparent 50%);\n background: repeating-linear-gradient(-45deg, #ff6c6c 0, #ff6c6c 20%, transparent 0, transparent 25%, #1989fa 0, #1989fa 45%, transparent 0, transparent 50%);\n background-size: 80px; }\n .order-wrapper .order-information2 {\n height: 80px;\n background-color: #FFF;\n margin-top: 8px;\n position: relative; }\n .order-wrapper .order-information2 .user-icon {\n font-size: 28px;\n flex-basis: 40px; }\n .order-wrapper .order-information2 .order-cell {\n height: 50px;\n font-size: 13px;\n color: #333;\n line-height: 20px;\n flex: 1 1 auto; }\n .order-wrapper .order-information2 .order-cell .name {\n margin-bottom: 10px; }\n .order-wrapper .order-information2::before {\n content: '';\n left: 0;\n right: 0;\n bottom: 0;\n height: 2px;\n position: absolute;\n background: -webkit-repeating-linear-gradient(135deg, #ff6c6c 0, #ff6c6c 20%, transparent 0, transparent 25%, #1989fa 0, #1989fa 45%, transparent 0, transparent 50%);\n background: repeating-linear-gradient(-45deg, #ff6c6c 0, #ff6c6c 20%, transparent 0, transparent 25%, #1989fa 0, #1989fa 45%, transparent 0, transparent 50%);\n background-size: 80px; }\n .order-wrapper .order-addsize {\n font-size: 22px !important;\n margin-bottom: 0px;\n height: 22px;\n color: #09f;\n line-height: 22px; }\n .order-wrapper .order-next {\n line-height: 22px;\n margin-bottom: 0px; }\n .order-wrapper .order-list {\n margin-top: 8px;\n background-color: #F5F5F5; }\n .order-wrapper .order-list .public-content {\n padding: 10px 15px; }\n .order-wrapper .order-infotext {\n flex: 1;\n height: 22px;\n line-height: 22px;\n margin-left: 10px;\n font-size: 14px;\n color: #555; }\n .order-wrapper .order-info {\n color: #666;\n font-size: 14px;\n min-width: 160px;\n flex: 1 1 auto;\n display: flex;\n flex-direction: column;\n justify-content: space-around; }\n .order-wrapper .order-info .order-title {\n color: #333;\n font-size: 16px; }\n .order-wrapper .order-info .order-content {\n color: #666;\n font-size: 14px;\n line-height: 18px; }\n .order-wrapper .order-info .order-newprice {\n color: #ff3131;\n font-size: 16px;\n margin-right: 15px; }\n .order-wrapper .order-info .order-price {\n color: #999;\n font-size: 12px;\n text-decoration: line-through; }\n .order-wrapper .order-bar {\n width: 100%;\n position: fixed;\n bottom: 0;\n z-index: 2;\n height: 50px;\n display: flex;\n font-size: 14px;\n align-items: center;\n background-color: #fff; }\n .order-wrapper .order-course {\n margin-left: 20px; }\n .order-wrapper .order-course .order-course-text {\n font-size: 16px;\n color: #333; }\n .order-wrapper .order-bar-text {\n flex: 1;\n text-align: right;\n color: #323233;\n padding-right: 20px; }\n .order-wrapper .order-bar-text .order-amount {\n font-size: 14px;\n color: #333; }\n .order-wrapper .order-bar-text .order-amount .order-amount-price {\n color: #ff3131; }\n .order-wrapper .order-bar-text .order-preprice {\n font-size: 12px;\n color: #555; }\n .order-wrapper .order-button {\n width: 110px;\n height: 50px;\n display: inline-block;\n padding: 0;\n background-color: #ff9898;\n color: #fff;\n line-height: 48px;\n font-size: 16px;\n border-radius: 0px;\n text-align: center;\n box-sizing: border-box;\n -webkit-appearance: none;\n -webkit-text-size-adjust: 100%;\n border: 1px solid transparent; }\n .order-wrapper .has-info {\n background-color: #FF3131; }\n .order-wrapper .v-list-item {\n margin-top: 8px;\n padding: 10px 15px 0 15px; }\n .order-wrapper .v-list-item .content {\n border-bottom: none; }\n .order-wrapper .order-prefer .am-list-body::after {\n display: none; }\n .order-wrapper .order-prefer .am-list-content {\n font-size: 15px !important; }\n .order-wrapper .order-prefer .am-list-line {\n padding: 0 15px; }\n .order-wrapper .order-balance .order-balanceprice {\n color: #666;\n font-size: 12px; }\n .order-wrapper .order-balance .order-balanceprice .order-money {\n color: #ff2121;\n font-size: 12px !important;\n font-weight: normal;\n font-style: inherit;\n vertical-align: middle;\n margin: 0; }\n .order-wrapper .order-balance .am-list-content .iconiconfront-22.question-mark {\n font-size: 24px; }\n .order-wrapper .order-balance .am-list-body::before, .order-wrapper .order-balance .am-list-body::after {\n display: none; }\n .order-wrapper .order-balance .balance-used {\n font-size: 24px;\n color: #0099FF; }\n .order-wrapper .order-balance .circle-icon {\n width: 20px;\n height: 20px;\n border: 1px solid #BFBFBF;\n border-radius: 50%;\n margin-right: 2px; }\n .order-wrapper .am-list-item .am-list-line .am-list-content {\n color: #333; }\n .order-wrapper .order-list .am-list-item {\n padding-left: 0 !important; }\n .order-wrapper .order-balance {\n height: 44px;\n line-height: 44px;\n margin: 8px 0 8px 0;\n display: flow-root; }\n .order-wrapper .order-balance .am-list-item {\n padding-left: 0 !important; }\n .order-wrapper .order-balance .am-list-line {\n padding: 0 15px; }\n .order-wrapper .order-balance .am-list-content {\n color: #333;\n font-size: 16px; }\n .order-wrapper .order-balance .am-list-content .iconiconfront-22 {\n font-size: 18px;\n margin-left: 15px; }\n .order-wrapper .full__rules {\n width: 100%;\n height: 50px;\n margin-top: 16px;\n background: #FFF;\n font-size: 14px;\n background: #fff;\n color: #999; }\n .order-wrapper .full__rules .money__off {\n height: 50px;\n display: flex;\n justify-content: space-between;\n align-items: center; }\n .order-wrapper .full__rules .money {\n color: #FF3131; }\n"]}
\ No newline at end of file
.pay-order{width:100%;background-color:#f5f5f5;margin-bottom:13.333333vw}.pay-order .order-number{background-color:#fff}.pay-order .order-number span{font-size:4vw;color:#333}.pay-order .order-number .number{font-size:3.2vw;color:#666}.pay-order .order-number .money{color:#ff3131}.pay-order .pay-type-list .am-list-body:after{display:none}.pay-order .pay-type-list .am-list-header{color:#333;font-size:4vw;background-color:#fff}.pay-order .pay-type-list .iconalipay{font-size:5.866667vw;color:#01aaef}.pay-order .pay-type-list .iconweixinzhifu{font-size:5.866667vw;color:#3baf34}.pay-order .pay-type-list .iconhuabei{font-size:5.866667vw;color:#01aaef}.pay-order .pay-type-list .am-radio-inner{width:5.333333vw;height:5.333333vw;border-radius:50%;background-color:#c1c1c1}.pay-order .pay-type-list .am-radio-inner:after{display:block;border-color:#fff;top:0;right:1.6vw}.pay-order .pay-type-list .am-radio.am-radio-checked .am-radio-inner{background-color:#009aff;border-radius:50%;width:5.333333vw;height:5.333333vw}.pay-order .pay-type-list .am-radio.am-radio-checked .am-radio-inner:after{display:block}.pay-order .pay-tip{width:100%;height:8vw;line-height:8vw;text-align:center;font-size:3.2vw;color:#ff3131;background-color:#fff4ce}.pay-order .pay-button{position:fixed;bottom:0;width:100%;height:11.733333vw;line-height:11.733333vw;text-align:center;color:#fff;font-size:4.8vw;background-color:#18b4ed;z-index:9}.pay-order .check-staging{position:fixed;width:100%;height:100%;top:0;left:0;background-color:rgba(0,0,0,.6);z-index:19}.pay-order .check-staging .container{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:80vw;border-radius:1.6vw;background-color:#fff;padding-bottom:2.666667vw}.pay-order .check-staging .container .check-title{color:#333;font-size:4.266667vw;text-align:center;width:100%;height:11.733333vw;line-height:11.733333vw;border-bottom:1px solid #ddd;border-top-left-radius:1.6vw;border-top-right-radius:1.6vw}.pay-order .check-staging .am-list-item .am-list-line .am-list-extra{flex-basis:16%}.pay-order .check-staging .am-radio-inner{width:5.333333vw;height:5.333333vw;border-radius:50%;border:1px solid #bfbfbf;background-color:#fff}.pay-order .check-staging .am-radio-inner:after{display:block;border-color:#fff;top:0;right:1.6vw}.pay-order .check-staging .am-radio.am-radio-checked .am-radio-inner{background-color:#009aff;border:1px solid #fff;border-radius:50%;width:5.333333vw;height:5.333333vw}.pay-order .check-staging .am-radio.am-radio-checked .am-radio-inner:after{display:block}.pay-order .order-info{position:relative;flex:1 1}.pay-order .order-info .order-title{font-size:4.266667vw;color:#333}.pay-order .order-info .order-content{font-size:3.733333vw;color:#666;margin-top:3.733333vw;line-height:4.8vw}.pay-order .order-info .order-des{height:6.4vw;line-height:8.8vw;position:absolute;bottom:0}.pay-order .order-info .order-des .order-newprice{font-size:4.266667vw;color:#ff3131}.pay-order .order-info .order-des .order-price{font-size:3.2vw;color:#999;margin-left:4vw;text-decoration:line-through}.pay-order .v-list-item{padding:2.666667vw 4vw;background-color:#fff}.pay-order .v-list-item .content{border:none;padding-bottom:0}.pay-order .v-list-item .content .cover{flex:inherit;width:42.2%}.pay-order .v-list-item .content .cover img{width:100%;height:100%}.pay-order .v-list-item .content .cover .course-status{background-color:rgba(224,46,36,.6)}.pay-order .v-list-item .info{width:52.3%;position:relative;display:block}.pay-order .v-list-item .info .title{font-size:4.266667vw;color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;height:4.266667vw;line-height:4.266667vw}.pay-order .v-list-item .info .contact{font-size:3.733333vw;color:#666;margin-top:3.733333vw}.pay-order .v-list-item .info .des{position:absolute;bottom:0}.pay-order .v-list-item .info .des .course-price .price{color:#ff2121;font-size:3.2vw}.pay-order .v-list-item .info .des .course-price .new{color:#ff2121;font-size:4.266667vw}.pay-order .v-list-item .info .des .course-price .old{color:#999;font-size:3.2vw;display:inline-block;margin-left:4vw;text-decoration:line-through}.pay-order .v-list-item .info .des .isbuy{display:inline-block;width:16.266667vw;height:4.8vw;background-color:#09f;border-radius:2.4vw;color:#fff;font-size:3.2vw;text-align:center;line-height:4.8vw}
/*# sourceMappingURL=PayOrder.e5315535.chunk.css.map */
\ No newline at end of file
{"version":3,"sources":["/Users/zhanghaozhe/server/mr-julyedu/src/components/order/payOrder/PayOrder.scss"],"names":[],"mappings":"AAmGA,WACI,UAAA,CACA,wBAAA,CACA,yBAAmB,CAHvB,yBAMQ,qBAAsB,CAN9B,8BASY,aAAA,CACA,UAAc,CAV1B,iCAcY,eAAA,CACA,UAAc,CAf1B,gCAmBY,aAAc,CAnB1B,8CA0BgB,YAAa,CA1B7B,0CA+BY,UAAA,CACA,aAAA,CACA,qBAAsB,CAjClC,sCAqCY,oBAAA,CACA,aAAc,CAtC1B,2CA0CY,oBAAA,CACA,aAAc,CA3C1B,sCA+CY,oBAAA,CACA,aAAc,CAhD1B,0CAoDY,gBAAA,CACA,iBAAA,CACA,iBAAA,CACA,wBAAyB,CAvDrC,gDA2DY,aAAA,CACA,iBAAA,CACA,KAAA,CACA,WAAU,CA9DtB,qEAkEY,wBAAA,CACA,iBAAA,CACA,gBAAA,CACA,iBAAY,CArExB,2EAyEY,aAAc,CAzE1B,oBA8EQ,UAAA,CACA,UAAA,CACA,eAAA,CACA,iBAAA,CACA,eAAA,CACA,aAAA,CACA,wBAAyB,CApFjC,uBAwFQ,cAAA,CACA,QAAA,CACA,UAAA,CACA,kBAAA,CACA,uBAAA,CACA,iBAAA,CACA,UAAA,CACA,eAAA,CACA,wBAAA,CACA,SAAU,CAjGlB,0BAqGQ,cAAA,CACA,UAAA,CACA,WAAA,CACA,KAAA,CACA,MAAA,CACA,+BAAA,CACA,UAAW,CA3GnB,qCA8GY,iBAAA,CACA,OAAA,CACA,QAAA,CACA,sCAAA,CAAA,8BAAA,CACA,UAAA,CACA,mBAAA,CACA,qBAAA,CACA,yBAAoB,CArHhC,kDAwHgB,UAAA,CACA,oBAAA,CACA,iBAAA,CACA,UAAA,CACA,kBAAA,CACA,uBAAA,CACA,4BAAA,CACA,4BAAA,CACA,6BAA4B,CAhI5C,qEAqIY,cAAe,CArI3B,0CAyIY,gBAAA,CACA,iBAAA,CACA,iBAAA,CACA,wBAAA,CACA,qBAAsB,CA7IlC,gDAiJY,aAAA,CACA,iBAAA,CACA,KAAA,CACA,WAAU,CApJtB,qEAwJY,wBAAA,CACA,qBAAA,CACA,iBAAA,CACA,gBAAA,CACA,iBAAY,CA5JxB,2EAgKY,aAAc,CAhK1B,uBAqKQ,iBAAA,CACA,QAAO,CAtKf,oCAyKY,oBAAA,CACA,UArQI,CA2FhB,sCA8KY,oBAAA,CACA,UAAA,CACA,qBAAA,CACA,iBAAiB,CAjL7B,kCAqLM,YAAA,CACA,iBAAA,CACA,iBAAA,CACA,QAAS,CAxLf,kDA2LgB,oBAAA,CACA,aAxRE,CA4FlB,+CAgMgB,eAAA,CACA,UAAA,CACA,eAAA,CACA,4BAA6B,CAnM7C,wBAyMQ,sBAAA,CACA,qBAAsB,CA1M9B,iCA6MM,WAAA,CACA,gBAAiB,CA9MvB,wCAiNgB,YAAA,CACA,WAAY,CAlN5B,4CAqNU,UAAA,CACA,WAAY,CAtNtB,uDA0NoB,mCAAwC,CA1N5D,8BAgOY,WAAA,CACA,iBAAA,CACA,aAAc,CAlO1B,qCAqOgB,oBAAA,CACA,UAAA,CACA,eAAA,CACA,sBAAA,CACA,kBAAA,CACA,iBAAA,CACA,sBAAiB,CA3OjC,uCA+OgB,oBAAA,CACA,UAAA,CACA,qBAAgB,CAjPhC,mCAqPgB,iBAAA,CACA,QAAS,CAtPzB,wDA0PwB,aAAA,CACA,eAAe,CA3PvC,sDA+PwB,aAAA,CACA,oBAAe,CAhQvC,sDAoQwB,UAAA,CACA,eAAA,CACA,oBAAA,CACA,eAAA,CACA,4BAA6B,CAxQrD,0CA6QoB,oBAAA,CACA,iBAAA,CACA,YAAA,CACA,qBAAA,CACA,mBAAA,CACA,UAAA,CACA,eAAA,CACA,iBAAA,CACA,iBAAiB","file":"PayOrder.e5315535.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.pay-order {\n width: 100%;\n background-color: #f5f5f5;\n margin-bottom: 50px; }\n .pay-order .order-number {\n background-color: #fff; }\n .pay-order .order-number span {\n font-size: 15px;\n color: #333333; }\n .pay-order .order-number .number {\n font-size: 12px;\n color: #666666; }\n .pay-order .order-number .money {\n color: #ff3131; }\n .pay-order .pay-type-list .am-list-body::after {\n display: none; }\n .pay-order .pay-type-list .am-list-header {\n color: #333333;\n font-size: 15px;\n background-color: #fff; }\n .pay-order .pay-type-list .iconalipay {\n font-size: 22px;\n color: #01aaef; }\n .pay-order .pay-type-list .iconweixinzhifu {\n font-size: 22px;\n color: #3baf34; }\n .pay-order .pay-type-list .iconhuabei {\n font-size: 22px;\n color: #01aaef; }\n .pay-order .pay-type-list .am-radio-inner {\n width: 20px;\n height: 20px;\n border-radius: 50%;\n background-color: #c1c1c1; }\n .pay-order .pay-type-list .am-radio-inner:after {\n display: block;\n border-color: #fff;\n top: 0;\n right: 6px; }\n .pay-order .pay-type-list .am-radio.am-radio-checked .am-radio-inner {\n background-color: #009aff;\n border-radius: 50%;\n width: 20px;\n height: 20px; }\n .pay-order .pay-type-list .am-radio.am-radio-checked .am-radio-inner:after {\n display: block; }\n .pay-order .pay-tip {\n width: 100%;\n height: 30px;\n line-height: 30px;\n text-align: center;\n font-size: 12px;\n color: #ff3131;\n background-color: #fff4ce; }\n .pay-order .pay-button {\n position: fixed;\n bottom: 0;\n width: 100%;\n height: 44px;\n line-height: 44px;\n text-align: center;\n color: #fff;\n font-size: 18px;\n background-color: #18b4ed;\n z-index: 9; }\n .pay-order .check-staging {\n position: fixed;\n width: 100%;\n height: 100%;\n top: 0;\n left: 0;\n background-color: rgba(0, 0, 0, 0.6);\n z-index: 19; }\n .pay-order .check-staging .container {\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n width: 300px;\n border-radius: 6px;\n background-color: #FFF;\n padding-bottom: 10px; }\n .pay-order .check-staging .container .check-title {\n color: #333333;\n font-size: 16px;\n text-align: center;\n width: 100%;\n height: 44px;\n line-height: 44px;\n border-bottom: 1px solid #DDDDDD;\n border-top-left-radius: 6px;\n border-top-right-radius: 6px; }\n .pay-order .check-staging .am-list-item .am-list-line .am-list-extra {\n flex-basis: 16%; }\n .pay-order .check-staging .am-radio-inner {\n width: 20px;\n height: 20px;\n border-radius: 50%;\n border: 1px solid #BFBFBF;\n background-color: #fff; }\n .pay-order .check-staging .am-radio-inner:after {\n display: block;\n border-color: #fff;\n top: 0;\n right: 6px; }\n .pay-order .check-staging .am-radio.am-radio-checked .am-radio-inner {\n background-color: #009aff;\n border: 1px solid #FFF;\n border-radius: 50%;\n width: 20px;\n height: 20px; }\n .pay-order .check-staging .am-radio.am-radio-checked .am-radio-inner:after {\n display: block; }\n .pay-order .order-info {\n position: relative;\n flex: 1; }\n .pay-order .order-info .order-title {\n font-size: 16px;\n color: #333; }\n .pay-order .order-info .order-content {\n font-size: 14px;\n color: #666;\n margin-top: 14px;\n line-height: 18px; }\n .pay-order .order-info .order-des {\n height: 24px;\n line-height: 33px;\n position: absolute;\n bottom: 0; }\n .pay-order .order-info .order-des .order-newprice {\n font-size: 16px;\n color: #ff3131; }\n .pay-order .order-info .order-des .order-price {\n font-size: 12px;\n color: #999;\n margin-left: 15px;\n text-decoration: line-through; }\n .pay-order .v-list-item {\n padding: 10px 15px;\n background-color: #fff; }\n .pay-order .v-list-item .content {\n border: none;\n padding-bottom: 0; }\n .pay-order .v-list-item .content .cover {\n flex: inherit;\n width: 42.2%; }\n .pay-order .v-list-item .content .cover img {\n width: 100%;\n height: 100%; }\n .pay-order .v-list-item .content .cover .course-status {\n background-color: rgba(224, 46, 36, 0.6); }\n .pay-order .v-list-item .info {\n width: 52.3%;\n position: relative;\n display: block; }\n .pay-order .v-list-item .info .title {\n font-size: 16px;\n color: #333;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n height: 16px;\n line-height: 16px; }\n .pay-order .v-list-item .info .contact {\n font-size: 14px;\n color: #666;\n margin-top: 14px; }\n .pay-order .v-list-item .info .des {\n position: absolute;\n bottom: 0; }\n .pay-order .v-list-item .info .des .course-price .price {\n color: #FF2121;\n font-size: 12px; }\n .pay-order .v-list-item .info .des .course-price .new {\n color: #FF2121;\n font-size: 16px; }\n .pay-order .v-list-item .info .des .course-price .old {\n color: #999;\n font-size: 12px;\n display: inline-block;\n margin-left: 15px;\n text-decoration: line-through; }\n .pay-order .v-list-item .info .des .isbuy {\n display: inline-block;\n width: 61px;\n height: 18px;\n background-color: #09f;\n border-radius: 9px;\n color: #fff;\n font-size: 12px;\n text-align: center;\n line-height: 18px; }\n"]}
\ No newline at end of file
.search-head{height:11.733333vw;display:flex;background-color:#f7f9fc;border-bottom:1px solid #eee}.search-head .left{width:11.733333vw;height:11.733333vw;line-height:11.733333vw;text-align:center}.search-head .left img{width:3.733333vw;height:3.733333vw;display:block;padding:4vw}.search-head .center{flex:1 1}.search-head .center .am-search{background-color:#f7f9fc}.search-head .center .am-search .am-search-input{background:#f0f2f6;border-radius:11.733333vw}.search-head .center .am-search-start .am-search-input{background:#fff;border-radius:11.733333vw}.search-head .right{width:11.733333vw;height:11.733333vw;line-height:11.733333vw}.search-head .right .am-icon-md{padding:2.933333vw}.search-head .right-btn{width:auto}.search-head .right-btn .submit-btn{line-height:8vw;border:0;height:8vw;padding:0 3.2vw;margin:1.866667vw 0;border-radius:.8vw;font-size:3.733333vw;color:#333}.search-head .right-btn .submit-btn--active{color:#09f}.am-search{height:11.466667vw;padding:0}.search-result{padding-top:11.733333vw}.search-result .search-head{position:fixed;top:0;left:0;width:100%;z-index:10;-webkit-transition:top .5 ease;transition:top .5 ease}.search-result .search-head.hide{top:-11.733333vw}.search-result ul{list-style:none}.search-result .v-list-item .content{width:100%}.search-result .info{display:flex;flex-wrap:wrap;width:50%}.search-result .info .title{overflow:hidden;font-size:3.733333vw;white-space:nowrap;text-overflow:ellipsis}.search-result .info .des{font-size:3.2vw;line-height:4.266667vw;align-self:flex-start}.search-result .info .price{color:#ff2121;font-size:4.266667vw;margin-right:3.733333vw}.search-result .info .stale-price{text-decoration:line-through;color:#999;font-size:3.2vw}.search-result .info .bottom{align-self:flex-end}.search-result .empty{font-size:3.2vw;color:#666;padding:8vw 0;text-align:center;background-color:#f5f5f5}.search-result .status{width:100%;position:absolute;bottom:-.533333vw;left:0;height:6.4vw;text-align:center;line-height:6.4vw;font-size:3.466667vw;color:#fff;background-color:rgba(224,46,36,.6)}.search-result .recommendation{padding:0 4vw}.search-result .recommendation .title{width:100%;font-size:4vw;padding:5.333333vw 0 1.333333vw;text-align:center}.search-result .recommendation .courses{display:flex;flex-flow:wrap;justify-content:space-between}.search-result .recommendation .bottom{margin-top:3.2vw}.search-result .recommendation .price{color:#ff2121;font-size:4vw;margin-right:4vw}.search-result .recommendation .old-price{color:#999;font-size:2.933333vw;text-decoration:line-through}
/*# sourceMappingURL=SearchResult.bb7c3056.chunk.css.map */
\ No newline at end of file
{"version":3,"sources":["/Users/zhanghaozhe/server/mr-julyedu/src/components/search/search_header.scss","/Users/zhanghaozhe/server/mr-julyedu/src/components/search/search-result.scss","/Users/zhanghaozhe/server/mr-julyedu/src/components/search/recommendation/recommendation.scss"],"names":[],"mappings":"AAmGA,aACI,kBAAA,CACA,YAAA,CACA,wBAAA,CACA,4BAA6B,CAJjC,mBAOQ,iBAAA,CACA,kBAAA,CACA,uBAAA,CACA,iBAAkB,CAV1B,uBAaY,gBAAA,CACA,iBAAA,CACA,aAAA,CACA,WAAa,CAhBzB,qBAqBQ,QAAO,CArBf,gCAwBY,wBAAyB,CAxBrC,iDA2BgB,kBAAA,CACA,yBAAmB,CA5BnC,uDAmCgB,eAAA,CACA,yBAAmB,CApCnC,oBA4CQ,iBAAA,CACA,kBAAA,CACA,uBAAiB,CA9CzB,gCAiDY,kBAAa,CAjDzB,wBAuDQ,UAAW,CAvDnB,oCA0DY,eAAA,CACA,QAAA,CACA,UAAA,CAEA,eAAA,CACA,mBAAA,CACA,kBAAA,CACA,oBAAA,CACA,UA7JI,CA2FhB,4CAqEY,UArKC,CA0Kb,WACI,kBAAA,CACA,SAAU,CC5Ed,eACI,uBAAiB,CADrB,4BAKQ,cAAA,CACA,KAAA,CACA,MAAA,CACA,UAAA,CACA,UAAA,CACA,8BAAA,CAAA,sBAAwB,CAVhC,iCAaY,gBAAU,CAbtB,kBAkBQ,eAAgB,CAlBxB,qCAuBY,UAAW,CAvBvB,qBA4BQ,YAAA,CACA,cAAA,CACA,SAAU,CA9BlB,4BAiCY,eAAA,CACA,oBAAA,CACA,kBAAA,CACA,sBAAuB,CApCnC,0BAyCY,eAAA,CACA,sBAAA,CACA,qBAAsB,CA3ClC,4BAgDY,aAAA,CACA,oBAAA,CACA,uBAAkB,CAlD9B,kCAsDY,4BAAA,CACA,UAAA,CACA,eAzHE,CAiEd,6BA4DY,mBAAoB,CA5DhC,sBAiEQ,eAAA,CACA,UAAA,CACA,aAAA,CACA,iBAAA,CACA,wBAAyB,CArEjC,uBAyEQ,UAAA,CACA,iBAAA,CACA,iBAAA,CACA,MAAA,CACA,YAAA,CACA,iBAAA,CACA,iBAAA,CACA,oBAAA,CACA,UAAA,CACA,mCAAwC,CClFhD,+BAGQ,aAAe,CAHvB,sCAKY,UAAA,CACA,aAAA,CACA,+BAAA,CACA,iBAAkB,CAR9B,wCAYY,YAAA,CACA,cAAA,CACA,6BAA8B,CAd1C,uCAkBY,gBAAgB,CAlB5B,sCAsBY,aAAA,CACA,aAAA,CACA,gBAAkB,CAxB9B,0CA4BY,UAAA,CACA,oBAAA,CACA,4BAA6B","file":"SearchResult.bb7c3056.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.search-head {\n height: 44px;\n display: flex;\n background-color: #F7F9FC;\n border-bottom: 1px solid #eee; }\n .search-head .left {\n width: 44px;\n height: 44px;\n line-height: 44px;\n text-align: center; }\n .search-head .left img {\n width: 14px;\n height: 14px;\n display: block;\n padding: 15px; }\n .search-head .center {\n flex: 1; }\n .search-head .center .am-search {\n background-color: #F7F9FC; }\n .search-head .center .am-search .am-search-input {\n background: #F0F2F6;\n border-radius: 44px; }\n .search-head .center .am-search-start .am-search-input {\n background: #fff;\n border-radius: 44px; }\n .search-head .right {\n width: 44px;\n height: 44px;\n line-height: 44px; }\n .search-head .right .am-icon-md {\n padding: 11px; }\n .search-head .right-btn {\n width: auto; }\n .search-head .right-btn .submit-btn {\n line-height: 30px;\n border: 0;\n height: 30px;\n margin: 7px 0px;\n padding: 0 12px;\n margin-left: 0;\n border-radius: 3px;\n font-size: 14px;\n color: #333; }\n .search-head .right-btn .submit-btn--active {\n color: #09f; }\n\n.am-search {\n height: 43px;\n padding: 0; }\n","@charset \"UTF-8\";\n/*\n * @ 文字颜色\n */\n/*\n * @ 文字大小\n */\n/*\n * @ 背景颜色\n */\n/*\n * @ 分割线颜色\n */\n/*\n * @ 边框颜色\n */\n/*\n * @ 标签颜色\n */\n.search-result {\n padding-top: 44px; }\n .search-result .search-head {\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n z-index: 10;\n transition: top 0.5 ease; }\n .search-result .search-head.hide {\n top: -44px; }\n .search-result ul {\n list-style: none; }\n .search-result .v-list-item .content {\n width: 100%; }\n .search-result .info {\n display: flex;\n flex-wrap: wrap;\n width: 50%; }\n .search-result .info .title {\n overflow: hidden;\n font-size: 14px;\n white-space: nowrap;\n text-overflow: ellipsis; }\n .search-result .info .des {\n font-size: 12px;\n line-height: 16px;\n align-self: flex-start; }\n .search-result .info .price {\n color: #FF2121;\n font-size: 16px;\n margin-right: 14px; }\n .search-result .info .stale-price {\n text-decoration: line-through;\n color: #999;\n font-size: 12px; }\n .search-result .info .bottom {\n align-self: flex-end; }\n .search-result .empty {\n font-size: 12px;\n color: #666;\n padding: 30px 0;\n text-align: center;\n background-color: #f5f5f5; }\n .search-result .status {\n width: 100%;\n position: absolute;\n bottom: -2px;\n left: 0;\n height: 24px;\n text-align: center;\n line-height: 24px;\n font-size: 13px;\n color: #fff;\n background-color: rgba(224, 46, 36, 0.6); }\n","@charset \"UTF-8\";\n/*\n * @ 文字颜色\n */\n/*\n * @ 文字大小\n */\n/*\n * @ 背景颜色\n */\n/*\n * @ 分割线颜色\n */\n/*\n * @ 边框颜色\n */\n/*\n * @ 标签颜色\n */\n.search-result .recommendation {\n padding: 0 15px; }\n .search-result .recommendation .title {\n width: 100%;\n font-size: 15px;\n padding: 20px 0 5px;\n text-align: center; }\n .search-result .recommendation .courses {\n display: flex;\n flex-flow: wrap;\n justify-content: space-between; }\n .search-result .recommendation .bottom {\n margin-top: 12px; }\n .search-result .recommendation .price {\n color: #FF2121;\n font-size: 15px;\n margin-right: 15px; }\n .search-result .recommendation .old-price {\n color: #999;\n font-size: 11px;\n text-decoration: line-through; }\n"]}
\ No newline at end of file
.share-course .v-list-item{height:24vw;padding:0;margin:2.666667vw 4.8vw 5.333333vw 4vw}.share-course .v-list-item .content{border:none;padding:0}.share-course .v-list-item .content .cover{width:33.333333vw;height:24vw;margin-right:2.666667vw}.share-course .v-list-item .content .cover img{width:33.333333vw;height:24vw;border-radius:.8vw}.share-course .v-list-item .content .info{width:55.2vw;position:relative}.share-course .v-list-item .content .info .title{font-size:4.266667vw;color:#333;height:4.8vw;line-height:4.8vw}.share-course .v-list-item .content .info .contact{font-size:3.466667vw;color:#666;margin-top:2.666667vw}.share-course .v-list-item .content .info button{position:absolute;bottom:0;font-size:3.2vw;color:#ff4000;height:7.466667vw;padding:0 3.466667vw;border:1px solid #ff4000;border-radius:.8vw;background-color:#fff}.share-course .not-data{width:100%;height:5.333333vw;line-height:5.333333vw;text-align:center;color:#666;font-size:3.2vw;position:absolute;top:50%;margin-top:-2.666667vw}
/*# sourceMappingURL=ShareCourse.278ad3b1.chunk.css.map */
\ No newline at end of file
{"version":3,"sources":["/Users/zhanghaozhe/server/mr-julyedu/src/components/ShareCourse/index.scss"],"names":[],"mappings":"AAmGA,2BAEI,WAAA,CACA,SAAA,CACA,sCAA2B,CAJ/B,oCAOM,WAAA,CACA,SAAU,CARhB,2CAWQ,iBAAA,CACA,WAAA,CACA,uBAAkB,CAb1B,+CAgBU,iBAAA,CACA,WAAA,CACA,kBAAkB,CAlB5B,0CAuBQ,YAAA,CACA,iBAAkB,CAxB1B,iDA2BU,oBAAA,CACA,UAAA,CACA,YAAA,CACA,iBAAiB,CA9B3B,mDAkCU,oBAAA,CACA,UAAA,CACA,qBAAgB,CApC1B,iDAwCU,iBAAA,CACA,QAAA,CACA,eAAA,CACA,aAAA,CACA,iBAAA,CACA,oBAAA,CACA,wBAAA,CACA,kBAAA,CACA,qBAAsB,CAhDhC,wBAuDI,UAAA,CACA,iBAAA,CACA,sBAAA,CACA,iBAAA,CACA,UAAA,CACA,eAAA,CACA,iBAAA,CACA,OAAA,CACA,sBAAiB","file":"ShareCourse.278ad3b1.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.share-course .v-list-item {\n height: 90px;\n padding: 0;\n margin: 10px 18px 20px 15px; }\n .share-course .v-list-item .content {\n border: none;\n padding: 0; }\n .share-course .v-list-item .content .cover {\n width: 125px;\n height: 90px;\n margin-right: 10px; }\n .share-course .v-list-item .content .cover img {\n width: 125px;\n height: 90px;\n border-radius: 3px; }\n .share-course .v-list-item .content .info {\n width: 207px;\n position: relative; }\n .share-course .v-list-item .content .info .title {\n font-size: 16px;\n color: #333;\n height: 18px;\n line-height: 18px; }\n .share-course .v-list-item .content .info .contact {\n font-size: 13px;\n color: #666;\n margin-top: 10px; }\n .share-course .v-list-item .content .info button {\n position: absolute;\n bottom: 0;\n font-size: 12px;\n color: #FF4000;\n height: 28px;\n padding: 0 13px;\n border: 1px solid #FF4000;\n border-radius: 3px;\n background-color: #fff; }\n\n.share-course .not-data {\n width: 100%;\n height: 20px;\n line-height: 20px;\n text-align: center;\n color: #666;\n font-size: 12px;\n position: absolute;\n top: 50%;\n margin-top: -10px; }\n"]}
\ No newline at end of file
#root,body,html{height:100%!important}.cart-page{height:100%;width:100%;display:flex;flex-direction:column}.cart-page .cart-tip{color:#555;margin-top:37.333333vw;text-align:center}.cart-page .cart-tip .iconfridge{font-size:5.6vw}.cart-page .cart-tip .cart-mess{font-size:3.2vw;color:#666}.cart-page .cart-tip a{display:inline-block;font-size:4.266667vw;margin-top:10.666667vw;color:#09f}.cart-page .edit{padding-right:2.666667vw;font-size:3.733333vw}.cart-page .cart-body{height:100%;flex:1 1;margin-bottom:13.333333vw;display:flex;background-color:#f5f5f5;overflow-y:auto;position:relative}.cart-page .cart-body .cart-main{width:100%}.cart-page .cart-body .cart-main>.am-list-item{border-bottom:1px solid #eee}.cart-page .cart-body .cart-main>.am-list-item.am-list-item-active,.cart-page .cart-body .cart-main>.am-list-item .am-list-line:after{background-color:initial}.cart-page .cart-body .cart-main .cart-c-title{display:flex;align-items:center;justify-content:space-between}.cart-page .cart-body .cart-main .cart-c-title>div{flex:1 1}.cart-page .cart-body .cart-main .cart-c-title span{font-size:3.733333vw;margin-left:2.666667vw}.cart-page .cart-body .cart-main .cart-c-title .next{width:3.733333vw;height:3.733333vw;display:inline-block;margin-left:2.666667vw}.cart-page .cart-body .cart-main .cart-c-title i{font-style:inherit;font-size:3.733333vw;display:block;padding:0 2.666667vw}.cart-page .cart-body .cart-main .cart-c-body .am-list-item-active{background-color:initial}.cart-page .cart-body .cart-main .cart-c-body .am-list-line{padding-right:0}.cart-page .cart-body .cart-main .cart-c-body .am-list-content{position:relative}.cart-page .cart-body .cart-main .cart-c-body .cart-c-item{overflow:hidden;margin:2.133333vw 0;height:32vw;padding:4vw 4vw 4vw 3.2vw;background-color:#fff}.cart-page .cart-body .cart-main .cart-c-body .cart-c-item .cart-c-check{width:8vw;float:left;display:flex;align-items:center;height:100%}.cart-page .cart-body .cart-main .cart-c-body .cart-ci-left{position:absolute;top:0;left:10.666667vw;height:100%;overflow:hidden;display:flex;justify-content:center;align-items:center}.cart-page .cart-body .cart-main .cart-c-body .cart-ci-left img{height:22.666667vw;width:22.666667vw;display:block;border:1px solid #eee}.cart-page .cart-body .cart-main .cart-c-body .cart-ci-right{min-height:23.2vw;margin-left:36vw;margin-right:2.133333vw}.cart-page .cart-body .cart-main .cart-c-body .cart-ci-right .am-stepper-handler{line-height:7.466667vw;font-size:3.733333vw;width:6.933333vw;height:6.933333vw;display:flex;justify-content:center;align-items:center}.cart-page .cart-body .cart-main .cart-c-body .cart-ci-right .r-title{font-size:4vw;white-space:normal;font-weight:700;overflow:hidden;max-height:12.266667vw}.cart-page .cart-body .cart-main .cart-c-body .cart-ci-right .r-title span{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;white-space:inherit;-webkit-line-clamp:2}.cart-page .cart-body .cart-main .cart-c-body .cart-ci-right .r-step{display:flex;justify-content:space-between}.cart-page .cart-body .cart-main .cart-c-body .cart-ci-right .r-step .r-price{color:#ff5b05;font-size:3.733333vw;line-height:8vw}.cart-page .cart-body .cart-main .cart-c-body .cart-ci-right .r-step .r-price span{font-size:3.2vw}.cart-page .cart-body .cart-main .cart-c-body .cart-ci-right .r-step .span-stepper{width:26.666667vw}.cart-page .cart-body .cart-main .cart-c-body .cart-ci-right .r-step .am-stepper-input{font-size:3.2vw}.cart-page .cart-footer{position:fixed;bottom:0;left:0;width:100%;display:flex;justify-content:space-between;background-color:#fff;height:13.333333vw}.cart-page .cart-footer .cart-label{display:flex}.cart-page .cart-footer>div:first-child{text-align:center;height:13.333333vw;line-height:13.333333vw;padding-left:3.2vw}.cart-page .cart-footer>div:first-child div{font-size:4.266667vw;color:#333;margin-left:1.6vw}.cart-page .cart-footer .all-pirce{flex:1 1;margin-right:5.333333vw;display:flex;align-items:center}.cart-page .cart-footer .all-pirce p{margin:0;padding:0;font-size:4.266667vw;text-align:right;width:100%}.cart-page .cart-footer .all-pirce p span{color:#666;font-size:3.733333vw}.cart-page .cart-footer .all-pirce p span:nth-child(2){color:#ff2121}.cart-page .cart-footer>div:nth-child(3){width:26.666667vw;line-height:13.333333vw;text-align:center;font-size:4.266667vw;background-color:#999;color:#fff}.cart-page .cart-footer>div:nth-child(3) span{font-size:4.266667vw;font-weight:400}.cart-page .cart-footer div.active{background-color:#ff3131;color:#fff}.cart-page .am-navbar-light{background-color:#f7f9fc}
/*# sourceMappingURL=ShopCart.3a4dbb7a.chunk.css.map */
\ No newline at end of file
{"version":3,"sources":["/Users/zhanghaozhe/server/mr-julyedu/src/components/shopCart/card.scss"],"names":[],"mappings":"AAmGA,gBACI,qBAAuB,CAG3B,WACI,WAAA,CACA,UAAA,CACA,YAAA,CACA,qBAAsB,CAJ1B,qBAOQ,UAAA,CACA,sBAAA,CACA,iBAAkB,CAT1B,iCAYY,eAAe,CAZ3B,gCAgBY,eAAA,CACA,UA9GI,CA6FhB,uBAqBY,oBAAA,CACA,oBAAA,CACA,sBAAA,CACA,UA5HC,CAoGb,iBA6BQ,wBAAA,CACA,oBAAe,CA9BvB,sBAkCQ,WAAA,CACA,QAAA,CACA,yBAAA,CACA,YAAA,CACA,wBAAA,CACA,eAAA,CACA,iBAAkB,CAxC1B,iCA2CY,UAAW,CA3CvB,+CA8CgB,4BAA6B,CA9C7C,sIAsDgB,wBAA6B,CAtD7C,+CA0DgB,YAAA,CACA,kBAAA,CACA,6BAA8B,CA5D9C,mDA+DoB,QAAO,CA/D3B,oDAmEoB,oBAAA,CACA,sBAAiB,CApErC,qDAwEoB,gBAAA,CACA,iBAAA,CACA,oBAAA,CACA,sBAAiB,CA3ErC,iDA+EoB,kBAAA,CACA,oBAAA,CACA,aAAA,CACA,oBAAe,CAlFnC,mEAwFoB,wBAA6B,CAxFjD,4DA4FoB,eAAkB,CA5FtC,+DAgGoB,iBAAkB,CAhGtC,2DAoGoB,eAAA,CACA,mBAAA,CACA,WAAA,CACA,yBAAA,CACA,qBA3MR,CAmGZ,yEA2GwB,SAAA,CACA,UAAA,CACA,YAAA,CACA,kBAAA,CACA,WAAY,CA/GpC,4DAoHoB,iBAAA,CACA,KAAA,CACA,gBAAA,CACA,WAAA,CACA,eAAA,CACA,YAAA,CACA,sBAAA,CACA,kBAAmB,CA3HvC,gEA8HwB,kBAAA,CACA,iBAAA,CACA,aAAA,CACA,qBAAsB,CAjI9C,6DAsIoB,iBAAA,CACA,gBAAA,CACA,uBAAiB,CAxIrC,iFA2IwB,sBAAA,CACA,oBAAA,CACA,gBAAA,CACA,iBAAA,CACA,YAAA,CACA,sBAAA,CACA,kBAAmB,CAjJ3C,sEAqJwB,aAAA,CACA,kBAAA,CACA,eAAA,CACA,eAAA,CACA,sBAAgB,CAzJxC,2EA4J4B,eAAA,CACA,sBAAA,CACA,mBAAA,CAEA,2BAAA,CACA,mBAAA,CACA,oBAAqB,CAlKjD,qEAuKwB,YAAA,CACA,6BAA8B,CAxKtD,8EA2K4B,aAAA,CACA,oBAAA,CACA,eAAiB,CA7K7C,mFAgLgC,eAAe,CAhL/C,mFAqL4B,iBAAY,CArLxC,uFAyL4B,eAAe,CAzL3C,wBAkMQ,cAAA,CACA,QAAA,CACA,MAAA,CACA,UAAA,CACA,YAAA,CACA,6BAAA,CACA,qBAAA,CACA,kBAAY,CAzMpB,oCA4MY,YAAa,CA5MzB,wCAgNY,iBAAA,CACA,kBAAA,CACA,uBAAA,CACA,kBAAkB,CAnN9B,4CAsNgB,oBAAA,CACA,UAAA,CACA,iBAAgB,CAxNhC,mCA6NY,QAAA,CACA,uBAAA,CACA,YAAA,CACA,kBAAmB,CAhO/B,qCAmOgB,QAAA,CACA,SAAA,CACA,oBAAA,CACA,gBAAA,CACA,UAAW,CAvO3B,0CA0OoB,UAAA,CACA,oBAjTN,CAsEd,uDA+OoB,aAhVP,CAiGb,yCAqPY,iBAAA,CACA,uBAAA,CACA,iBAAA,CACA,oBAAA,CACA,qBAAA,CACA,UA7VA,CAmGZ,8CA6PgB,oBAAA,CACA,eAAgB,CA9PhC,mCAmQY,wBAAA,CACA,UAAW,CApQvB,4BAyQQ,wBAjUW","file":"ShopCart.3a4dbb7a.chunk.css","sourcesContent":["@charset \"UTF-8\";\n/*\n * @ 文字颜色\n */\n/*\n * @ 文字大小\n */\n/*\n * @ 背景颜色\n */\n/*\n * @ 分割线颜色\n */\n/*\n * @ 边框颜色\n */\n/*\n * @ 标签颜色\n */\nhtml, body, #root {\n height: 100% !important; }\n\n.cart-page {\n height: 100%;\n width: 100%;\n display: flex;\n flex-direction: column; }\n .cart-page .cart-tip {\n color: #555;\n margin-top: 140px;\n text-align: center; }\n .cart-page .cart-tip .iconfridge {\n font-size: 21px; }\n .cart-page .cart-tip .cart-mess {\n font-size: 12px;\n color: #666; }\n .cart-page .cart-tip a {\n display: inline-block;\n font-size: 16px;\n margin-top: 40px;\n color: #09f; }\n .cart-page .edit {\n padding-right: 10px;\n font-size: 14px; }\n .cart-page .cart-body {\n height: 100%;\n flex: 1;\n margin-bottom: 50px;\n display: flex;\n background-color: #f5f5f5;\n overflow-y: auto;\n position: relative; }\n .cart-page .cart-body .cart-main {\n width: 100%; }\n .cart-page .cart-body .cart-main > .am-list-item {\n border-bottom: 1px solid #eee; }\n .cart-page .cart-body .cart-main > .am-list-item .am-list-line::after {\n background-color: transparent; }\n .cart-page .cart-body .cart-main > .am-list-item.am-list-item-active {\n background-color: transparent; }\n .cart-page .cart-body .cart-main .cart-c-title {\n display: flex;\n align-items: center;\n justify-content: space-between; }\n .cart-page .cart-body .cart-main .cart-c-title > div {\n flex: 1; }\n .cart-page .cart-body .cart-main .cart-c-title span {\n font-size: 14px;\n margin-left: 10px; }\n .cart-page .cart-body .cart-main .cart-c-title .next {\n width: 14px;\n height: 14px;\n display: inline-block;\n margin-left: 10px; }\n .cart-page .cart-body .cart-main .cart-c-title i {\n font-style: inherit;\n font-size: 14px;\n display: block;\n padding: 0 10px; }\n .cart-page .cart-body .cart-main .cart-c-body .am-list-item-active {\n background-color: transparent; }\n .cart-page .cart-body .cart-main .cart-c-body .am-list-line {\n padding-right: 0px; }\n .cart-page .cart-body .cart-main .cart-c-body .am-list-content {\n position: relative; }\n .cart-page .cart-body .cart-main .cart-c-body .cart-c-item {\n overflow: hidden;\n margin: 8px 0;\n height: 120px;\n padding: 15px 15px 15px 12px;\n background-color: #fff; }\n .cart-page .cart-body .cart-main .cart-c-body .cart-c-item .cart-c-check {\n width: 30px;\n float: left;\n display: flex;\n align-items: center;\n height: 100%; }\n .cart-page .cart-body .cart-main .cart-c-body .cart-ci-left {\n position: absolute;\n top: 0;\n left: 40px;\n height: 100%;\n overflow: hidden;\n display: flex;\n justify-content: center;\n align-items: center; }\n .cart-page .cart-body .cart-main .cart-c-body .cart-ci-left img {\n height: 85px;\n width: 85px;\n display: block;\n border: 1px solid #eee; }\n .cart-page .cart-body .cart-main .cart-c-body .cart-ci-right {\n min-height: 87px;\n margin-left: 135px;\n margin-right: 8px; }\n .cart-page .cart-body .cart-main .cart-c-body .cart-ci-right .am-stepper-handler {\n line-height: 28px;\n font-size: 14px;\n width: 26px;\n height: 26px;\n display: flex;\n justify-content: center;\n align-items: center; }\n .cart-page .cart-body .cart-main .cart-c-body .cart-ci-right .r-title {\n font-size: 15px;\n white-space: normal;\n font-weight: bold;\n overflow: hidden;\n max-height: 46px; }\n .cart-page .cart-body .cart-main .cart-c-body .cart-ci-right .r-title span {\n overflow: hidden;\n text-overflow: ellipsis;\n display: -webkit-box;\n /* autoprefixer: ignore next */\n -webkit-box-orient: vertical;\n white-space: inherit;\n -webkit-line-clamp: 2; }\n .cart-page .cart-body .cart-main .cart-c-body .cart-ci-right .r-step {\n display: flex;\n justify-content: space-between; }\n .cart-page .cart-body .cart-main .cart-c-body .cart-ci-right .r-step .r-price {\n color: #ff5b05;\n font-size: 14px;\n line-height: 30px; }\n .cart-page .cart-body .cart-main .cart-c-body .cart-ci-right .r-step .r-price span {\n font-size: 12px; }\n .cart-page .cart-body .cart-main .cart-c-body .cart-ci-right .r-step .span-stepper {\n width: 100px; }\n .cart-page .cart-body .cart-main .cart-c-body .cart-ci-right .r-step .am-stepper-input {\n font-size: 12px; }\n .cart-page .cart-footer {\n position: fixed;\n bottom: 0;\n left: 0;\n width: 100%;\n display: flex;\n justify-content: space-between;\n background-color: white;\n height: 50px; }\n .cart-page .cart-footer .cart-label {\n display: flex; }\n .cart-page .cart-footer > div:nth-child(1) {\n text-align: center;\n height: 50px;\n line-height: 50px;\n padding-left: 12px; }\n .cart-page .cart-footer > div:nth-child(1) div {\n font-size: 16px;\n color: #333;\n margin-left: 6px; }\n .cart-page .cart-footer .all-pirce {\n flex: 1;\n margin-right: 20px;\n display: flex;\n align-items: center; }\n .cart-page .cart-footer .all-pirce p {\n margin: 0;\n padding: 0;\n font-size: 16px;\n text-align: right;\n width: 100%; }\n .cart-page .cart-footer .all-pirce p span {\n color: #666;\n font-size: 14px; }\n .cart-page .cart-footer .all-pirce p span:nth-child(2) {\n color: #FF2121; }\n .cart-page .cart-footer > div:nth-child(3) {\n width: 100px;\n line-height: 50px;\n text-align: center;\n font-size: 16px;\n background-color: #999;\n color: #fff; }\n .cart-page .cart-footer > div:nth-child(3) span {\n font-size: 16px;\n font-weight: 400; }\n .cart-page .cart-footer div.active {\n background-color: #ff3131;\n color: #fff; }\n .cart-page .am-navbar-light {\n background-color: #f7f9fc; }\n"]}
\ No newline at end of file
.aist-share{position:relative;width:100%;height:100%;background-image:url(https://julyedu-cdn.oss-cn-beijing.aliyuncs.com/active19_717/m/aist/aist-bg.png);background-repeat:no-repeat;background-position:bottom;background-size:contain;background-color:#a4ffe7;overflow:hidden}.aist-share .content{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:91.466667vw;height:131.733333vw;padding:4.8vw 3.2vw;background:#fff;box-sizing:border-box;box-shadow:0 1.066667vw 2.133333vw rgba(0,0,0,.1);overflow:hidden;border-radius:1.333333vw}.aist-share .user{display:flex;flex-flow:column;align-items:center;margin-bottom:4.8vw}.aist-share .user img{width:16vw;height:16vw;border-radius:50%;margin-bottom:2.133333vw}.aist-share .user .username{font-size:4.533333vw;line-height:6.4vw;color:#111}.aist-share .user .time{font-size:3.2vw;color:#666;line-height:4.533333vw}.aist-share .course{display:flex;padding:2.666667vw;margin-bottom:7.2vw;box-shadow:0 1.066667vw 2.133333vw rgba(0,131,143,.1);border-radius:1px}.aist-share .course-cover{width:22.933333vw;margin-right:2.666667vw}.aist-share .course-cover img{width:100%;height:16.533333vw}.aist-share .course-info{text-align:left;width:54.4vw}.aist-share .course-info .title{color:#111;font-size:4.266667vw;line-height:6.133333vw}.aist-share .course-info .des{width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:3.2vw;color:#666;line-height:4.533333vw}.aist-share .progress{position:relative;display:flex;width:80vw;margin:0 auto 7.2vw;list-style:none;padding-bottom:6.666667vw;border-bottom:1px solid #e5e5e5;background-clip:padding-box}.aist-share .progress:before{left:-11.733333vw}.aist-share .progress:after,.aist-share .progress:before{content:"";display:block;width:9.6vw;height:9.6vw;position:absolute;bottom:-4.8vw;background-color:#c1fded;border-radius:50%;box-shadow:inset 0 1.066667vw 1.066667vw 1px rgba(0,0,0,.1)}.aist-share .progress:after{right:-11.733333vw}.aist-share .progress li{height:15.2vw;flex:1 1}.aist-share .progress li:first-child{border-right:1px solid #ddd}.aist-share .progress .title{margin-bottom:2.133333vw;font-size:3.733333vw;color:#111;line-height:5.333333vw;text-align:center}.aist-share .progress-value{display:flex;justify-content:center;align-items:flex-end}.aist-share .progress-value>div{font-size:4vw;line-height:9.066667vw;color:#000}.aist-share .progress-value .num{font-size:8.8vw;color:#111;line-height:1em}.aist-share .recommend-app{display:flex;box-sizing:border-box;padding:0 2.666667vw;justify-content:space-between}.aist-share .recommend-app .text{width:48vw;margin-right:8vw;text-align:left;display:flex;flex-flow:wrap}.aist-share .recommend-app .bold{font-size:4vw;color:#111;line-height:5.6vw;margin-bottom:4vw}.aist-share .recommend-app .bold div:first-child{margin-bottom:1.066667vw}.aist-share .recommend-app .light{font-size:3.733333vw;color:#999;line-height:5.333333vw;align-self:flex-end}.aist-share .recommend-app .light img{width:4vw;height:4vw;vertical-align:middle;margin-left:1.6vw}.aist-share .recommend-app .qrcode{width:24vw;height:24vw}.aist-share .overlay,.aist-share .recommend-app .qrcode img{width:100%;height:100%}.aist-share .overlay{position:absolute;top:0;left:0;background:rgba(0,0,0,.6);overflow:hidden}.aist-share .overlay img{position:absolute;top:2.933333vw;right:5.866667vw;width:29.6vw;height:21.866667vw}.aist-share .overlay .text{position:absolute;top:28vw;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:91.466667vw;height:16.266667vw;background:#fff;font-size:4vw;color:#333;padding:5.333333vw;border-radius:1.066667vw}.aist-share .overlay .text,.am-button{text-align:center;box-sizing:border-box}.am-button{display:block;outline:0 none;-webkit-appearance:none;padding:0;font-size:4.8vw;height:12.533333vw;line-height:12.533333vw;overflow:hidden;text-overflow:ellipsis;word-break:break-word;white-space:nowrap;color:#000;background-color:#fff;border:1px solid #ddd;border-radius:1.333333vw}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:2dppx){html:not([data-scale]) .am-button{position:relative;border:none}html:not([data-scale]) .am-button:before{content:"";position:absolute;left:0;top:0;width:200%;height:200%;border:1px solid #ddd;border-radius:10px;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scale(.5);transform:scale(.5);box-sizing:border-box;pointer-events:none}}.am-button-borderfix:before{-webkit-transform:scale(.49)!important;transform:scale(.49)!important}.am-button.am-button-active{background-color:#ddd}.am-button.am-button-disabled{color:rgba(0,0,0,.3);opacity:.6}.am-button-primary{color:#fff;background-color:#108ee9;border:1px solid #108ee9;border-radius:1.333333vw}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:2dppx){html:not([data-scale]) .am-button-primary{position:relative;border:none}html:not([data-scale]) .am-button-primary:before{content:"";position:absolute;left:0;top:0;width:200%;height:200%;border:1px solid #108ee9;border-radius:10px;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scale(.5);transform:scale(.5);box-sizing:border-box;pointer-events:none}}.am-button-primary.am-button-active{color:hsla(0,0%,100%,.3);background-color:#0e80d2}.am-button-primary.am-button-disabled{color:hsla(0,0%,100%,.6);opacity:.4}.am-button-ghost{color:#108ee9;background-color:initial;border:1px solid #108ee9;border-radius:1.333333vw}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:2dppx){html:not([data-scale]) .am-button-ghost{position:relative;border:none}html:not([data-scale]) .am-button-ghost:before{content:"";position:absolute;left:0;top:0;width:200%;height:200%;border:1px solid #108ee9;border-radius:10px;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scale(.5);transform:scale(.5);box-sizing:border-box;pointer-events:none}}.am-button-ghost.am-button-active{color:rgba(16,142,233,.6);background-color:initial;border:1px solid rgba(16,142,233,.6);border-radius:1.333333vw}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:2dppx){html:not([data-scale]) .am-button-ghost.am-button-active{position:relative;border:none}html:not([data-scale]) .am-button-ghost.am-button-active:before{content:"";position:absolute;left:0;top:0;width:200%;height:200%;border:1px solid rgba(16,142,233,.6);border-radius:10px;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scale(.5);transform:scale(.5);box-sizing:border-box;pointer-events:none}}.am-button-ghost.am-button-disabled{color:rgba(0,0,0,.1);border:1px solid rgba(0,0,0,.1);border-radius:1.333333vw;opacity:1}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:2dppx){html:not([data-scale]) .am-button-ghost.am-button-disabled{position:relative;border:none}html:not([data-scale]) .am-button-ghost.am-button-disabled:before{content:"";position:absolute;left:0;top:0;width:200%;height:200%;border:1px solid rgba(0,0,0,.1);border-radius:10px;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scale(.5);transform:scale(.5);box-sizing:border-box;pointer-events:none}}.am-button-warning{color:#fff;background-color:#e94f4f}.am-button-warning.am-button-active{color:hsla(0,0%,100%,.3);background-color:#d24747}.am-button-warning.am-button-disabled{color:hsla(0,0%,100%,.6);opacity:.4}.am-button-inline{display:inline-block;padding:0 4vw}.am-button-inline.am-button-icon{display:inline-flex}.am-button-small{font-size:3.466667vw;height:8vw;line-height:8vw;padding:0 4vw}.am-button-icon{display:flex;align-items:center;justify-content:center}.am-button>.am-button-icon{margin-right:.5em}
/*# sourceMappingURL=aist-share.ca49c1cb.chunk.css.map */
\ No newline at end of file
.blessing_get_prize{width:100vw;height:100vh;overflow:auto;background-color:#4b00f3;padding-bottom:15.466667vw}.blessing_get_prize .is__get_prize{width:100%;height:37.333333vw;background:url(https://julyedu-cdn.oss-cn-beijing.aliyuncs.com/active19_1111/m/quan2x.png) 50% no-repeat;background-size:100% 100%;margin-top:2.666667vw;position:relative}.blessing_get_prize .is__get_prize .get_piriz__info{width:100%;height:100%;position:absolute;left:0;top:0;display:flex;flex-direction:column;justify-content:flex-start;align-items:center}.blessing_get_prize .is__get_prize .get_piriz__info .result{height:4.266667vw;line-height:4.266667vw;font-size:4.266667vw;font-weight:400;color:#4c21ef;margin-top:8vw}.blessing_get_prize .is__get_prize .get_piriz__info .virtual{font-size:4.266667vw;font-weight:500;color:#4c21ef;line-height:5.333333vw;margin-top:2.666667vw}.blessing_get_prize .is__get_prize .get_piriz__info .virtual div{width:100%;text-align:center;-moz-text-align-last:center;text-align-last:center;margin-top:1.066667vw}.blessing_get_prize .is__get_prize .get_piriz__info .no_prize{font-size:4.266667vw;font-weight:500;color:#4c21ef;width:100%;text-align:center;-moz-text-align-last:center;text-align-last:center;margin-top:4.8vw}.blessing_get_prize .is__get_prize .get_piriz__info .real__prize{font-size:4.266667vw;font-weight:500;color:#4c21ef;width:100%;margin-top:4.266667vw;display:flex;flex-direction:column;justify-content:center;align-items:center}.blessing_get_prize .is__get_prize .get_piriz__info .real__prize div{line-height:5.333333vw;width:80%;text-align:center;-moz-text-align-last:center;text-align-last:center}.blessing_get_prize .is__get_prize .get_piriz__info .real__prize .address{font-size:3.2vw;font-weight:400;text-decoration:underline;color:#4c21ef;margin-top:1.6vw}.blessing_get_prize .current_stage{width:100%;font-size:4.266667vw;font-weight:500;color:#fff;text-align:center;-moz-text-align-last:center;text-align-last:center;margin-top:9.6vw}.blessing_get_prize .prize_list_container{width:100%;height:66.666667vw;background:#3500a2;box-shadow:0 .8vw 1.6vw 0 rgba(0,0,0,.1);display:flex;flex-direction:row;justify-content:flex-start;align-items:flex-start;flex-wrap:wrap;padding:4.266667vw}.blessing_get_prize .prize_list_container .prize__item{width:28.266667vw;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;margin-right:2.666667vw}.blessing_get_prize .prize_list_container .prize__item:nth-child(3n){margin-right:0}.blessing_get_prize .prize_list_container .prize__item .prize__image{width:28.266667vw;height:21.866667vw}.blessing_get_prize .prize_list_container .prize__item .name__num{display:flex;flex-direction:row;justify-content:space-around;align-items:center;font-size:3.2vw;font-weight:400;color:#fff;margin-top:1.6vw}.blessing_get_prize .prize_list_container .prize__item .name__num span:first-child{width:18.666667vw;flex:0 0 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.blessing_get_prize .prize_list_container .prize__item .name__num span:last-child{width:9.6vw;flex:0 0 auto}.blessing_get_prize .join__button{display:block;width:90.666667vw;height:13.333333vw;background:-webkit-gradient(linear,left top,right top,from(#ff6905),to(#ffb405));background:-webkit-linear-gradient(left,#ff6905,#ffb405);background:linear-gradient(90deg,#ff6905,#ffb405);font-size:4.8vw;font-weight:500;color:#fff;border-radius:1.333333vw;margin:5.333333vw auto 8.533333vw;line-height:13.333333vw;text-align:center;-moz-text-align-last:center;text-align-last:center}.blessing_get_prize .prize__tip{display:flex;flex-direction:row;justify-content:center;align-items:center;font-size:3.733333vw;font-weight:400;color:#fff;margin-bottom:3.2vw}.blessing_get_prize .prize__tip .line{width:34.133333vw;height:1px;background:#fff}.blessing_get_prize .prize__tip span{margin:0 2.133333vw}.blessing_get_prize .blessing__des{font-size:3.2vw;font-weight:300;color:hsla(0,0%,100%,.6);text-align:center;margin-bottom:4.266667vw}.blessing_get_prize .to__preheat{display:inline-block;width:100%;font-size:3.733333vw;font-weight:300;text-decoration:underline;color:hsla(0,0%,100%,.6);text-align:center}.blessing_get_prize .active_over_container{display:flex;flex-direction:column;justify-content:center;align-items:center;width:90.666667vw;height:41.6vw;margin:1.066667vw auto;background:url(https://julyedu-cdn.oss-cn-beijing.aliyuncs.com/active19_1111/m/active_over.png) 50% no-repeat;background-size:100% 100%}.blessing_get_prize .active_over_container p{font-size:4.8vw;font-weight:500;color:#4c21ef;line-height:7.2vw}.blessing_get_prize .active_over_container .to_active{width:79.466667vw;height:11.733333vw;background:-webkit-gradient(linear,left top,right top,from(#ff6905),to(#ffb405));background:-webkit-linear-gradient(left,#ff6905,#ffb405);background:linear-gradient(90deg,#ff6905,#ffb405);border-radius:1.333333vw;font-size:4.8vw;font-weight:500;color:#fff;display:flex;justify-content:center;align-items:center;margin-top:5.333333vw}.address__prize{font-size:4.266667vw;width:100%;text-align:center;-moz-text-align-last:center;text-align-last:center;color:#525c65;line-height:4.266667vw;margin-top:4.266667vw}.list-header{display:flex;align-items:center;justify-content:center}.list-header--middle .list-header__decorate{width:6.666667vw;height:3.2vw}.list-header--middle .list-header__content{padding:0 3.2vw;font-size:4.266667vw;font-weight:500;color:#fff}.list-header__decorate{display:inline-block;width:9.866667vw;height:4.8vw;background-size:cover}.list-header__decorate[data-position=left]{background-image:url(https://julyedu-cdn.oss-cn-beijing.aliyuncs.com/active19_1111/m/list-header-l.png)}.list-header__decorate[data-position=right]{background-image:url(https://julyedu-cdn.oss-cn-beijing.aliyuncs.com/active19_1111/m/list-header-r.png)}.list-header__content{margin:0;padding:0 4vw;font-size:4.8vw;font-weight:600;color:#fff604;line-height:1}.address-form__desc{width:63.466667vw;margin:4.266667vw auto 4vw;font-size:3.2vw;color:#999}.address-form__item{position:relative;width:66.666667vw;margin:0 auto 4.266667vw}.address-form__ipt{display:block;width:100%;height:10.666667vw;border:1px solid #ddd;font-size:3.733333vw;font-weight:400;color:#999;text-indent:2.666667vw}.address-form__tip{position:absolute;bottom:-3.733333vw;width:100%;font-size:3.2vw;color:red;line-height:3.733333vw}.address-form__submit{display:block;width:32vw;height:9.066667vw;margin:2.133333vw auto 0;border-radius:4.533333vw;border-style:none;background-color:rgba(82,92,101,.3);font-size:4vw;font-weight:500;color:#fff;line-height:9.066667vw;cursor:pointer;outline:none}.address-form__submit[data-status=do]{background-color:#09f}
/*# sourceMappingURL=blessing-getPrize.951fd27d.chunk.css.map */
\ No newline at end of file
.address-form__desc{width:63.466667vw;margin:4.266667vw auto 4vw;font-size:3.2vw;color:#999}.address-form__item{position:relative;width:66.666667vw;margin:0 auto 4.266667vw}.address-form__ipt{display:block;width:100%;height:10.666667vw;border:1px solid #ddd;font-size:3.733333vw;font-weight:400;color:#999;text-indent:2.666667vw}.address-form__tip{position:absolute;bottom:-3.733333vw;width:100%;font-size:3.2vw;color:red;line-height:3.733333vw}.address-form__submit{display:block;width:32vw;height:9.066667vw;margin:2.133333vw auto 0;border-radius:4.533333vw;border-style:none;background-color:rgba(82,92,101,.3);font-size:4vw;font-weight:500;color:#fff;line-height:9.066667vw;cursor:pointer;outline:none}.address-form__submit[data-status=do]{background-color:#09f}.rank__banner{height:44.8vw;background-image:url(https://julyedu-cdn.oss-cn-beijing.aliyuncs.com/active19_1111/m/rank-banner.png);background-size:cover}.rank__body{padding:5.333333vw 1.333333vw 10.4vw;background-color:#5327fa}.rank__address{display:block;width:35.466667vw;height:6.933333vw;margin:0 auto 2.666667vw;padding:0;border:1px solid #fff604;border-radius:3.466667vw;box-sizing:border-box;font-size:3.466667vw;color:#fff604;line-height:6.933333vw;background-color:initial;outline:none;cursor:pointer}.rank__table{display:table;width:100%;margin:0 0 5.333333vw;border-radius:1.333333vw;overflow:hidden}.rank__table-header{display:table-row;height:10.133333vw;border-radius:1.333333vw 1.333333vw 0 0;background-color:#5970ff}.rank__table-body{display:table-row;height:10.133333vw;background-color:#471ce6}.rank__table-body:nth-child(odd){background-color:#3900c9}.rank__table-column{display:table-cell;font-size:3.733333vw;color:#fff;text-align:center;vertical-align:middle}.rank__table-column:first-child{width:15%}.rank__table-column:nth-child(2){width:30%}.rank__table-column:nth-child(3){width:20%}.rank__table-column:nth-child(4){width:35%}.rank__table-num{display:inline-block;width:3.733333vw;height:4.266667vw;background-size:cover}.rank__table-num[data-num="1"]{background-image:url(https://julyedu-cdn.oss-cn-beijing.aliyuncs.com/active19_717/m/717/-s-diyiming.png)}.rank__table-num[data-num="2"]{background-image:url(https://julyedu-cdn.oss-cn-beijing.aliyuncs.com/active19_717/m/717/-s-dierming.png)}.rank__table-num[data-num="3"]{background-image:url(https://julyedu-cdn.oss-cn-beijing.aliyuncs.com/active19_717/m/717/-s-disanming.png)}.rank__table-user{display:flex;align-items:center;padding:0 1.333333vw}.rank__table-user span{flex:1 1;text-align:left}.rank__table-portrait{display:inline-block;width:4.8vw;height:4.8vw;margin-right:1.333333vw;border-radius:50%;background-size:cover}.rank__rule{margin:0 1.333333vw;padding:5.333333vw 5.333333vw 12.8vw;border-radius:1.333333vw;background-color:#5970ff}.rank__rule-title{position:relative;width:27.466667vw;margin:0 auto 4vw;font-size:3.733333vw;font-weight:400;color:#fff;text-align:center;line-height:1}.rank__rule-title:after{left:0}.rank__rule-title:after,.rank__rule-title:before{content:"";position:absolute;top:50%;width:2.666667vw;height:1px;background-color:#fff}.rank__rule-title:before{right:0}.rank__rule-desc{font-size:3.2vw;color:#f0f1ff;line-height:4.8vw}
/*# sourceMappingURL=blessing-rank.b92d0394.chunk.css.map */
\ No newline at end of file
{"version":3,"sources":["/Users/zhanghaozhe/server/mr-julyedu/src/components/blessingPreheat/addressPopup/index.scss","/Users/zhanghaozhe/server/mr-julyedu/src/components/blessingRank/index.scss"],"names":[],"mappings":"AAoGA,oBACE,iBAAA,CACA,0BAAA,CACA,eAAA,CACA,UAAW,CAGb,oBACE,iBAAA,CACA,iBAAA,CACA,wBAAmB,CAGrB,mBACE,aAAA,CACA,UAAA,CACA,kBAAA,CACA,qBAAA,CACA,oBAAA,CACA,eAAA,CACA,UAAA,CACA,sBAAiB,CAGnB,mBACE,iBAAA,CACA,kBAAA,CACA,UAAA,CACA,eAAA,CACA,SAAA,CACA,sBAAiB,CAGnB,sBACE,aAAA,CACA,UAAA,CACA,iBAAA,CACA,wBAAA,CACA,wBAAA,CACA,iBAAA,CACA,mCAAA,CACA,aAAA,CACA,eAAA,CACA,UAAA,CACA,sBAAA,CACA,cAAA,CACA,YAAa,CAbf,sCAgBI,qBAAyB,CClD7B,cACE,aAAA,CACA,qGAAA,CACA,qBAAsB,CAGxB,YACE,oCAAA,CACA,wBAAyB,CAG3B,eACE,aAAA,CACA,iBAAA,CACA,iBAAA,CACA,wBAAA,CACA,SAAA,CACA,wBAAA,CACA,wBAAA,CACA,qBAAA,CACA,oBAAA,CACA,aAAA,CACA,sBAAA,CACA,wBAAA,CACA,YAAA,CACA,cAAe,CAGjB,aACE,aAAA,CACA,UAAA,CACA,qBAAA,CACA,wBAAA,CACA,eAAgB,CAGlB,oBACE,iBAAA,CACA,kBAAA,CACA,uCAAA,CACA,wBAAyB,CAG3B,kBACE,iBAAA,CACA,kBAAA,CACA,wBAAyB,CAH3B,iCAMI,wBAAyB,CAI7B,oBACE,kBAAA,CACA,oBAAA,CACA,UAAA,CACA,iBAAA,CACA,qBAAsB,CALxB,gCAQI,SAAU,CARd,iCAYI,SAAU,CAZd,iCAgBI,SAAU,CAhBd,iCAoBI,SAAU,CAId,iBACE,oBAAA,CACA,gBAAA,CACA,iBAAA,CACA,qBAAsB,CAJxB,+BAOI,wGAA2G,CAP/G,+BAWI,wGAA2G,CAX/G,+BAeI,yGAA4G,CAIhH,kBACE,YAAA,CACA,kBAAA,CACA,oBAAc,CAHhB,uBAMI,QAAA,CACA,eAAgB,CAIpB,sBACE,oBAAA,CACA,WAAA,CACA,YAAA,CACA,uBAAA,CACA,iBAAA,CACA,qBAAsB,CAGxB,YACE,mBAAA,CACA,oCAAA,CACA,wBAAA,CACA,wBAAyB,CAG3B,kBACE,iBAAA,CACA,iBAAA,CACA,iBAAA,CACA,oBAAA,CACA,eAAA,CACA,UAAA,CACA,iBAAA,CACA,aAAc,CARhB,wBAcI,MAGsB,CAjB1B,iDAWI,UAAA,CACA,iBAAA,CACA,OAAA,CAEA,gBAAA,CACA,UAAA,CACA,qBAUsB,CA3B1B,yBAwBI,OAGsB,CAI1B,iBACE,eAAA,CACA,aAAA,CACA,iBAAiB","file":"blessing-rank.b92d0394.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.address-form__desc {\n width: 238px;\n margin: 16px auto 15px;\n font-size: 12px;\n color: #999; }\n\n.address-form__item {\n position: relative;\n width: 250px;\n margin: 0 auto 16px; }\n\n.address-form__ipt {\n display: block;\n width: 100%;\n height: 40px;\n border: 1px solid #dddddd;\n font-size: 14px;\n font-weight: 400;\n color: #999999;\n text-indent: 10px; }\n\n.address-form__tip {\n position: absolute;\n bottom: -14px;\n width: 100%;\n font-size: 12px;\n color: #ff0000;\n line-height: 14px; }\n\n.address-form__submit {\n display: block;\n width: 120px;\n height: 34px;\n margin: 8px auto 0;\n border-radius: 17px;\n border-style: none;\n background-color: rgba(82, 92, 101, 0.3);\n font-size: 15px;\n font-weight: 500;\n color: white;\n line-height: 34px;\n cursor: pointer;\n outline: none; }\n .address-form__submit[data-status=\"do\"] {\n background-color: #0099FF; }\n","@charset \"UTF-8\";\n/*\n * @ 文字颜色\n */\n/*\n * @ 文字大小\n */\n/*\n * @ 背景颜色\n */\n/*\n * @ 分割线颜色\n */\n/*\n * @ 边框颜色\n */\n/*\n * @ 标签颜色\n */\n.rank__banner {\n height: 168px;\n background-image: url(\"https://julyedu-cdn.oss-cn-beijing.aliyuncs.com/active19_1111/m/rank-banner.png\");\n background-size: cover; }\n\n.rank__body {\n padding: 20px 5px 39px;\n background-color: #5327FA; }\n\n.rank__address {\n display: block;\n width: 133px;\n height: 26px;\n margin: 0 auto 10px;\n padding: 0;\n border: 1px solid #FFF604;\n border-radius: 13px;\n box-sizing: border-box;\n font-size: 13px;\n color: #FFF604;\n line-height: 26px;\n background-color: transparent;\n outline: none;\n cursor: pointer; }\n\n.rank__table {\n display: table;\n width: 100%;\n margin: 0 0 20px;\n border-radius: 5px;\n overflow: hidden; }\n\n.rank__table-header {\n display: table-row;\n height: 38px;\n border-radius: 5px 5px 0px 0px;\n background-color: #5970FF; }\n\n.rank__table-body {\n display: table-row;\n height: 38px;\n background-color: #471CE6; }\n .rank__table-body:nth-child(odd) {\n background-color: #3900C9; }\n\n.rank__table-column {\n display: table-cell;\n font-size: 14px;\n color: #fff;\n text-align: center;\n vertical-align: middle; }\n .rank__table-column:nth-child(1) {\n width: 15%; }\n .rank__table-column:nth-child(2) {\n width: 30%; }\n .rank__table-column:nth-child(3) {\n width: 20%; }\n .rank__table-column:nth-child(4) {\n width: 35%; }\n\n.rank__table-num {\n display: inline-block;\n width: 14px;\n height: 16px;\n background-size: cover; }\n .rank__table-num[data-num=\"1\"] {\n background-image: url(\"https://julyedu-cdn.oss-cn-beijing.aliyuncs.com/active19_717/m/717/-s-diyiming.png\"); }\n .rank__table-num[data-num=\"2\"] {\n background-image: url(\"https://julyedu-cdn.oss-cn-beijing.aliyuncs.com/active19_717/m/717/-s-dierming.png\"); }\n .rank__table-num[data-num=\"3\"] {\n background-image: url(\"https://julyedu-cdn.oss-cn-beijing.aliyuncs.com/active19_717/m/717/-s-disanming.png\"); }\n\n.rank__table-user {\n display: flex;\n align-items: center;\n padding: 0 5px; }\n .rank__table-user span {\n flex: 1;\n text-align: left; }\n\n.rank__table-portrait {\n display: inline-block;\n width: 18px;\n height: 18px;\n margin-right: 5px;\n border-radius: 50%;\n background-size: cover; }\n\n.rank__rule {\n margin: 0 5px;\n padding: 20px 20px 48px;\n border-radius: 5px;\n background-color: #5970FF; }\n\n.rank__rule-title {\n position: relative;\n width: 103px;\n margin: 0 auto 15px;\n font-size: 14px;\n font-weight: 400;\n color: #fff;\n text-align: center;\n line-height: 1; }\n .rank__rule-title::after {\n content: '';\n position: absolute;\n top: 50%;\n left: 0;\n width: 10px;\n height: 1px;\n background-color: #fff; }\n .rank__rule-title::before {\n content: '';\n position: absolute;\n top: 50%;\n right: 0;\n width: 10px;\n height: 1px;\n background-color: #fff; }\n\n.rank__rule-desc {\n font-size: 12px;\n color: #F0F1FF;\n line-height: 18px; }\n"]}
\ No newline at end of file
.order-wrapper{width:100%;height:100vh;margin-bottom:13.333333vw;background-color:#f5f5f5}.order-wrapper .order-tab{color:#000;background:#f7f9fc}.order-wrapper .order-information{display:flex;width:100%;overflow:hidden;padding:7.733333vw 4vw;color:#555;background-color:#fff;position:relative}.order-wrapper .order-information:before{content:"";left:0;right:0;bottom:0;height:.533333vw;position:absolute;background:-webkit-repeating-linear-gradient(135deg,#ff6c6c,#ff6c6c 20%,transparent 0,transparent 25%,#1989fa 0,#1989fa 45%,transparent 0,transparent 50%);background:repeating-linear-gradient(-45deg,#ff6c6c,#ff6c6c 20%,transparent 0,transparent 25%,#1989fa 0,#1989fa 45%,transparent 0,transparent 50%);background-size:21.333333vw}.order-wrapper .order-information2{height:21.333333vw;background-color:#fff;margin-top:2.133333vw;position:relative}.order-wrapper .order-information2 .user-icon{font-size:7.466667vw;flex-basis:10.666667vw}.order-wrapper .order-information2 .order-cell{height:13.333333vw;font-size:3.466667vw;color:#333;line-height:5.333333vw;flex:1 1 auto}.order-wrapper .order-information2 .order-cell .name{margin-bottom:2.666667vw}.order-wrapper .order-information2:before{content:"";left:0;right:0;bottom:0;height:.533333vw;position:absolute;background:-webkit-repeating-linear-gradient(135deg,#ff6c6c,#ff6c6c 20%,transparent 0,transparent 25%,#1989fa 0,#1989fa 45%,transparent 0,transparent 50%);background:repeating-linear-gradient(-45deg,#ff6c6c,#ff6c6c 20%,transparent 0,transparent 25%,#1989fa 0,#1989fa 45%,transparent 0,transparent 50%);background-size:21.333333vw}.order-wrapper .order-addsize{font-size:5.866667vw!important;height:5.866667vw;color:#09f}.order-wrapper .order-addsize,.order-wrapper .order-next{margin-bottom:0;line-height:5.866667vw}.order-wrapper .order-list{margin-top:2.133333vw;background-color:#f5f5f5}.order-wrapper .order-list .public-content{padding:2.666667vw 4vw}.order-wrapper .order-infotext{flex:1 1;height:5.866667vw;line-height:5.866667vw;margin-left:2.666667vw;font-size:3.733333vw;color:#555}.order-wrapper .order-info{color:#666;font-size:3.733333vw;min-width:42.666667vw;flex:1 1 auto;display:flex;flex-direction:column;justify-content:space-around}.order-wrapper .order-info .order-title{color:#333;font-size:4.266667vw}.order-wrapper .order-info .order-content{color:#666;font-size:3.733333vw;line-height:4.8vw}.order-wrapper .order-info .order-newprice{color:#ff3131;font-size:4.266667vw;margin-right:2.133333vw}.order-wrapper .order-info .price-des{color:#999;font-size:2.933333vw}.order-wrapper .order-bar{width:100%;position:fixed;bottom:0;z-index:2;height:13.333333vw;display:flex;font-size:3.733333vw;align-items:center;background-color:#fff}.order-wrapper .order-course{margin-left:5.333333vw}.order-wrapper .order-course .order-course-text{font-size:4.266667vw;color:#333}.order-wrapper .order-bar-text{flex:1 1;text-align:right;color:#323233;padding-right:5.333333vw}.order-wrapper .order-bar-text .order-amount{font-size:3.733333vw;color:#333}.order-wrapper .order-bar-text .order-amount .order-amount-price{color:#ff3131}.order-wrapper .order-bar-text .order-preprice{font-size:3.2vw;color:#555}.order-wrapper .order-button{width:29.333333vw;height:13.333333vw;display:inline-block;padding:0;background-color:#ff9898;color:#fff;line-height:12.8vw;font-size:4.266667vw;border-radius:0;text-align:center;box-sizing:border-box;-webkit-appearance:none;-webkit-text-size-adjust:100%;border:1px solid transparent}.order-wrapper .has-info{background-color:#ff3131}.order-wrapper .v-list-item{margin-top:2.133333vw;padding:2.666667vw 4vw 0}.order-wrapper .v-list-item .content{border-bottom:none}.order-wrapper .order-prefer .am-list-body:after{display:none}.order-wrapper .order-prefer .am-list-content{font-size:4vw!important}.order-wrapper .order-prefer .am-list-line{padding:0 4vw}.order-wrapper .am-list-item .am-list-line .am-list-content{color:#333}.order-wrapper .order-list .am-list-item{padding-left:0!important}.order-wrapper .deposit-limit-time{background:#fff;padding:2.933333vw 4vw;border-top:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;font-size:3.466667vw;color:#666;line-height:1.7}.order-wrapper .order-balance{line-height:11.733333vw;background:#fff;margin:2.133333vw 0}.order-wrapper .order-balance .am-list-item{padding-left:0!important}.order-wrapper .order-balance .am-list-line{padding:0 4vw}.order-wrapper .order-balance .am-list-content{color:#333;font-size:4.266667vw}.order-wrapper .order-balance .am-list-content .iconiconfront-22{font-size:4.8vw;margin-left:4vw}.order-wrapper .order-balance .order-balanceprice{color:#666;font-size:3.2vw}.order-wrapper .order-balance .order-balanceprice .order-money{color:#ff2121;font-size:3.2vw!important;font-weight:400;font-style:inherit;vertical-align:middle;margin:0}.order-wrapper .order-balance .iconiconfront-22.question-mark{font-size:6.4vw;margin-left:4vw}.order-wrapper .order-balance .am-list-body:after,.order-wrapper .order-balance .am-list-body:before{display:none}.order-wrapper .order-balance .balance-used{font-size:6.4vw;color:#09f}.order-wrapper .order-balance .circle-icon{width:5.333333vw;height:5.333333vw;border:1px solid #bfbfbf;border-radius:50%;margin-right:.533333vw}
/*# sourceMappingURL=deposit-order.6f3a01ca.chunk.css.map */
\ No newline at end of file
{"version":3,"sources":["/Users/zhanghaozhe/server/mr-julyedu/src/components/order/deposit/deposit-order/index.scss"],"names":[],"mappings":"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","file":"deposit-order.6f3a01ca.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.order-wrapper {\n width: 100%;\n height: 100vh;\n margin-bottom: 50px;\n background-color: #f5f5f5; }\n .order-wrapper .order-tab {\n color: #000;\n background: #f7f9fc; }\n .order-wrapper .order-information {\n display: flex;\n width: 100%;\n overflow: hidden;\n padding: 29px 15px;\n color: #555;\n background-color: #fff;\n position: relative; }\n .order-wrapper .order-information::before {\n content: '';\n left: 0;\n right: 0;\n bottom: 0;\n height: 2px;\n position: absolute;\n background: -webkit-repeating-linear-gradient(135deg, #ff6c6c 0, #ff6c6c 20%, transparent 0, transparent 25%, #1989fa 0, #1989fa 45%, transparent 0, transparent 50%);\n background: repeating-linear-gradient(-45deg, #ff6c6c 0, #ff6c6c 20%, transparent 0, transparent 25%, #1989fa 0, #1989fa 45%, transparent 0, transparent 50%);\n background-size: 80px; }\n .order-wrapper .order-information2 {\n height: 80px;\n background-color: #FFF;\n margin-top: 8px;\n position: relative; }\n .order-wrapper .order-information2 .user-icon {\n font-size: 28px;\n flex-basis: 40px; }\n .order-wrapper .order-information2 .order-cell {\n height: 50px;\n font-size: 13px;\n color: #333;\n line-height: 20px;\n flex: 1 1 auto; }\n .order-wrapper .order-information2 .order-cell .name {\n margin-bottom: 10px; }\n .order-wrapper .order-information2::before {\n content: '';\n left: 0;\n right: 0;\n bottom: 0;\n height: 2px;\n position: absolute;\n background: -webkit-repeating-linear-gradient(135deg, #ff6c6c 0, #ff6c6c 20%, transparent 0, transparent 25%, #1989fa 0, #1989fa 45%, transparent 0, transparent 50%);\n background: repeating-linear-gradient(-45deg, #ff6c6c 0, #ff6c6c 20%, transparent 0, transparent 25%, #1989fa 0, #1989fa 45%, transparent 0, transparent 50%);\n background-size: 80px; }\n .order-wrapper .order-addsize {\n font-size: 22px !important;\n margin-bottom: 0px;\n height: 22px;\n color: #09f;\n line-height: 22px; }\n .order-wrapper .order-next {\n line-height: 22px;\n margin-bottom: 0px; }\n .order-wrapper .order-list {\n margin-top: 8px;\n background-color: #F5F5F5; }\n .order-wrapper .order-list .public-content {\n padding: 10px 15px; }\n .order-wrapper .order-infotext {\n flex: 1;\n height: 22px;\n line-height: 22px;\n margin-left: 10px;\n font-size: 14px;\n color: #555; }\n .order-wrapper .order-info {\n color: #666;\n font-size: 14px;\n min-width: 160px;\n flex: 1 1 auto;\n display: flex;\n flex-direction: column;\n justify-content: space-around; }\n .order-wrapper .order-info .order-title {\n color: #333;\n font-size: 16px; }\n .order-wrapper .order-info .order-content {\n color: #666;\n font-size: 14px;\n line-height: 18px; }\n .order-wrapper .order-info .order-newprice {\n color: #ff3131;\n font-size: 16px;\n margin-right: 8px; }\n .order-wrapper .order-info .price-des {\n color: #999;\n font-size: 11px; }\n .order-wrapper .order-bar {\n width: 100%;\n position: fixed;\n bottom: 0;\n z-index: 2;\n height: 50px;\n display: flex;\n font-size: 14px;\n align-items: center;\n background-color: #fff; }\n .order-wrapper .order-course {\n margin-left: 20px; }\n .order-wrapper .order-course .order-course-text {\n font-size: 16px;\n color: #333; }\n .order-wrapper .order-bar-text {\n flex: 1;\n text-align: right;\n color: #323233;\n padding-right: 20px; }\n .order-wrapper .order-bar-text .order-amount {\n font-size: 14px;\n color: #333; }\n .order-wrapper .order-bar-text .order-amount .order-amount-price {\n color: #ff3131; }\n .order-wrapper .order-bar-text .order-preprice {\n font-size: 12px;\n color: #555; }\n .order-wrapper .order-button {\n width: 110px;\n height: 50px;\n display: inline-block;\n padding: 0;\n background-color: #ff9898;\n color: #fff;\n line-height: 48px;\n font-size: 16px;\n border-radius: 0px;\n text-align: center;\n box-sizing: border-box;\n -webkit-appearance: none;\n -webkit-text-size-adjust: 100%;\n border: 1px solid transparent; }\n .order-wrapper .has-info {\n background-color: #FF3131; }\n .order-wrapper .v-list-item {\n margin-top: 8px;\n padding: 10px 15px 0 15px; }\n .order-wrapper .v-list-item .content {\n border-bottom: none; }\n .order-wrapper .order-prefer .am-list-body::after {\n display: none; }\n .order-wrapper .order-prefer .am-list-content {\n font-size: 15px !important; }\n .order-wrapper .order-prefer .am-list-line {\n padding: 0 15px; }\n .order-wrapper .am-list-item .am-list-line .am-list-content {\n color: #333; }\n .order-wrapper .order-list .am-list-item {\n padding-left: 0 !important; }\n .order-wrapper .deposit-limit-time {\n background: #fff;\n padding: 11px 15px;\n border-top: 1px solid #E5E5E5;\n border-bottom: 1px solid #E5E5E5;\n font-size: 13px;\n color: #666;\n line-height: 1.7; }\n .order-wrapper .order-balance {\n line-height: 44px;\n background: #fff;\n margin: 8px 0; }\n .order-wrapper .order-balance .am-list-item {\n padding-left: 0 !important; }\n .order-wrapper .order-balance .am-list-line {\n padding: 0 15px; }\n .order-wrapper .order-balance .am-list-content {\n color: #333;\n font-size: 16px; }\n .order-wrapper .order-balance .am-list-content .iconiconfront-22 {\n font-size: 18px;\n margin-left: 15px; }\n .order-wrapper .order-balance .order-balanceprice {\n color: #666;\n font-size: 12px; }\n .order-wrapper .order-balance .order-balanceprice .order-money {\n color: #ff2121;\n font-size: 12px !important;\n font-weight: normal;\n font-style: inherit;\n vertical-align: middle;\n margin: 0; }\n .order-wrapper .order-balance .iconiconfront-22.question-mark {\n font-size: 24px;\n margin-left: 15px; }\n .order-wrapper .order-balance .am-list-body::before, .order-wrapper .order-balance .am-list-body::after {\n display: none; }\n .order-wrapper .order-balance .balance-used {\n font-size: 24px;\n color: #0099FF; }\n .order-wrapper .order-balance .circle-icon {\n width: 20px;\n height: 20px;\n border: 1px solid #BFBFBF;\n border-radius: 50%;\n margin-right: 2px; }\n"]}
\ No newline at end of file
.myorders-box{width:100%;height:100%;background-color:#f5f5f5}.myorders-box .order-body .order-head{width:100%;height:10.666667vw;line-height:10.666667vw;padding:0 3.2vw;display:flex;justify-content:space-between;background-color:#fff;margin-top:2.666667vw;border-bottom:1px solid #e7eaf1}.myorders-box .order-body .order-head .oid-num{font-size:3.2vw;color:#666}.myorders-box .order-body .order-head .oid-status{font-size:3.733333vw;color:#ff3131}.myorders-box .order-body .order-head .oid-success{font-size:3.733333vw;color:#333}.myorders-box .order-body .order-wrap{width:100%;padding:2.666667vw 3.2vw;background-color:#fff;border-bottom:1px solid #e7eaf1;position:relative}.myorders-box .order-body .order-wrap .course-expire{display:block;width:24.533333vw;height:5.333333vw;line-height:5.333333vw;background:#ff3a3a;border-radius:0 2.666667vw 2.666667vw 0;position:absolute;color:#fff;font-size:3.2vw;left:3.2vw;bottom:5.333333vw;text-align:center}.myorders-box .order-body .order-info .order-des{position:absolute;bottom:0}.myorders-box .order-body .order-btm{width:100%;height:14.4vw;background-color:#fff;padding:0 3.2vw;display:flex;justify-content:space-between}.myorders-box .order-body .order-btm .price-info{width:40vw;display:flex;flex-direction:column;align-self:center}.myorders-box .order-body .order-btm .price-info .payable{font-size:3.2vw;color:#666}.myorders-box .order-body .order-btm .price-info .price{font-size:3.733333vw;color:#ff3131}.myorders-box .order-body .order-btm .btm-right .cancel,.myorders-box .order-body .order-btm .btm-right a{display:inline-block;width:24vw;height:8vw;text-align:center;font-size:3.733333vw;background-color:#fff;border-radius:1.066667vw;margin-top:3.2vw}.myorders-box .order-body .order-btm .btm-right .cancel{color:#333;border:1px solid #999;margin-right:4vw}.myorders-box .order-body .order-btm .btm-right a{line-height:8vw;color:#ff3131;border:1px solid #ff3131}.myorders-box .order-body .order-btm .btm-right .group img{width:8vw;height:8vw;border-radius:50%;margin-top:2.666667vw;margin-left:2.666667vw}.myorders-box .order-body .expand-pay-wk{height:9.333333vw;background-color:#fff;line-height:9.333333vw;padding:0 2.666667vw;font-size:3.2vw;display:flex;justify-content:space-between;border-top:1px solid #e7eaf1}.myorders-box .order-body .expand-pay-wk span{color:#999}.myorders-box .order-body .expand-pay-wk .expand-pay-time{color:#09f}.myorders-box .cart-tip{color:#555;margin-top:37.333333vw;text-align:center}.myorders-box .cart-tip .iconfridge{font-size:5.6vw}.myorders-box .cart-tip .cart-mess{font-size:3.2vw;color:#666}.myorders-box .cart-tip a{display:inline-block;width:34.666667vw;height:8vw;border:1px solid #09f;border-radius:4vw;font-size:4.266667vw;margin-top:8vw;color:#09f;text-align:center;line-height:7.466667vw}
/*# sourceMappingURL=myorders.3c41b358.chunk.css.map */
\ No newline at end of file
{"version":3,"sources":["/Users/zhanghaozhe/server/mr-julyedu/src/components/myOrders/index.scss"],"names":[],"mappings":"AAmGA,cACE,UAAA,CACA,WAAA,CACA,wBAxDiB,CAqDnB,sCAQM,UAAA,CACA,kBAAA,CACA,uBAAA,CACA,eAAA,CACA,YAAA,CACA,6BAAA,CACA,qBAAA,CACA,qBAAA,CACA,+BAAgC,CAhBtC,+CAmBQ,eAAA,CACA,UA7GQ,CAyFhB,kDAwBQ,oBAAA,CACA,aArHU,CA4FlB,mDA6BQ,oBAAA,CACA,UAzHQ,CA2FhB,sCAmCM,UAAA,CACA,wBAAA,CACA,qBAAA,CACA,+BAAA,CACA,iBAAkB,CAvCxB,qDAyCQ,aAAA,CACA,iBAAA,CACA,iBAAA,CACA,sBAAA,CACA,kBAAA,CACA,uCAAA,CACA,iBAAA,CACA,UAAA,CACA,eAAA,CACA,UAAA,CACA,iBAAA,CACA,iBAAkB,CApD1B,iDA0DQ,iBAAA,CACA,QAAS,CA3DjB,qCAgEM,UAAA,CACA,aAAA,CACA,qBAAA,CACA,eAAA,CACA,YAAA,CACA,6BAA8B,CArEpC,iDAwEQ,UAAA,CACA,YAAA,CACA,qBAAA,CACA,iBAAkB,CA3E1B,0DA8EU,eAAA,CACA,UAxKM,CAyFhB,wDAmFU,oBAAA,CACA,aAhLQ,CA4FlB,0GA2FU,oBAAA,CACA,UAAA,CACA,UAAA,CACA,iBAAA,CACA,oBAAA,CACA,qBAAA,CACA,wBAAA,CACA,gBAAgB,CAlG1B,wDAsGU,UAAA,CACA,qBAAA,CACA,gBAAkB,CAxG5B,kDA4GU,eAAA,CACA,aAAA,CACA,wBA1MQ,CA4FlB,2DAmHY,SAAA,CACA,UAAA,CACA,iBAAA,CACA,qBAAA,CACA,sBAAiB,CAvH7B,yCA8HM,iBAAA,CACA,qBAAA,CACA,sBAAA,CACA,oBAAA,CACA,eAAA,CACA,YAAA,CACA,6BAAA,CACA,4BAA6B,CArInC,8CAuIQ,UAAW,CAvInB,0DA2IQ,UAAW,CA3InB,wBAmJI,UAAA,CACA,sBAAA,CACA,iBAAkB,CArJtB,oCAwJM,eAAe,CAxJrB,mCA4JM,eAAA,CACA,UAtPU,CAyFhB,0BAiKM,oBAAA,CACA,iBAAA,CACA,UAAA,CACA,qBAAA,CACA,iBAAA,CACA,oBAAA,CACA,cAAA,CACA,UAAA,CACA,iBAAA,CACA,sBAAiB","file":"myorders.3c41b358.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.myorders-box {\n width: 100%;\n height: 100%;\n background-color: #f5f5f5; }\n .myorders-box .order-body .order-head {\n width: 100%;\n height: 40px;\n line-height: 40px;\n padding: 0 12px;\n display: flex;\n justify-content: space-between;\n background-color: #fff;\n margin-top: 10px;\n border-bottom: 1px solid #E7EAF1; }\n .myorders-box .order-body .order-head .oid-num {\n font-size: 12px;\n color: #666; }\n .myorders-box .order-body .order-head .oid-status {\n font-size: 14px;\n color: #ff3131; }\n .myorders-box .order-body .order-head .oid-success {\n font-size: 14px;\n color: #333; }\n .myorders-box .order-body .order-wrap {\n width: 100%;\n padding: 10px 12px;\n background-color: #fff;\n border-bottom: 1px solid #E7EAF1;\n position: relative; }\n .myorders-box .order-body .order-wrap .course-expire {\n display: block;\n width: 92px;\n height: 20px;\n line-height: 20px;\n background: #FF3A3A;\n border-radius: 0 10px 10px 0;\n position: absolute;\n color: #FFF;\n font-size: 12px;\n left: 12px;\n bottom: 20px;\n text-align: center; }\n .myorders-box .order-body .order-info .order-des {\n position: absolute;\n bottom: 0; }\n .myorders-box .order-body .order-btm {\n width: 100%;\n height: 54px;\n background-color: #fff;\n padding: 0 12px;\n display: flex;\n justify-content: space-between; }\n .myorders-box .order-body .order-btm .price-info {\n width: 150px;\n display: flex;\n flex-direction: column;\n align-self: center; }\n .myorders-box .order-body .order-btm .price-info .payable {\n font-size: 12px;\n color: #666; }\n .myorders-box .order-body .order-btm .price-info .price {\n font-size: 14px;\n color: #ff3131; }\n .myorders-box .order-body .order-btm .btm-right .cancel, .myorders-box .order-body .order-btm .btm-right a {\n display: inline-block;\n width: 90px;\n height: 30px;\n text-align: center;\n font-size: 14px;\n background-color: #fff;\n border-radius: 4px;\n margin-top: 12px; }\n .myorders-box .order-body .order-btm .btm-right .cancel {\n color: #333;\n border: 1px solid #999;\n margin-right: 15px; }\n .myorders-box .order-body .order-btm .btm-right a {\n line-height: 30px;\n color: #ff3131;\n border: 1px solid #ff3131; }\n .myorders-box .order-body .order-btm .btm-right .group img {\n width: 30px;\n height: 30px;\n border-radius: 50%;\n margin-top: 10px;\n margin-left: 10px; }\n .myorders-box .order-body .expand-pay-wk {\n height: 35px;\n background-color: #fff;\n line-height: 35px;\n padding: 0 10px;\n font-size: 12px;\n display: flex;\n justify-content: space-between;\n border-top: 1px solid #E7EAF1; }\n .myorders-box .order-body .expand-pay-wk span {\n color: #999; }\n .myorders-box .order-body .expand-pay-wk .expand-pay-time {\n color: #09f; }\n .myorders-box .cart-tip {\n color: #555;\n margin-top: 140px;\n text-align: center; }\n .myorders-box .cart-tip .iconfridge {\n font-size: 21px; }\n .myorders-box .cart-tip .cart-mess {\n font-size: 12px;\n color: #666; }\n .myorders-box .cart-tip a {\n display: inline-block;\n width: 130px;\n height: 30px;\n border: 1px solid #09f;\n border-radius: 15px;\n font-size: 16px;\n margin-top: 30px;\n color: #09f;\n text-align: center;\n line-height: 28px; }\n"]}
\ No newline at end of file
#prize-winner-list{background:#5327fa;padding-bottom:2.666667vw}#prize-winner-list .banner{width:100%;height:44.8vw;margin-bottom:8vw}#prize-winner-list .banner img{width:100%;height:100%}#prize-winner-list h1{font-size:3.733333vw;color:#fefdc7;text-align:center;margin-bottom:4vw}#prize-winner-list h1 span{margin:0 3.2vw}#prize-winner-list h1 .icon{width:6.666667vw;height:3.2vw}#prize-winner-list ul{width:94.666667vw;margin:0 auto;background:#3900c9;border:1px solid #5970ff;border-radius:1.066667vw}#prize-winner-list ul li:nth-of-type(odd){background:#3900c9}#prize-winner-list ul li:nth-of-type(2n){background:#4200eb}#prize-winner-list ul li{height:11.733333vw;color:#faf9e1;display:flex;text-align:left;line-height:11.733333vw}#prize-winner-list ul .title{color:#95fbca;text-align:center}#prize-winner-list ul .code,#prize-winner-list ul .user-name{width:29.333333vw;padding-left:2.133333vw}#prize-winner-list ul .user-name{text-align:center}#prize-winner-list ul .prize{width:36vw;padding-right:2.133333vw;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
/*# sourceMappingURL=prize-winner-list.55e46fc9.chunk.css.map */
\ No newline at end of file
{"version":3,"sources":["/Users/zhanghaozhe/server/mr-julyedu/src/components/activity/1111/prize-winner-list/index.scss"],"names":[],"mappings":"AAmGA,mBACI,kBAAA,CACA,yBAAoB,CAFxB,2BAKQ,UAAA,CACA,aAAA,CACA,iBAAmB,CAP3B,+BAUY,UAAA,CACA,WAAY,CAXxB,sBAgBQ,oBAAA,CACA,aAAA,CACA,iBAAA,CACA,iBAAmB,CAnB3B,2BAsBY,cAAc,CAtB1B,4BA0BY,gBAAA,CACA,YAAY,CA3BxB,sBAgCQ,iBAAA,CACA,aAAA,CACA,kBAAA,CACA,wBAAA,CACA,wBAAkB,CApC1B,0CAuCY,kBAAmB,CAvC/B,yCA2CY,kBAAmB,CA3C/B,yBA+CY,kBAAA,CACA,aAAA,CACA,YAAA,CACA,eAAA,CACA,uBAAiB,CAnD7B,6BAuDY,aAAA,CACA,iBAAkB,CAxD9B,6DA4DY,iBAAA,CACA,uBAAiB,CA7D7B,iCAgEY,iBAAkB,CAhE9B,6BAoEY,UAAA,CACA,wBAAA,CACA,kBAAA,CACA,eAAA,CACA,sBAAuB","file":"prize-winner-list.55e46fc9.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#prize-winner-list {\n background: #5327fa;\n padding-bottom: 10px; }\n #prize-winner-list .banner {\n width: 100%;\n height: 168px;\n margin-bottom: 30px; }\n #prize-winner-list .banner img {\n width: 100%;\n height: 100%; }\n #prize-winner-list h1 {\n font-size: 14px;\n color: #FEFDC7;\n text-align: center;\n margin-bottom: 15px; }\n #prize-winner-list h1 span {\n margin: 0 12px; }\n #prize-winner-list h1 .icon {\n width: 25px;\n height: 12px; }\n #prize-winner-list ul {\n width: 355px;\n margin: 0 auto;\n background: #3900c9;\n border: 1px solid #5970ff;\n border-radius: 4px; }\n #prize-winner-list ul li:nth-of-type(2n+1) {\n background: #3900C9; }\n #prize-winner-list ul li:nth-of-type(2n) {\n background: #4200EB; }\n #prize-winner-list ul li {\n height: 44px;\n color: #FAF9E1;\n display: flex;\n text-align: left;\n line-height: 44px; }\n #prize-winner-list ul .title {\n color: #95FBCA;\n text-align: center; }\n #prize-winner-list ul .code, #prize-winner-list ul .user-name {\n width: 110px;\n padding-left: 8px; }\n #prize-winner-list ul .user-name {\n text-align: center; }\n #prize-winner-list ul .prize {\n width: 135px;\n padding-right: 8px;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis; }\n"]}
\ No newline at end of file
#root,body,html{height:100%!important}.purchased-box{width:100%;height:100%}.purchased-box .tip{width:100%;height:8vw;line-height:8vw;font-size:3.2vw;color:#333;text-align:center;background-color:#fff4ce;margin-bottom:2.666667vw}.purchased-box .purchased-body,.purchased-box .v-list-item{background-color:#fff}.purchased-box .v-list-item .content{padding-bottom:2.666667vw;border-bottom:1px solid #e7eaf1}.purchased-box .v-list-item .content .cover{flex:inherit;width:42.2%}.purchased-box .v-list-item .content .cover img{width:100%}.purchased-box .v-list-item .info{width:52.3%;position:relative;display:block}.purchased-box .v-list-item .info .title{font-size:4.266667vw;color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;height:4.266667vw;line-height:4.266667vw}.purchased-box .v-list-item .info .contact{font-size:3.733333vw;color:#666;margin-top:3.733333vw}.purchased-box .v-list-item .info .des{position:absolute;bottom:1.333333vw;color:#09f;font-size:3.733333vw;height:3.733333vw;line-height:3.733333vw}.purchased-box .cart-tip{color:#555;margin-top:37.333333vw;text-align:center}.purchased-box .cart-tip .iconfridge{font-size:5.6vw}.purchased-box .cart-tip .cart-mess{font-size:3.2vw;color:#666}.purchased-box .cart-tip a{display:inline-block;width:34.666667vw;height:8vw;border:1px solid #09f;border-radius:4vw;font-size:4.266667vw;margin-top:8vw;color:#09f;text-align:center;line-height:7.466667vw}.purchased-box .status{position:absolute;top:0;right:0;padding:.533333vw 1.6vw;border-radius:2.933333vw 0 0 2.933333vw;font-size:3.733333vw;color:#fff;background:-webkit-gradient(linear,left top,left bottom,from(#ff4000),to(#fd7700));background:-webkit-linear-gradient(top,#ff4000,#fd7700);background:linear-gradient(180deg,#ff4000,#fd7700)}.purchased-box .course-expire{display:inline-block;text-align:center;position:absolute;bottom:2.666667vw;left:0;width:24.533333vw;height:5.333333vw;line-height:5.6vw;background-color:#ff3a3a;border-radius:0 2.666667vw 2.666667vw 0;color:#fff;font-size:3.2vw}
/*# sourceMappingURL=purchased.f583a040.chunk.css.map */
\ No newline at end of file
{"version":3,"sources":["/Users/zhanghaozhe/server/mr-julyedu/src/components/purchased/index.scss"],"names":[],"mappings":"AAmGA,gBACE,qBAAuB,CAGzB,eACE,UAAA,CACA,WAAY,CAFd,oBAOI,UAAA,CACA,UAAA,CACA,eAAA,CACA,eAAA,CACA,UAAA,CACA,iBAAA,CACA,wBAAA,CACA,wBAAmB,CAdvB,2DAsBI,qBAAsB,CAtB1B,qCAyBM,yBAAA,CACA,+BAAgC,CA1BtC,4CA6BQ,YAAA,CACA,WAAY,CA9BpB,gDAiCU,UAAW,CAjCrB,kCAuCM,WAAA,CACA,iBAAA,CACA,aAAc,CAzCpB,yCA4CQ,oBAAA,CACA,UAAA,CACA,eAAA,CACA,sBAAA,CACA,kBAAA,CACA,iBAAA,CACA,sBAAiB,CAlDzB,2CAsDQ,oBAAA,CACA,UAAA,CACA,qBAAgB,CAxDxB,uCA4DQ,iBAAA,CACA,iBAAA,CACA,UAAA,CACA,oBAAA,CACA,iBAAA,CACA,sBAAiB,CAjEzB,yBAwEI,UAAA,CACA,sBAAA,CACA,iBAAkB,CA1EtB,qCA6EM,eAAe,CA7ErB,oCAiFM,eAAA,CACA,UA/KU,CA6FhB,2BAsFM,oBAAA,CACA,iBAAA,CACA,UAAA,CACA,qBAAA,CACA,iBAAA,CACA,oBAAA,CACA,cAAA,CACA,UAAA,CACA,iBAAA,CACA,sBAAiB,CA/FvB,uBAoGI,iBAAA,CACA,KAAA,CACA,OAAA,CACA,uBAAA,CACA,uCAAA,CACA,oBAAA,CACA,UAAA,CACA,kFAAA,CAAA,uDAAA,CAAA,kDAAwD,CA3G5D,8BA+GI,oBAAA,CACA,iBAAA,CACA,iBAAA,CACA,iBAAA,CACA,MAAA,CACA,iBAAA,CACA,iBAAA,CACA,iBAAA,CACA,wBAAA,CACA,uCAAA,CACA,UAAA,CACA,eAAe","file":"purchased.f583a040.chunk.css","sourcesContent":["@charset \"UTF-8\";\n/*\n * @ 文字颜色\n */\n/*\n * @ 文字大小\n */\n/*\n * @ 背景颜色\n */\n/*\n * @ 分割线颜色\n */\n/*\n * @ 边框颜色\n */\n/*\n * @ 标签颜色\n */\nhtml, body, #root {\n height: 100% !important; }\n\n.purchased-box {\n width: 100%;\n height: 100%; }\n .purchased-box .tip {\n width: 100%;\n height: 30px;\n line-height: 30px;\n font-size: 12px;\n color: #333;\n text-align: center;\n background-color: #FFF4CE;\n margin-bottom: 10px; }\n .purchased-box .purchased-body {\n background-color: #fff; }\n .purchased-box .v-list-item {\n background-color: #fff; }\n .purchased-box .v-list-item .content {\n padding-bottom: 10px;\n border-bottom: 1px solid #e7eaf1; }\n .purchased-box .v-list-item .content .cover {\n flex: inherit;\n width: 42.2%; }\n .purchased-box .v-list-item .content .cover img {\n width: 100%; }\n .purchased-box .v-list-item .info {\n width: 52.3%;\n position: relative;\n display: block; }\n .purchased-box .v-list-item .info .title {\n font-size: 16px;\n color: #333;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n height: 16px;\n line-height: 16px; }\n .purchased-box .v-list-item .info .contact {\n font-size: 14px;\n color: #666;\n margin-top: 14px; }\n .purchased-box .v-list-item .info .des {\n position: absolute;\n bottom: 5px;\n color: #09f;\n font-size: 14px;\n height: 14px;\n line-height: 14px; }\n .purchased-box .cart-tip {\n color: #555;\n margin-top: 140px;\n text-align: center; }\n .purchased-box .cart-tip .iconfridge {\n font-size: 21px; }\n .purchased-box .cart-tip .cart-mess {\n font-size: 12px;\n color: #666; }\n .purchased-box .cart-tip a {\n display: inline-block;\n width: 130px;\n height: 30px;\n border: 1px solid #09f;\n border-radius: 15px;\n font-size: 16px;\n margin-top: 30px;\n color: #09f;\n text-align: center;\n line-height: 28px; }\n .purchased-box .status {\n position: absolute;\n top: 0;\n right: 0;\n padding: 2px 6px;\n border-radius: 11px 0 0 11px;\n font-size: 14px;\n color: #fff;\n background: linear-gradient(to bottom, #FF4000, #FD7700); }\n .purchased-box .course-expire {\n display: inline-block;\n text-align: center;\n position: absolute;\n bottom: 10px;\n left: 0;\n width: 92px;\n height: 20px;\n line-height: 21px;\n background-color: #FF3A3A;\n border-radius: 0 10px 10px 0;\n color: #fff;\n font-size: 12px; }\n"]}
\ No newline at end of file
.share-poster .total-container{width:100%;background-color:#000;height:112vw;overflow:hidden;position:relative}.share-poster .total-container .placard-img-container{width:100%;height:224vw;background:#000;padding-top:5.333333vw;overflow:hidden;position:relative;text-align:center;zoom:.5}.share-poster .total-container .placard-img-container img{width:60%}.share-poster .total-container .placard-code{opacity:0}.share-poster .placard-desc{width:100%;height:12vw;background:#000;padding:0 2.666667vw}.share-poster .placard-desc .placard-sharetxt{width:100%;height:100%;line-height:5.333333vw;display:inline-block;font-size:3.733333vw;color:#fff}.share-poster .placard-desc .placard-sharetxt .placard-price{font-size:3.733333vw;color:#09f}.share-poster .placard-swiper{width:100%;background-color:#fff}.share-poster .placard-swiper .placard-list{display:flex;justify-content:center;align-items:center}.share-poster .placard-swiper .placard-list li{width:17.066667vw;height:17.066667vw;border-radius:1.333333vw;line-height:24vw;margin:5.333333vw 4vw}.share-poster .placard-swiper .placard-list li img{display:inline-block;width:17.066667vw;height:17.066667vw;border-radius:1.333333vw}.share-poster .placard-swiper .placard-list li.active{width:17.066667vw;height:17.066667vw;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIAAAACACAYAAADDPmHLAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkJERkI3RjkzNjU4MjExRThBM0M2RjVEMUVEQUJDREUxIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkJERkI3Rjk0NjU4MjExRThBM0M2RjVEMUVEQUJDREUxIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QkRGQjdGOTE2NTgyMTFFOEEzQzZGNUQxRURBQkNERTEiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QkRGQjdGOTI2NTgyMTFFOEEzQzZGNUQxRURBQkNERTEiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6zmJvcAAANOklEQVR42uyd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) no-repeat 50%;z-index:1002;background-size:17.066667vw}.share-poster .placard-swiper .placard-list li.active img{opacity:.1}.share-poster .hide{display:none}
/*# sourceMappingURL=shareposter.f09a5959.chunk.css.map */
\ No newline at end of file
{"version":3,"sources":["/Users/zhanghaozhe/server/mr-julyedu/src/components/sharePoster/index.scss"],"names":[],"mappings":"AAmGA,+BAEQ,UAAA,CACA,qBAAA,CACA,YAAA,CACA,eAAA,CACA,iBAAkB,CAN1B,sDASY,UAAA,CACA,YAAA,CACA,eAAA,CACA,sBAAA,CACA,eAAA,CACA,iBAAA,CACA,iBAAA,CACA,OAAS,CAhBrB,0DAmBgB,SAAU,CAnB1B,6CAwBY,SAAU,CAxBtB,4BA6BQ,UAAA,CACA,WAAA,CACA,eAAA,CACA,oBAAe,CAhCvB,8CAmCY,UAAA,CACA,WAAA,CACA,sBAAA,CACA,oBAAA,CACA,oBAAA,CACA,UAvIA,CA+FZ,6DA2CgB,oBAAA,CACA,UA5IH,CAgGb,8BAkDQ,UAAA,CACA,qBAlJI,CA+FZ,4CAsDY,YAAA,CACA,sBAAA,CACA,kBAAmB,CAxD/B,+CA2DgB,iBAAA,CACA,kBAAA,CACA,wBAAA,CACA,gBAAA,CACA,qBAAiB,CA/DjC,mDAkEoB,oBAAA,CACA,iBAAA,CACA,kBAAA,CACA,wBAAkB,CArEtC,sDA0EgB,iBAAA,CACA,kBAAA,CACA,wpLAA0D,CAC1D,YAAA,CACA,2BAAqB,CA9ErC,0DAiFoB,UAAY,CAjFhC,oBAwFQ,YAAa","file":"shareposter.f09a5959.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.share-poster .total-container {\n width: 100%;\n background-color: #000;\n height: 420px;\n overflow: hidden;\n position: relative; }\n .share-poster .total-container .placard-img-container {\n width: 100%;\n height: 840px;\n background: #000;\n padding-top: 20px;\n overflow: hidden;\n position: relative;\n text-align: center;\n zoom: 0.5; }\n .share-poster .total-container .placard-img-container img {\n width: 60%; }\n .share-poster .total-container .placard-code {\n opacity: 0; }\n\n.share-poster .placard-desc {\n width: 100%;\n height: 45px;\n background: #000;\n padding: 0 10px; }\n .share-poster .placard-desc .placard-sharetxt {\n width: 100%;\n height: 100%;\n line-height: 20px;\n display: inline-block;\n font-size: 14px;\n color: #fff; }\n .share-poster .placard-desc .placard-sharetxt .placard-price {\n font-size: 14px;\n color: #09f; }\n\n.share-poster .placard-swiper {\n width: 100%;\n background-color: #fff; }\n .share-poster .placard-swiper .placard-list {\n display: flex;\n justify-content: center;\n align-items: center; }\n .share-poster .placard-swiper .placard-list li {\n width: 64px;\n height: 64px;\n border-radius: 5px;\n line-height: 90px;\n margin: 20px 15px; }\n .share-poster .placard-swiper .placard-list li img {\n display: inline-block;\n width: 64px;\n height: 64px;\n border-radius: 5px; }\n .share-poster .placard-swiper .placard-list li.active {\n width: 64px;\n height: 64px;\n background: url(\"./image/choose_pic.png\") no-repeat center;\n z-index: 1002;\n background-size: 64px; }\n .share-poster .placard-swiper .placard-list li.active img {\n opacity: 0.1; }\n\n.share-poster .hide {\n display: none; }\n"]}
\ No newline at end of file
#system-bullet-screen,#user-bullet-screen,.bullet-screen{width:87.733333vw;height:8vw;margin:0 auto 7.466667vw;background:rgba(0,0,0,.6);border-radius:4vw;line-height:8vw;text-align:left}#system-bullet-screen li,#user-bullet-screen li,.bullet-screen li{height:100%;padding:.533333vw;line-height:6.933333vw;display:flex;align-items:center}#system-bullet-screen .avatar,#user-bullet-screen .avatar,.bullet-screen .avatar{width:6.933333vw;height:6.933333vw;border-radius:50%;margin-right:1.866667vw;vertical-align:middle}#system-bullet-screen span:first-of-type,#user-bullet-screen span:first-of-type,.bullet-screen span:first-of-type{margin-right:1.333333vw}#system-bullet-screen span,#user-bullet-screen span,.bullet-screen span{font-size:3.2vw;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#system-bullet-screen{overflow:hidden;margin-top:2.933333vw;margin-bottom:4.266667vw;padding-left:.533333vw;display:flex;align-items:center;-webkit-transition:height .1s ease-out;transition:height .1s ease-out}#system-bullet-screen .sys-bullet-screen-swiper-container{height:100%}#system-bullet-screen ul{flex:auto;max-width:78.133333vw}#system-bullet-screen li{overflow:hidden;height:8vw}#system-bullet-screen li span{display:inline-block;white-space:nowrap;overflow:visible;line-height:8vw}
/*# sourceMappingURL=system-notices.08df3d15.chunk.css.map */
\ No newline at end of file
{"version":3,"sources":["/Users/zhanghaozhe/server/mr-julyedu/src/components/activity/newyear-2019/common/user-bullet-screen/bullet-screen.scss","/Users/zhanghaozhe/server/mr-julyedu/src/components/activity/newyear-2019/common/system-bullet-screen/system-bullet-screen.scss"],"names":[],"mappings":"AAAA,yDACI,iBAAA,CACA,UAAA,CACA,wBAAA,CACA,yBAAA,CACA,iBAAA,CACA,eAAA,CACA,eAAgB,CAPpB,kEAUQ,WAAA,CACA,iBAAA,CACA,sBAAA,CACA,YAAA,CACA,kBAAmB,CAd3B,iFAkBQ,gBAAA,CACA,iBAAA,CACA,iBAAA,CACA,uBAAA,CACA,qBAAsB,CAtB9B,kHA0BQ,uBAAiB,CA1BzB,wEA8BQ,eAAA,CACA,UAAA,CACA,kBAAA,CACA,eAAA,CACA,sBAAuB,CCmE/B,sBAEI,eAAA,CACA,qBAAA,CACA,wBAAA,CACA,sBAAA,CACA,YAAA,CACA,kBAAA,CACA,sCAAA,CAAA,8BAA+B,CARnC,0DAWQ,WAAY,CAXpB,yBAeQ,SAAA,CACA,qBAAgB,CAhBxB,yBAoBQ,eAAA,CACA,UAAY,CArBpB,8BAwBY,oBAAA,CACA,kBAAA,CACA,gBAAA,CACA,eAAiB","file":"system-notices.08df3d15.chunk.css","sourcesContent":[".bullet-screen{\n width: 329px;\n height: 30px;\n margin: 0 auto 28px;\n background: rgba(0, 0, 0, .6);\n border-radius: 15px;\n line-height: 30px;\n text-align: left;\n\n li {\n height: 100%;\n padding: 2px;\n line-height: 26px;\n display: flex;\n align-items: center;\n }\n\n .avatar {\n width: 26px;\n height: 26px;\n border-radius: 50%;\n margin-right: 7px;\n vertical-align: middle;\n }\n\n & span:nth-of-type(1) {\n margin-right: 5px;\n }\n\n span {\n font-size: 12px;\n color: #fff;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n }\n}\n#user-bullet-screen {\n @extend .bullet-screen\n}\n","@charset \"UTF-8\";\n/*\n * @ 文字颜色\n */\n/*\n * @ 文字大小\n */\n/*\n * @ 背景颜色\n */\n/*\n * @ 分割线颜色\n */\n/*\n * @ 边框颜色\n */\n/*\n * @ 标签颜色\n */\n.bullet-screen, #user-bullet-screen, #system-bullet-screen {\n width: 329px;\n height: 30px;\n margin: 0 auto 28px;\n background: rgba(0, 0, 0, 0.6);\n border-radius: 15px;\n line-height: 30px;\n text-align: left; }\n .bullet-screen li, #user-bullet-screen li, #system-bullet-screen li {\n height: 100%;\n padding: 2px;\n line-height: 26px;\n display: flex;\n align-items: center; }\n .bullet-screen .avatar, #user-bullet-screen .avatar, #system-bullet-screen .avatar {\n width: 26px;\n height: 26px;\n border-radius: 50%;\n margin-right: 7px;\n vertical-align: middle; }\n .bullet-screen span:nth-of-type(1), #user-bullet-screen span:nth-of-type(1), #system-bullet-screen span:nth-of-type(1) {\n margin-right: 5px; }\n .bullet-screen span, #user-bullet-screen span, #system-bullet-screen span {\n font-size: 12px;\n color: #fff;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis; }\n\n#system-bullet-screen {\n overflow: hidden;\n margin-top: 11px;\n margin-bottom: 16px;\n padding-left: 2px;\n display: flex;\n align-items: center;\n transition: height .1s ease-out; }\n #system-bullet-screen .sys-bullet-screen-swiper-container {\n height: 100%; }\n #system-bullet-screen ul {\n flex: auto;\n max-width: 293px; }\n #system-bullet-screen li {\n overflow: hidden;\n height: 30px; }\n #system-bullet-screen li span {\n display: inline-block;\n white-space: nowrap;\n overflow: visible;\n line-height: 30px; }\n"]}
\ No newline at end of file
.to-group-box .group-user-list .imgList{padding-top:5.333333vw}.to-group-box .group-user-list .imgList .imgContainer{position:relative;width:11.733333vw;height:11.733333vw;border-radius:50%;margin-right:5.333333vw}.to-group-box .group-user-list .imgList .imgContainer .imgname{margin:0;width:11.733333vw;height:11.733333vw;background-color:#dedede;border-radius:50%}.to-group-box .group-user-list .imgList .imgContainer .imgname .no-body{font-size:7.466667vw;position:relative;left:2.133333vw}.to-group-box .group-user-list .imgList .imgContainer .leaderFlag{position:absolute;background-color:#09f;border:1px solid #fff;width:8vw;color:#fff;line-height:4.8vw;height:4.8vw;text-align:center;border-radius:2.4vw;top:-1.6vw}.to-group-box .group-user-list .imgList .imgContainer .leaderFlag span{font-size:3.2vw;-webkit-transform:scale(.9);transform:scale(.9)}.to-group-box .v-list-item{margin-top:1.333333vw}.to-group-box .v-list-item .content{border-bottom:1px solid #e7eaf1}.to-group-box .v-list-item .content .cover{flex:inherit;width:42.2%}.to-group-box .v-list-item .content .cover img{width:100%}.to-group-box .v-list-item .info{width:52.3%;position:relative;display:block}.to-group-box .v-list-item .info .title{font-size:4.266667vw;color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;height:4.266667vw;line-height:4.266667vw}.to-group-box .v-list-item .info .contact{font-size:3.733333vw;color:#666;margin-top:3.733333vw}.to-group-box .v-list-item .info .des{position:absolute;bottom:0}.to-group-box .v-list-item .info .des .course-price .price{color:#ff2121;font-size:3.2vw}.to-group-box .v-list-item .info .des .course-price .new{color:#ff2121;font-size:4.266667vw}.to-group-box .v-list-item .info .des .course-price .old{color:#999;font-size:3.2vw;display:inline-block;margin-left:4vw;text-decoration:line-through}.to-group-box .gorup-content{padding-top:5.333333vw;text-align:center}.to-group-box .gorup-content .groupSuccessMbc{position:fixed;z-index:999;background:rgba(0,0,0,.8);left:0;top:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center}.to-group-box .gorup-content .groupSuccessMbc .content{width:80vw;height:50.666667vw;background-color:#fff;padding:4.266667vw}.to-group-box .gorup-content .groupSuccessMbc .content .imgList{padding-top:5.333333vw}.to-group-box .gorup-content .groupSuccessMbc .content .imgList .imgContainer{position:relative;width:11.733333vw;height:11.733333vw;border-radius:50%;margin-right:5.333333vw}.to-group-box .gorup-content .groupSuccessMbc .content .imgList .imgContainer .imgname{margin:0}.to-group-box .gorup-content .groupSuccessMbc .content .imgList .imgContainer .leaderFlag{position:absolute;background-color:#09f;border:1px solid #fff;width:8vw;color:#fff;line-height:4.8vw;height:4.8vw;text-align:center;border-radius:2.4vw;top:-1.6vw}.to-group-box .gorup-content .groupSuccessMbc .content .imgList .imgContainer .leaderFlag span{font-size:3.2vw;-webkit-transform:scale(.9);transform:scale(.9)}.to-group-box .gorup-content .groupSuccessMbc .content .group-btn{height:8vw;line-height:8vw;font-size:3.733333vw}.to-group-box .gorup-content .groupSuccessMbc .tipContent{width:72vw;height:11.733333vw;line-height:11.733333vw;text-align:center;border:1px dashed #fff;border-radius:.8vw;color:#fff;font-size:3.733333vw;position:absolute;top:26.666667vw}.to-group-box .gorup-content .groupSuccessMbc .tipArrow{position:absolute;right:4vw;top:10.133333vw}.to-group-box .gorup-content .groupSuccessMbc .tipArrow .iconyindao:before{font-size:11.733333vw;color:#fff}.to-group-box .gorup-content .imgname{width:11.733333vw;height:11.733333vw;border-radius:50%;margin:5.333333vw 5.333333vw 0}.to-group-box .gorup-content :first-child{margin-left:0}.to-group-box .gorup-content .tip{color:#e02e24;font-size:4.266667vw}.to-group-box .gorup-content .success{color:#09f;font-size:4.266667vw}.to-group-box .gorup-content .group-btn,.to-group-box .gorup-content .tostudy{display:inline-block;width:100%;height:11.733333vw;border-radius:1.333333vw;background-color:#e02e24;font-size:4.266667vw;color:#fff;text-align:center;line-height:11.733333vw;margin-top:5.333333vw;margin-bottom:2.666667vw}.to-group-box .gorup-content .tostudy{background-color:#09f;margin-top:8vw}.to-group-box .gorup-content .dec{font-size:3.2vw;margin-top:2.666667vw;color:#666}.to-group-box .gorup-content .group-dec{background-color:#fafafa;width:100%;padding:0 3.2vw;height:8vw;line-height:8vw;font-size:3.2vw;display:flex;justify-content:space-between;color:#999;margin-top:4vw}.to-group-box .gorup-content .group-dec .allNum{color:#333}.to-group-box .am-whitespace.am-whitespace-md{background-color:#f5f5f5}.to-group-box .group-course .top-title{height:10.666667vw;line-height:10.666667vw;font-size:3.733333vw;padding:0 3.2vw;display:flex;justify-content:space-between;color:#333}.to-group-box .group-course .top-title .more{color:#09f}.to-group-box .group-course .top-title .more i{width:3.2vw;height:1.866667vw}
/*# sourceMappingURL=togroup.49988cae.chunk.css.map */
\ No newline at end of file
{"version":3,"sources":["/Users/zhanghaozhe/server/mr-julyedu/src/components/detail/group/togroup.scss"],"names":[],"mappings":"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","file":"togroup.49988cae.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.to-group-box .group-user-list .imgList {\n padding-top: 20px; }\n .to-group-box .group-user-list .imgList .imgContainer {\n position: relative;\n width: 44px;\n height: 44px;\n border-radius: 50%;\n margin-right: 20px; }\n .to-group-box .group-user-list .imgList .imgContainer .imgname {\n margin: 0;\n width: 44px;\n height: 44px;\n background-color: #DEDEDE;\n border-radius: 50%; }\n .to-group-box .group-user-list .imgList .imgContainer .imgname .no-body {\n font-size: 28px;\n position: relative;\n left: 8px; }\n .to-group-box .group-user-list .imgList .imgContainer .leaderFlag {\n position: absolute;\n background-color: #0099ff;\n border: 1px solid #fff;\n width: 30px;\n color: #fff;\n line-height: 18px;\n height: 18px;\n text-align: center;\n border-radius: 9px;\n top: -6px; }\n .to-group-box .group-user-list .imgList .imgContainer .leaderFlag span {\n font-size: 12px;\n transform: scale(0.9); }\n\n.to-group-box .v-list-item {\n margin-top: 5px; }\n .to-group-box .v-list-item .content {\n border-bottom: 1px solid #e7eaf1; }\n .to-group-box .v-list-item .content .cover {\n flex: inherit;\n width: 42.2%; }\n .to-group-box .v-list-item .content .cover img {\n width: 100%; }\n .to-group-box .v-list-item .info {\n width: 52.3%;\n position: relative;\n display: block; }\n .to-group-box .v-list-item .info .title {\n font-size: 16px;\n color: #333;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n height: 16px;\n line-height: 16px; }\n .to-group-box .v-list-item .info .contact {\n font-size: 14px;\n color: #666;\n margin-top: 14px; }\n .to-group-box .v-list-item .info .des {\n position: absolute;\n bottom: 0; }\n .to-group-box .v-list-item .info .des .course-price .price {\n color: #FF2121;\n font-size: 12px; }\n .to-group-box .v-list-item .info .des .course-price .new {\n color: #FF2121;\n font-size: 16px; }\n .to-group-box .v-list-item .info .des .course-price .old {\n color: #999;\n font-size: 12px;\n display: inline-block;\n margin-left: 15px;\n text-decoration: line-through; }\n\n.to-group-box .gorup-content {\n padding-top: 20px;\n text-align: center; }\n .to-group-box .gorup-content .groupSuccessMbc {\n position: fixed;\n z-index: 999;\n background: rgba(0, 0, 0, 0.8);\n left: 0;\n top: 0;\n width: 100%;\n height: 100%;\n display: flex;\n justify-content: center;\n align-items: center; }\n .to-group-box .gorup-content .groupSuccessMbc .content {\n width: 300px;\n height: 190px;\n background-color: #fff;\n padding: 16px; }\n .to-group-box .gorup-content .groupSuccessMbc .content .imgList {\n padding-top: 20px; }\n .to-group-box .gorup-content .groupSuccessMbc .content .imgList .imgContainer {\n position: relative;\n width: 44px;\n height: 44px;\n border-radius: 50%;\n margin-right: 20px; }\n .to-group-box .gorup-content .groupSuccessMbc .content .imgList .imgContainer .imgname {\n margin: 0; }\n .to-group-box .gorup-content .groupSuccessMbc .content .imgList .imgContainer .leaderFlag {\n position: absolute;\n background-color: #0099ff;\n border: 1px solid #fff;\n width: 30px;\n color: #fff;\n line-height: 18px;\n height: 18px;\n text-align: center;\n border-radius: 9px;\n top: -6px; }\n .to-group-box .gorup-content .groupSuccessMbc .content .imgList .imgContainer .leaderFlag span {\n font-size: 12px;\n transform: scale(0.9); }\n .to-group-box .gorup-content .groupSuccessMbc .content .group-btn {\n height: 30px;\n line-height: 30px;\n font-size: 14px; }\n .to-group-box .gorup-content .groupSuccessMbc .tipContent {\n width: 270px;\n height: 44px;\n line-height: 44px;\n text-align: center;\n border: 1px dashed white;\n border-radius: 3px;\n color: #fff;\n font-size: 14px;\n position: absolute;\n top: 100px; }\n .to-group-box .gorup-content .groupSuccessMbc .tipArrow {\n position: absolute;\n right: 15px;\n top: 38px; }\n .to-group-box .gorup-content .groupSuccessMbc .tipArrow .iconyindao:before {\n font-size: 44px;\n color: #FFF; }\n .to-group-box .gorup-content .imgname {\n width: 44px;\n height: 44px;\n border-radius: 50%;\n margin: 20px 20px 0 20px; }\n .to-group-box .gorup-content :nth-child(1) {\n margin-left: 0; }\n .to-group-box .gorup-content .tip {\n color: #E02E24;\n font-size: 16px; }\n .to-group-box .gorup-content .success {\n color: #09f;\n font-size: 16px; }\n .to-group-box .gorup-content .group-btn,\n .to-group-box .gorup-content .tostudy {\n display: inline-block;\n width: 100%;\n height: 44px;\n border-radius: 5px;\n background-color: #E02E24;\n font-size: 16px;\n color: #fff;\n text-align: center;\n line-height: 44px;\n margin-top: 20px;\n margin-bottom: 10px; }\n .to-group-box .gorup-content .tostudy {\n background-color: #09f;\n margin-top: 30px; }\n .to-group-box .gorup-content .dec {\n font-size: 12px;\n margin-top: 10px;\n color: #666; }\n .to-group-box .gorup-content .group-dec {\n background-color: #FAFAFA;\n width: 100%;\n padding: 0 12px;\n height: 30px;\n line-height: 30px;\n font-size: 12px;\n display: flex;\n justify-content: space-between;\n color: #999;\n margin-top: 15px; }\n .to-group-box .gorup-content .group-dec .allNum {\n color: #333; }\n\n.to-group-box .am-whitespace.am-whitespace-md {\n background-color: #f5f5f5; }\n\n.to-group-box .group-course .top-title {\n height: 40px;\n line-height: 40px;\n font-size: 14px;\n padding: 0 12px;\n display: flex;\n justify-content: space-between;\n color: #333; }\n .to-group-box .group-course .top-title .more {\n color: #09f; }\n .to-group-box .group-course .top-title .more i {\n width: 12px;\n height: 7px; }\n"]}
\ No newline at end of file
This source diff could not be displayed because it is too large. You can view the blob instead.
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="zh">
<head> <head>
<meta charset="utf-8"/> <meta charset="utf-8"/>
<link rel="shortcut icon" href="%PUBLIC_URL%/favicon.ico"/> <link rel="shortcut icon" href="%PUBLIC_URL%/favicon.ico"/>
......
...@@ -313,7 +313,6 @@ class Detail extends Component { ...@@ -313,7 +313,6 @@ class Detail extends Component {
} }
payCallBack = (singleType, nowPrice, laterPrice) => { payCallBack = (singleType, nowPrice, laterPrice) => {
// Toast.info(singleType, 2);
const _this = this; const _this = this;
if (singleType === 2) { if (singleType === 2) {
_this.setState({ _this.setState({
...@@ -339,8 +338,20 @@ class Detail extends Component { ...@@ -339,8 +338,20 @@ class Detail extends Component {
course: data course: data
}); });
if (data.course_info) { if (data.course_info) {
if (data.course_info.is_it_course == 1) { const mode = data.course_info.mode
this.props.history.push(`/python?id=${id}`)
if (mode) {
const {history} = this.props
/*
* mode: 课程模式 1集训营2普通小课3就业班4VIP 5AI特训营 6图文小课-python 7图文小课-ML
* */
const route = {
6: 'python',
7: 'ml'
}
if(Object.keys(route).includes(mode)){
history.push(`${route[mode]}?id=${id}`)
}
} }
let course_info = data.course_info; let course_info = data.course_info;
......
...@@ -64,7 +64,6 @@ class ShareRank extends Component { ...@@ -64,7 +64,6 @@ class ShareRank extends Component {
} else { } else {
const courseId = getParam('id') const courseId = getParam('id')
const dist_first = info.dist_first_level_ti const dist_first = info.dist_first_level_ti
const uid = info.uid
const dist_code = this.state.code const dist_code = this.state.code
this.props.history.push(`/shareposter?courseId=${courseId}&dist_first=${dist_first}&uid=${uid}&dist_code=${dist_code}`) this.props.history.push(`/shareposter?courseId=${courseId}&dist_first=${dist_first}&uid=${uid}&dist_code=${dist_code}`)
} }
......
import React, {Component} from 'react'
import {http, getParam, browser, SendMessageToApp} from '@/utils'
import PythonDes from './pythomDes'
import PythonStudy from './pythonStudy'
import {connect} from "react-redux"
import {addDays} from "date-fns"
import cookie from "js-cookie"
import {setCurrentUser, startFetchUser} from "@/store/userAction"
@connect(state => ({
user: state.user
}),
{setCurrentUser, startFetchUser}
)
class ML extends Component {
constructor(props) {
super(props)
this.state = {
isPay: '',
userInfoList: [],
isAppUpdate: false,
backwardVersion: false, // 默认是新版本
}
}
componentDidMount() {
document.title = '机器学习小课 第一期[精讲7大经典算法,在线编程,无需安装环境,会 python 即可学习]'
const _this = this
this.fetchCourseInfo()
// 获取App登录信息
window['loginInfo'] = result => {
_this.loginInfo(result)
}
}
// 获取app登录数据
loginInfo = (result) => {
this.setState({
userInfoList: result
}, () => {
if (this.state.userInfoList.length) {
this.props.startFetchUser()
this.appLogin()
}
})
}
// 保存cookie
appLogin = () => {
let expires = addDays(new Date(), 90)
this.state.userInfoList.map((item, index) => {
cookie.set("token", item.token, {expires, path: '/', domain: '.julyedu.com'})
cookie.set("plat", item.plat, {expires, path: '/', domain: '.julyedu.com'})
cookie.set("uid", item.uid, {expires, path: '/', domain: '.julyedu.com'})
cookie.set("uname", item.uname, {expires, path: '/', domain: '.julyedu.com'})
cookie.set("avatar_file", item.avatar_file, {expires, path: '/', domain: '.julyedu.com'})
})
if (cookie.get("token") && cookie.get("uid")) {
this.setState({
isAppUpdate: true
})
this.fetchCourseInfo();
}
this.props.setCurrentUser(this.transformUser(this.state.userInfoList));
}
transformUser = res => {
let payload
res.map((item, index) => {
payload = {
hasError: false,
data: {
username: item.uname,
avatar: item.avatar_file,
token: item.token,
uid: item.uid
},
isFetching: false
}
})
return payload
}
fetchCourseInfo = () => {
const id = getParam('id')
http.get(`${API.home}/m/course/detail/${id}`).then((res) => {
const {data, code} = res.data
if (code === 200) {
let version = getParam('version')
if(version) {
version = version.replace(/\./g, '').slice(0, 3)
if(browser.isAndroidApp && version < 453) { // 安卓的低版本
this.setState({
backwardVersion: true,
isPay: 0,
})
}else if(browser.isIOSApp && version < 380) { // ISO的低版本
this.setState({
backwardVersion: true,
isPay: 0,
})
}else{ // 安卓/IOS 的高版本
if(data.course_info.is_pay === 1) { // 在APP内未登录-去登陆-登录后还显示此页;如果是已购买的用户 就需要跳转到 APP已购买的原生页面
SendMessageToApp('toSyllabusChapter', id); // 跳转到APP的已购买详情页 id 是课程ID
return;
}
this.setState({
backwardVersion: false,
isPay: data.course_info.is_pay
})
}
} else {
this.setState({
backwardVersion: false,
isPay: data.course_info.is_pay
})
}
}
})
}
render() {
const {isPay, isAppUpdate, backwardVersion} = this.state;
// 旧版本 无论购买未购买 都跳转到 未购买的详情页; 如果是已购买就提示更新APP
return (
<div>
{
isPay === 0 && (
<PythonDes
backwardVersion={backwardVersion}
history={this.props.history}
isAppUpdate={isAppUpdate}
isPay={isPay}
/>
)
}
{
(isPay === 1 && !getParam('version')) && <PythonStudy isAppUpdate={isAppUpdate}/>
}
</div>
)
}
}
export default ML
import React, { Component } from 'react'
import './index.scss'
export default class Poup extends Component {
render() {
return (
<div className={'mask_container'}>
<div className={'content'}>
<p className={'title'}>温馨提示</p>
{
this.props.type === 1 ? (
<>
<p className={'tip'}>当前环境暂不支持该课程模式,您可前往七月在线PC端体验课程。</p>
</>
) : (
<>
<p className={'tip'}>当前环境暂不支持该课程模式,您可前往七月在线PC端学习课程。</p>
</>
)
}
<img onClick={this.props.closePop} className={'close_btn'} src="https://julyedu-cdn.oss-cn-beijing.aliyuncs.com/h5_python_class/bottom_close.png" alt=""/>
</div>
</div>
)
}
}
.mask_container {
position: fixed;
left: 0;
bottom: 0;
right: 0;
top: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.8);
z-index: 100;
.close_btn {
width: 30px;
height: 30px;
position: absolute;
left: 50%;
transform: translateX(-50%);
bottom: -62px;
}
.content {
width: 300px;
height: 130px;
background: rgba(255, 255, 255, 1);
border-radius: 4px;
position: absolute;
left: 50%;
transform: translateX(-50%);
top: 170px;
.title {
font-size: 18px;
line-height: 18px;
color: rgba(0, 153, 255, 1);
margin: 24px auto 0;
text-align: center;
}
.tip {
font-size: 14px;
color: rgba(102, 102, 102, 1);
line-height: 20px;
margin: 20px auto 0;
width: 260px;
}
.btn {
width: 260px;
height: 36px;
line-height: 36px;
text-align: center;
background: rgba(0, 153, 255, 1);
border-radius: 3px;
font-size: 16px;
color: rgba(255, 255, 255, 1);
margin: 36px auto 0;
}
}
}
import React, { Component } from 'react'
import './index.scss'
export default class Description extends Component {
state = {
list: [
{
icon: 'https://julyedu-cdn.oss-cn-beijing.aliyuncs.com/mlCourse/m/des_icon_1.png',
text: '交互式授课,学习像聊天一样有趣;'
},
{
icon: 'https://julyedu-cdn.oss-cn-beijing.aliyuncs.com/mlCourse/m/des_icon_2.png',
text: '原理部分结合图片和例子,内容讲解详细;'
},
{
icon: 'https://julyedu-cdn.oss-cn-beijing.aliyuncs.com/mlCourse/m/des_icon_3.png',
text: '代码逐行讲解,在线编程,QQ群答疑,学会为止;'
},
{
icon: 'https://julyedu-cdn.oss-cn-beijing.aliyuncs.com/mlCourse/m/des_icon_4.png',
text: '精编课程习题,结合面试场景,夯实理论基础;'
},
{
icon: 'https://julyedu-cdn.oss-cn-beijing.aliyuncs.com/mlCourse/m/des_icon_5.png',
text: '精选项目干货,结合所学,手把手指导。'
},
]
}
render() {
const {list} = this.state
return (
<div className={'description'}>
<img className={'left'} src="https://julyedu-cdn.oss-cn-beijing.aliyuncs.com/h5_python_class/left__decorate.png" alt=""/>
<img className={'right'} src="https://julyedu-cdn.oss-cn-beijing.aliyuncs.com/h5_python_class/right__decorate.png" alt=""/>
<p className={'title'}> / / / </p>
<img src={'https://julyedu-cdn.oss-cn-beijing.aliyuncs.com/mlCourse/m/ml-introduce.png'}/>
<ul className={'des-list'}>
{
list.map((item,index) => {
return <li key={index}>
<img src={item.icon} alt=""/>
<span>{item.text}</span>
</li>
})
}
</ul>
</div>
)
}
}
.description {
width: 100%;
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: center;
padding: 32px 0 38px 0;
position: relative;
.left {
position: absolute;
width: 61px;
height: 216px;
left: 0;
top: -48px;
}
.right {
position: absolute;
top: 156px;
right: 0;
width: 43px;
height: 180px;
}
.title {
font-size: 22px;
font-weight: 600;
color: #4B41FF;
margin-bottom: 33px;
}
img {
width: 290px;
height: 170px;
}
& img:nth-of-type(3){
height: auto;
}
.des-list {
margin-top: 36px;
li {
display: flex;
align-items: center;
margin-bottom: 12px;
}
img {
width: 18px;
height: 18px;
margin-right: 8px;
}
span {
font-size: 12px;
color: #525C65;
}
}
}
import React, { Component } from 'react'
import './index.scss'
export default class Experience extends Component {
render() {
const { isOnline, tryLearn } = this.props;
return (
<div className={'experience_container'}>
<p className={'title'}> / / / </p>
{
isOnline
? (
<>
<div className={'experience'}>
<img src="https://julyedu-cdn.oss-cn-beijing.aliyuncs.com/h5_python_class/L%402x.png" alt=""/>
<div>
<p>限时福利免费试学</p>
<p>开始颠覆你想象的学习</p>
</div>
<img src="https://julyedu-cdn.oss-cn-beijing.aliyuncs.com/h5_python_class/r%402x.png" alt=""/>
</div>
<div className={'btn'} onClick={tryLearn}>立即体验</div>
</>
)
: (
<>
<div className={'experience'}>
<img src="https://julyedu-cdn.oss-cn-beijing.aliyuncs.com/h5_python_class/L%402x.png" alt=""/>
<div>
<p>上架后可免费试学</p>
<p>体验颠覆你想象的学习</p>
</div>
<img src="https://julyedu-cdn.oss-cn-beijing.aliyuncs.com/h5_python_class/r%402x.png" alt=""/>
</div>
<div className={'btn btn--online'}>即将上架敬请期待</div>
</>
)
}
</div>
)
}
}
.experience_container {
padding-bottom: 40px;
.title {
font-size: 22px;
line-height: 22px;
font-weight: 600;
color: #4B41FF;
text-align: center;
}
.experience {
display: flex;
justify-content: space-between;
align-items: center;
width: 250px;
margin: 22px auto 28px;
img {
width: 16px;
height: 56px;
}
p {
font-size: 16px;
font-weight: 600;
color: rgba(82, 92, 101, 1);
line-height: 30px;
text-align: center;
letter-spacing: 4px;
}
}
.btn {
width: 150px;
height: 36px;
margin: 0 auto;
border-radius: 18px;
font-size: 16px;
font-weight: 600;
color: rgba(255, 255, 255, 1);
text-align: center;
line-height: 36px;
background: #4B41FF;
box-shadow: 0px 6px 12px 0px rgba(0, 153, 255, 0.06);
}
.btn--online {
width: 200px;
font-size: 15px;
color: #fff;
letter-spacing: 4px;
background-color: rgba(82,92,101,.6);
}
}
import React, { Component } from 'react';
import './index.scss'
class InAction extends Component {
state = {
projects: [
{
image: 'https://julyedu-cdn.oss-cn-beijing.aliyuncs.com/mlCourse/m/project_1.png',
title: ' 基于KNN的电影推荐系统',
detail: '基于Surprise库使用movielens数据集构建电影推荐系统。在此之前,你还将学习K近邻算法、协同过滤与推荐系统的本质。'
},
{
image: 'https://julyedu-cdn.oss-cn-beijing.aliyuncs.com/mlCourse/m/project_2.png',
title: ' 使用线性回归预测股票走势',
detail: '基于Sklearn中的线性回归实现Google股票走势预测。在此之前,你还将学习线性回归算法的相关细节与对应的代码实战。'
},
{
image: 'https://julyedu-cdn.oss-cn-beijing.aliyuncs.com/mlCourse/m/project_3.png',
title: ' 基于LR的广告点击率预估',
detail: 'LR曾是各大互联网公司在CTR预估上使用的主流模型。它有着可解释性强、易于并行化、便于在线学习等不可替代的优势。'
},
{
image: 'https://julyedu-cdn.oss-cn-beijing.aliyuncs.com/mlCourse/m/project_4.png',
title: '基于朴素贝叶斯的垃圾邮件过滤',
detail: '文本分类是NLP领域较为常见的任务,本项目使用朴素贝叶斯对垃圾邮件和正常邮件进行分类,涉及分词和正则表达式的内容。'
},
{
image: 'https://julyedu-cdn.oss-cn-beijing.aliyuncs.com/mlCourse/m/project_5.png',
title: ' 基于决策树的用户流失分析预测',
detail: '用户流失分析对于提升用户活跃度有重要的意义,本项目基于Sklearn的决策树算法实现流失用户预测,并对决策树进行可视化。'
},
{
image: 'https://julyedu-cdn.oss-cn-beijing.aliyuncs.com/mlCourse/m/project_6.png',
title: ' 利用随机森林评估特征重要性',
detail: '分析特征重要性对于机器学习建模有重要的意义,本项目基于Sklearn中的随机森林算法评估UCI葡萄酒数据的特征重要性。'
},
{
image: 'https://julyedu-cdn.oss-cn-beijing.aliyuncs.com/mlCourse/m/project_7.png',
title: ' 基于K-means实现图像分割',
detail: '基于Sklearn中的Kmeans算法实现图像分割,将一幅图像分解成互不相交区域的集合,本质上是一种像素聚类的过程。'
},
],
showAll: false,
initialShowCount: 7
}
render() {
const {showAll, initialShowCount} = this.state
return (
<div id={'in-action'}>
<h2> / / / </h2>
<ul>
{
this.state.projects.map((item, i) => {
if (i >= initialShowCount && !showAll) {
return null
}
return <li key={i}>
<div className={'project-image'}>
<img src={item.image} alt=""/>
</div>
<div className={'des'}>
<div className="title">
<span>{i + 1}</span>
<span>{item.title}</span>
</div>
<p className={'detail'}>{item.detail}</p>
</div>
</li>
})
}
{/*<li>
{
!showAll
? <button onClick={() => {
this.setState({
showAll: true
})
}}>
展开更多
<img src="https://julyedu-cdn.oss-cn-beijing.aliyuncs.com/h5_python_class/zhankai.png" alt=""/>
</button>
: <button onClick={() => {
this.setState({
showAll: false
})
}}>
收起
<img src="https://julyedu-cdn.oss-cn-beijing.aliyuncs.com/h5_python_class/shouqi.png" alt=""/>
</button>
}
</li>*/}
</ul>
</div>
);
}
}
export default InAction;
\ No newline at end of file
#in-action {
display: flex;
flex-direction: column;
align-items: center;
padding: 32px 17px 30px;
background: #4B41FF;
h2 {
font-size: 21px;
font-family: PingFang SC, "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", Arial, sans-serif;
font-weight: 600;
color: #fff;
margin-bottom: 34px;
}
li {
display: flex;
margin-bottom: 27px;
.project-image {
width: 100px;
height: 75px;
margin-right: 11px;
flex: 0 0 auto;
img {
width: 100%;
height: 100%;
}
}
.title {
margin-bottom: 4px;
span:nth-of-type(1) {
display: inline-block;
width: 16px;
height: 16px;
border-radius: 50%;
color: #4B41FF;
background: #fff;
text-align: center;
margin-right: 7px;
}
span:nth-of-type(2) {
color: #fff;
font-size: 14px;
}
}
.detail {
color: #fff;
opacity: .8;
}
}
li:last-child {
display: flex;
justify-content: center;
//margin-top: 38px;
margin-bottom: 0;
button {
width: 94px;
height: 30px;
border: 1px solid #fff;
border-radius: 15px;
font-size: 12px;
color: #fff;
background: transparent;
img{
width: 9px;
height: 9px;
margin-left: 6px;
}
}
}
}
\ No newline at end of file
import React, { Component } from 'react'
import './index.scss'
export default class Progream extends Component {
constructor(props) {
super(props);
this.state = {
list: [
{
q: '课程学习周期是多久?',
a: '每天学习1小时,课程采用通关制解锁的方式,根据自己的时间和学习速度灵活调整。'
},{
q: '我没有机器学习基础可以学习吗?',
a: '我们的课程是面向零基础的小伙伴设计的,内容通俗易懂,由浅入深,层层递进,尽可能帮助大家理解并且掌握所学知识,没有任何基础是可以学习的。'
},{
q: '学习过程中遇到了困难怎么办?',
a: '我们为学员配备了专门的助教,有问题随时可以咨询助教老师。'
},{
q: '项目实战的形式是什么样的?',
a: '项目实战会以考试的形式发给你,每一步都有详细的指导说明;提交试卷后可以下载完整的参考代码进行巩固复习。'
}
]
}
}
render() {
const {list} = this.state;
return (
<div className={'pro_container'}>
<img src="https://julyedu-cdn.oss-cn-beijing.aliyuncs.com/h5_python_class/pro_left.png" alt=""/>
<p> / / / </p>
<ul>
{
list.map((item, index)=>{
return (<li key={index} className={'q_item'}>
<div className={'q'}> <p>{`Q:${item.q}`}</p> <span></span></div>
<div className={'a__container'}>
<div>A</div>
<p>{item.a}</p>
</div>
</li>)
})
}
</ul>
</div>
)
}
}
.pro_container {
padding-top: 32px;
padding-bottom: 30px;
background: #4D40FF;
position: relative;
margin-top: -1px;
img {
position: absolute;
width: 76px;
height: 174px;
left: 0;
bottom: 50px;
}
p {
font-size: 22px;
line-height: 22px;
font-weight: 600;
color: rgba(255, 255, 255, 1);
text-align: center;
}
.q_item {
width: 340px;
min-height: 86px;
background: rgba(255, 255, 255, 1);
box-shadow: 0px 0px 5px 0px rgba(153, 153, 153, 0.06);
border-radius: 2px;
margin: 0 auto 12px;
padding: 14px 15px 10px;
&:first-child {
margin-top: 18px;
}
.q {
position: relative;
display: inline-block;
p {
font-size: 14px;
line-height: 14px;
font-weight: 600;
color: rgba(82, 92, 101, 1);
text-align: left;
z-index: 9;
position: relative;
}
span {
position: absolute;
width: 70%;
height: 4px;
background:rgba(255,214,103,1);
left: 0;
bottom: 0;
z-index: 0;
}
}
.a__container {
display: flex;
justify-content: flex-start;
align-content: flex-start;
margin-top: 10px;
div {
font-size: 12px;
color:rgba(82,92,101,1);
font-weight:600;
}
p {
font-size: 12px;
font-weight: 400;
color: rgba(82, 92, 101, 0.8);
line-height: 16px;
text-align: left;
}
}
}
}
import React, { Component } from 'react';
import './index.scss'
class Selection extends Component {
state = {
screenshots: ['https://julyedu-cdn.oss-cn-beijing.aliyuncs.com/mlCourse/m/exercise_1.png', 'https://julyedu-cdn.oss-cn-beijing.aliyuncs.com/mlCourse/m/exercise_2.png', 'https://julyedu-cdn.oss-cn-beijing.aliyuncs.com/mlCourse/m/exercise_3.png']
}
render() {
return (
<div id={'selection'}>
<h2> / / / </h2>
<ul>
{
this.state.screenshots.map((item, i) => {
return <li key={i}>
<img src={item} alt=""/>
</li>
})
}
</ul>
</div>
);
}
}
export default Selection;
\ No newline at end of file
#selection {
display: flex;
flex-direction: column;
align-items: center;
padding: 40px 0 53px;
h2 {
margin-bottom: 25px;
font-size: 21px;
font-family: PingFang SC, "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", Arial, sans-serif;
font-weight: 600;
color: #4B41FF;
}
li{
width: 249px;
height: 158px;
margin-bottom: 18px;
img{
width: 100%;
height: 100%;
}
}
li:last-child{
margin-bottom: 0;
}
}
\ No newline at end of file
import React, { Component } from 'react'
import './index.scss'
export default class Study extends Component {
Change = (data) => {
let cn = ["一", "二", "三", "四", "五", "六", "七", "八", "九", '十'];
let newStr = ''
let str = data.toString()
let ci = Number(str) % 10
let cs = Math.floor(Number(str) / 10)
let cv = ''
if (str.length > 1) {
if(cs==1){
cv = ci >= 1 ? cn[9] + cn[ci - 1] : cn[9]
} else {
cv = ci > 1 ? cn[cs - 1] + cn[9] + cn[ci - 1] : cn[cs - 1] + cn[9]
}
} else {
cv = cn[ci - 1]
}
newStr = str.replace(str, cv)
return newStr;
}
render() {
return (
<div className={'study__container'}>
<img className={'learn_left'} src="https://julyedu-cdn.oss-cn-beijing.aliyuncs.com/h5_python_class/learn_left.png" alt=""/>
<img className={'learn_bottom'} src="https://julyedu-cdn.oss-cn-beijing.aliyuncs.com/h5_python_class/learn_bottom.png" alt=""/>
<p className={'title'}> / / / </p>
<p className={'sub__title'}>2020420日开班</p>
<div className={'table__container'}>
<div className={'table__head'}>
<div className={'head_title order_number'}>序号</div>
<div className={'head_title chapter'}>章节</div>
<div className={'head_title points'}>知识点</div>
</div>
<div className={'table__body'}>
{
this.props.syllabus.map((item, index)=>{
return (
<div className={'item__container'} key={index}>
<div className={'item__title'}>{
'第' + this.Change(index + 1) + '阶段 ' +item.name}</div>
{
item.lessons.map((item, index)=>{
return (
<div className={'item__content'} key={index}>
<div className={'content order_number number_center'}>{item.number}</div>
<div className={'content chapter'}>{item.name}</div>
<div className={'content points'}>{item.info.name}</div>
</div>
)
})
}
</div>
)
})
}
</div>
<div className={'table__bottom'}>
{
this.props.allSyllabusShow ? (
<div onClick={() => this.props.hide(1)}>
<p>收起</p>
<img src="https://julyedu-cdn.oss-cn-beijing.aliyuncs.com/h5_python_class/shouqi.png" alt=""/>
</div>
) : (
<div onClick={() => this.props.show(1)}>
<p>展开更多</p>
<img src="https://julyedu-cdn.oss-cn-beijing.aliyuncs.com/h5_python_class/zhankai.png" alt=""/>
</div>
)
}
</div>
</div>
</div>
)
}
}
.study__container {
background: #4B41FF;
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: center;
padding: 32px 0 46px 0;
position: relative;
.learn_left {
position: absolute;
left: 0;
top: -31px;
width: 46px;
height: 126px;
}
.learn_bottom {
position: absolute;
left: 0;
bottom: 0;
width: 156px;
height: 234px;
}
.title {
font-size: 20px;
font-weight: 600;
color: rgba(255, 255, 255, 1);
line-height: 20px;
}
.sub__title {
font-size: 12px;
line-height: 12px;
font-weight: 300;
color: rgba(255, 255, 255, 1);
margin: 12px 0 30px 0;
}
.table__container {
width: 358px;
color: #fff;
background: #2E24D7;
position: relative;
.order_number {
width: 50px;
}
.chapter {
width: 158px;
border-left: 1px solid #0099ff;
border-right: 1px solid #0099ff;
}
.points {
width: 150px;
}
.table__head {
width: 100%;
height: 32px;
background: #ffd75d;
display: flex;
justify-content: space-between;
align-items: center;
border-radius: 4px 4px 0 0;
.head_title {
height: 32px;
display: flex;
justify-content: center;
align-items: center;
font-size: 12px;
font-weight: 600;
color: #2E24D7;
}
}
.table__body {
width: 100%;
.item__container {
.item__title {
height: 36px;
display: flex;
justify-content: center;
align-items: center;
font-size: 14px;
font-weight: 500;
color: rgba(255, 214, 103, 1);
}
}
.item__content {
display: flex;
justify-content: space-between;
align-items: center;
border-top: 1px solid #0099FF;
&:last-child {
border-bottom: 1px solid #0099FF;
}
.content {
height: 36px;
box-sizing: border-box;
display: flex;
justify-content: flex-start;
align-items: center;
padding-left: 6px;
padding-right: 6px;
}
.number_center {
display: flex;
justify-content: center;
padding-left: 0;
}
}
}
.table__bottom {
height: 36px;
display: flex;
justify-content: center;
align-items: center;
color: #fff;
font-size: 12px;
font-weight: 400;
div {
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
}
img {
width: 9px;
height: 9px;
margin-left: 6px;
}
}
}
}
import React, { Component } from 'react'
import './index.scss'
export default class Team extends Component {
constructor(props) {
super(props);
this.state = {
teacherList: [
{
avatar: 'https://julyedu-cdn.oss-cn-beijing.aliyuncs.com/h5_python_class/teacher1.png',
name: '陈博士',
des: '七月在线AI Lab负责人兼科学家。历任浪潮集团数据科学家,国家电网人工智能行业应用方向团队负责人。参与过一国家863项目,且曾主持一山东省自主创新及成果转化专项,发明专利十余项,专业论文十余篇。'
},
{
avatar: 'https://julyedu-cdn.oss-cn-beijing.aliyuncs.com/h5_python_class/teacher2.png',
name: '孙老师',
des: '10多年开发经验,先后任职国内知名互联网企业,从事人工智能方向的实施,擅长全栈开发,将机器学习/深度学习结合到实际生产运营中。'
},
{
avatar: 'https://julyedu-cdn.oss-cn-beijing.aliyuncs.com/mlCourse/m/teacher_3.png',
name: '魏老师',
des: '通信工程专业毕业,在校期间对计算机视觉和机器人技术有较多的研究,熟悉 Pyhton 和 C++ 编程,现负责七月在线 AI Lab 推荐系统方向的技术研究。'
},
{
avatar: 'https://julyedu-cdn.oss-cn-beijing.aliyuncs.com/h5_python_class/teacher4.png',
name: '珊酱',
des: '班主任的工作是一项非常辛苦和琐碎的工作,不付出艰辛的劳动和辛苦的汗水是不会有收获的。历经数万名学员的一对一服务,始终坚持给学员做到最好的服务和最严格的要求,学员的点滴进步和成长就是我最大的期望!'
}
]
}
}
render() {
const {teacherList} = this.state;
return (
<div className={'team_container'}>
<img className={'team_top'} src="https://julyedu-cdn.oss-cn-beijing.aliyuncs.com/h5_python_class/team_top.png" alt=""/>
<img className={'team_bottom'} src="https://julyedu-cdn.oss-cn-beijing.aliyuncs.com/h5_python_class/team_bottom.png" alt=""/>
<p className={'title'}>///</p>
<p className={'sub_title'}>讲师+助教+班主任全程陪伴,哪里不会问哪里</p>
<ul>
{
teacherList.map((item,index)=>{
return (
<li key={index} className={'item_li'}>
<img className={'item_image'} src={item.avatar} alt=""/>
<div className={'item_info'}>
<span className={'name'}>{item.name}</span>
<p className={'des'}>{item.des}</p>
</div>
</li>
)
})
}
</ul>
</div>
)
}
}
.team_container {
padding-top: 32px;
padding-bottom: 40px;
position: relative;
.team_top {
position: absolute;
left: 0;
top: 0;
width: 78px;
height: 76px;
}
.team_bottom {
position: absolute;
right: 0;
bottom: 0;
width: 238px;
height: 246px;
}
p {
text-align: center;
text-align-last: center;
}
.title {
font-size: 22px;
line-height: 22px;
font-weight: 600;
color: #4B41FF;
}
.sub_title {
font-size: 12px;
line-height: 12px;
font-weight: 300;
color: #4B41FF;
margin: 12px auto 18px;
}
.item_li {
display: flex;
justify-content: flex-start;
align-items: flex-start;
width: 352px;
height: 130px;
margin: 0 auto 25px;
padding: 12px 14px 14px 12px;
box-shadow: 0 3px 12px 0 rgba(79, 69, 255, 0.1);
border-radius: 4px;
background: rgba(255, 255, 255, 1);
.item_image {
width: 44px;
height: 44px;
border-radius: 22px;
background: #0099ff;
flex: 0 0 auto;
margin-right: 14px;
}
.item_info {
.name {
font-size: 16px;
line-height: 16px;
font-weight: 600;
color: rgba(82, 92, 101, 1);
}
.des {
font-size: 12px;
line-height: 15px;
font-weight: 300;
color: rgba(82, 92, 101, 0.8);
text-align: left;
text-align-last: left;
margin-top: 6px;
width: 266px;
display: -webkit-box;
overflow: hidden;
-webkit-line-clamp: 5;
/*! autoprefixer: off */
-webkit-box-orient: vertical;
}
}
}
}
import React, { Component } from 'react'
import './index.scss'
import Description from './Description/index.js'
import Study from './Study/index.js'
import Team from './Team/index.js'
import Experience from './Experience/index.js'
import Progream from './Progream/index.js'
import Selection from './Selection'
import Mask from './../poup/index.js'
import InAction from "./InAction"
import ShareRank from "@components/detail/shareRank"
import { http, getParam, SendMessageToApp, } from '@/utils'
import { connect } from 'react-redux'
import { Toast } from "antd-mobile"
import {CallApp} from "@common/index"
@connect(state => ({
user: state.user
}))
class PythonDes extends Component {
constructor(props) {
super(props)
this.state = {
syllabus: [], // 阶梯学习
allSyllabus: [], // 阶梯学习
allSyllabusShow: false,
allPractice: [], // 课后实操
toApp: false,
payMoney: 0,
isOnline: true, //课程是否上架
courseInfo: {}
}
}
// 立即报名
signUp = () => {
// 已登录
if (!this.props.user.hasError) {
this.toDetail()
} else {// 未登录
this.toLogin()
}
}
// 立即体验、免费试学
tryLearn = () => {
// 已登录
if (!this.props.user.hasError) {
this.toLearn()
} else {// 未登录
this.toLogin()
}
}
toLearn = () => {
const {backwardVersion} = this.props;
http.post(`${API['home']}/m/it/user/trialCourse`, {course_id: getParam('id')}).then((res) => {
const {code, msg} = res.data
if (code == 200) {
if (!getParam('version')) { // H5
this.setState({
toApp: true
})
} else { // APP
if (backwardVersion) {
Toast.info('当前版本不支持该课程模式,请升级到最新版本或前往PC端体验', 2)
} else {
SendMessageToApp("toLearn", getParam('id'))
}
}
} else {
Toast.info(msg, 2)
}
})
}
closePop = () => {
this.setState({
toApp: false
})
}
toDetail = () => {
const {backwardVersion} = this.props;
const id = getParam('id')
if (!getParam('version')) { // H5
http.get(`${API['base-api']}/m/cart/addtopreorder/[${id}]`).then((res) => {
if (res.data.errno === 0) {
this.props.history.push(`/order?id=${id}`, {simple: 1})
} else {
Toast.info(res.data.msg, 2)
}
})
} else { // APP
if (backwardVersion) {
Toast.info('当前版本不支持该课程模式,请升级到最新版本或前往PC端购买', 2);
let onlyoneUse = setTimeout(() => {
clearTimeout(onlyoneUse);
onlyoneUse = null;
SendMessageToApp('toPay', id)
}, 2000);
} else {
SendMessageToApp('toPay', id)
}
}
}
toLogin = () => {
if (!getParam('version')) { // H5
this.props.history.push('/passport')
} else { // APP
SendMessageToApp("toLogin")
}
}
showAll = (key) => {
if (key === 1) {
this.setState({
syllabus: this.state.allSyllabus,
allSyllabusShow: true,
})
}
if (key === 2) {
this.setState({
practice: this.state.allPractice,
allPracticeShow: true,
})
}
}
hideSome = (key) => {
if (key === 1) {
this.setState({
syllabus: this.state.allSyllabus.slice(0, 2),
allSyllabusShow: false,
})
}
if (key === 2) {
this.setState({
practice: this.state.allPractice.slice(0, 2),
allPracticeShow: false,
})
}
}
getStatus = () => {
http.get(`${API['home']}/web/it_detail?course_id=${getParam('id')}`).then(res => {
const {code, data, msg} = res.data
if (code == 200) {
this.setState({
syllabus: data.syllabus.slice(0, 2),
allSyllabus: data.syllabus,
allPractice: data.practice,
payMoney: data.course_info.price1,
courseInfo: data.course_info
})
} else {
Toast.info(msg)
}
})
}
componentDidMount() {
this.getStatus()
const {backwardVersion, isPay} = this.props;
if (backwardVersion && isPay === 1) {
Toast.info('当前版本不支持该课程模式,请升级到最新版本或前往PC端学习', 2);
}
}
shouldComponentUpdate(nextProps, nextState, nextContext) {
if (this.props.isAppUpdate !== nextProps.isAppUpdate) {
this.getStatus()
return false
}
return true
}
render() {
const {
syllabus,
allSyllabusShow,
toApp,
payMoney,
isOnline,
courseInfo
} = this.state
return (
<div className={'python__des'}>
<div className={'des__start'}></div>
{
!!courseInfo.is_dist && <ShareRank courseInfo={courseInfo}/>
}
<div className={'course__introduce'}></div>
{
isOnline
? (
<div className={'bottom__btn_group'}>
<div className={'course__price'}>
<div className={'money'}>{payMoney}<span style={{fontSize: '18px'}}></span></div>
<div className={'discount'}>
限时特惠
<div className={'triangle'}></div>
</div>
</div>
<div className={'btn__group'}>
<div className={'try__study'} onClick={this.tryLearn}>免费试学</div>
<div className={'sign__now'} onClick={this.signUp}>立即报名</div>
</div>
</div>
)
: (
<div className="bottom__btn_group">
<p className="online__label">Python人工智能</p>
<button className="online__button">即将上架 敬请期待</button>
</div>
)
}
<CallApp className='toapp'/>
{/* 课程介绍 */}
<Description/>
<Study syllabus={syllabus} allSyllabusShow={allSyllabusShow} show={this.showAll}
hide={this.hideSome}></Study>
{/*精选习题*/}
<Selection/>
{/*项目实战*/}
<InAction/>
<Team/>
{/* 试学体验 */}
<Experience tryLearn={this.tryLearn} isOnline={isOnline}/>
<img
style={{
display: 'block',
width: '100%',
height: '8px'
}}
src="https://julyedu-cdn.oss-cn-beijing.aliyuncs.com/mlCourse/m/di.png"
alt=""
/>
{/* 常见问题 */}
<Progream/>
{
toApp && (<Mask type={1} closePop={this.closePop}/>)
}
</div>
)
}
}
function DefineItem(props) {
const {item, item: {desInfo}} = props
return (
<div className={'number_one'}>
<img className={'trophy'} src={item.titleUrl}></img>
<p className={'item__title'}>{item.title}</p>
<p className={'item__subtitle'} style={{width: item.subWidth}}>{item.subTitle}</p>
<img style={{width: desInfo.width, height: desInfo.height}} src={item.bottomUrl}></img>
</div>
)
}
export default PythonDes
.python__des {
width: 100vw;
height: 100vh;
padding-bottom: 60px;
overflow: auto;
background: #fff;
.share-ranking{
border-color: #fff;
}
.des__start {
position: relative;
width: 100%;
height: 258px;
background: url("https://julyedu-cdn.oss-cn-beijing.aliyuncs.com/mlCourse/m/banner.png")
center center no-repeat;
background-size: contain;
}
.python__define {
position: relative;
padding-top: 28px;
.define__title {
font-size: 22px;
line-height: 22px;
font-weight: 600;
color: #4B41FF;
text-align: center;
text-align-last: center;
margin: 0 auto 40px;
}
.number_one {
width: 100%;
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: center;
margin-bottom: 30px;
}
// 公共
.trophy {
width: 75px;
height: 75px;
margin-bottom: 12px;
}
.item__title {
font-size: 16px;
line-height: 16px;
font-weight: 600;
color: rgba(82, 92, 101, 1);
margin-bottom: 12px;
}
.item__subtitle {
font-size: 12px;
font-weight: 400;
color: rgba(82, 92, 101, 0.8);
text-align: center;
text-align-last: center;
margin-bottom: 16px;
}
.left__decorate {
position: absolute;
left: 0;
top: -50px;
width: 60px;
height: 216px;
}
.right__decorate {
position: absolute;
right: 0;
top: 156px;
width: 44px;
height: 180px;
}
}
.bottom__btn_group {
width: 100%;
height: 56px;
display: flex;
justify-content: space-between;
align-items: center;
position: fixed;
bottom: 0;
left: 0;
right: 0;
z-index: 99;
padding: 0 14px;
background: #fff;
.online__label {
font-size: 18px;
font-weight: 600;
color: #525C65;
}
.online__button {
width: 160px;
height: 37px;
border-style: none;
border-radius: 19px;
font-size: 15px;
font-weight: 600;
color: #fff;
background-color: rgba(82,92,101,.6);
outline: none;
}
.course__price {
width: 100px;
font-size: 24px;
font-weight: 600;
color: rgba(255, 33, 33, 1);
position: relative;
}
.discount {
width: 54px;
height: 22px;
background: rgba(248, 60, 46, 1);
border-radius: 2px;
display: flex;
justify-content: center;
align-items: center;
font-size: 10px;
font-weight: 500;
color: rgba(255, 255, 255, 1);
position: absolute;
left: 46px;
top: -18px;
.triangle {
width: 0;
height: 0;
border-left: 5px solid transparent;
border-right: 10px solid transparent;
border-top: 10px solid #FB3A22;
position: absolute;
bottom: -5px;
left: 8px;
}
}
.btn__group {
display: flex;
justify-content: center;
align-items: center;
.try__study {
width: 100px;
height: 38px;
border: 1px solid rgba(0, 153, 255, 1);
border-radius: 19px;
box-sizing: border-box;
font-size: 16px;
font-weight: 600;
color: rgba(0, 153, 255, 1);
display: flex;
justify-content: center;
align-items: center;
}
.sign__now {
width: 100px;
height: 38px;
background: rgba(0, 153, 255, 1);
border-radius: 19px;
box-sizing: border-box;
font-size: 16px;
font-weight: 600;
color: rgba(255, 255, 255, 1);
display: flex;
justify-content: center;
align-items: center;
margin-left: 12px;
}
}
}
.toapp {
position: fixed;
right: 0;
top: 117px;
width: 82px;
height: 32px;
text-align: center;
line-height: 32px;
background: linear-gradient(-90deg, $bg_active 0%, $bg_0078FF 100%);
border-radius: 16px 0 0 16px;
font-size: 12px;
color: $white;
z-index: 9;
}
}
import React, { Component } from 'react';
import { Accordion, Toast } from 'antd-mobile';
import { HeaderBar, CallApp} from '@/common';
import { http, getParam } from '@/utils';
import './index.scss';
import { connect } from "react-redux";
import Mask from './../poup/index.js'
import ShareRank from "@components/detail/shareRank"
class PythonStudy extends Component {
constructor(props) {
super(props);
this.state = {
toApp: false,
courseInfo: '',
syllabus: '',
learning: ''
};
}
componentDidMount() {
this.fetchCourseDetail();
}
fetchCourseDetail = () => {
http.get(`${API['home']}/web/it_detail?course_id=${getParam('id')}&is_pay=1`).then(res => {
const {data, code, msg} = res.data;
if (code === 200) {
this.setState({
courseInfo: data.course_info,
syllabus: data.syllabus,
learning: data.learning
})
} else {
Toast.info(msg, 2)
}
});
}
Change = (data) => {
let cn = ["一", "二", "三", "四", "五", "六", "七", "八", "九", '十'];
let newStr = ''
let str = data.toString()
let ci = Number(str) % 10
let cs = Math.floor(Number(str) / 10)
let cv = ''
if (str.length > 1) {
if (cs == 1) {
cv = ci >= 1 ? cn[9] + cn[ci - 1] : cn[9]
} else {
cv = ci > 1 ? cn[cs - 1] + cn[9] + cn[ci - 1] : cn[cs - 1] + cn[9]
}
} else {
cv = cn[ci - 1]
}
newStr = str.replace(str, cv)
return newStr;
}
onChange = (key) => {
console.log(key);
}
toPythonHome = (isUnlock) => {
if (isUnlock == 1) {
this.setState({
toApp: true
})
}
}
toLearn = () => {
this.setState({
toApp: true
})
}
closePop = () => {
this.setState({
toApp: false,
})
}
render() {
const {user} = this.props;
const uid = user && user.data && user.data.uid
const {courseInfo, syllabus, learning, toApp} = this.state;
return (
<div className="python-study">
<HeaderBar title='机器学习小课 第一期' arrow={true}/>
<div className="python-study__header">
<div className="python-study__course">
<h2 className="python-study__course-name">机器学习小课 第一期</h2>
<p className="python-study__course-contact">
<span>{courseInfo.contact_type == 1 ? '上课请加QQ学习群' : '添加助教微信入群'}{courseInfo.course_qq}</span>
<span>并备注您的学号:{uid}</span>
</p>
</div>
{
learning.schedule > 0 &&
<div className="python-study__progress">
<h2 className="python-study__progress-title">
学习进度
{
!!learning.day && <span>(已连续学习<span>{learning.day}</span>天)</span>
}
</h2>
<div className="python-study__progress-bar">
<i style={{width: learning.schedule + '%'}}/>
<span className="python-study__progress-tip"
style={{left: learning.schedule + '%'}}>{learning.schedule + '%'}</span>
</div>
</div>
}
<CallApp className='toapp'/>
</div>
{
!!courseInfo.is_dist && <div className={'dist-wrapper'}>
<ShareRank courseInfo={courseInfo}/>
</div>
}
<Accordion
defaultActiveKey="0"
className="python-study__stage"
onChange={this.onChange}
>
{
syllabus && syllabus.length > 0 && syllabus.map((syllabusItem, index) => {
let header = `第${this.Change(syllabusItem.stage)}阶段:${syllabusItem.name}`
return (
<Accordion.Panel header={header} className="pad" key={index}>
{
syllabusItem.lessons && syllabusItem.lessons.length > 0 && syllabusItem.lessons.map((lessonsItem, index) => {
return (
<div key={index}>
<h2 className="python-study__pass">
{lessonsItem.shut} {lessonsItem.name}
{
lessonsItem.complete == 1 &&
<i className="python-study__pass-tag">闯关完成</i>
}
</h2>
<div className="python-study__subject"
style={{opacity: lessonsItem.info.is_unlock == 0 ? '.6' : '1'}}
onClick={() => {
this.toPythonHome(lessonsItem.info.is_unlock)
}}
key={index}>
<img className="python-study__subject-icon"
src={lessonsItem.info.img_url} alt=""/>
{
lessonsItem.info.is_unlock == 1 && lessonsItem.info.complete == 1 &&
<i className="python-study__subject-status"
data-status="complete"/>
}
{
lessonsItem.info.is_unlock == 0 &&
<i className="python-study__subject-status"
data-status="lock"/>
}
<div className="python-study__subject-content">
<h2 className="python-study__subject-title text-overflow-1">{lessonsItem.info.name}</h2>
</div>
</div>
{
lessonsItem.project && <div className="python-study__subject"
style={{opacity: lessonsItem.project.is_unlock == 0 ? '.6' : '1'}}
onClick={() => {
this.toPythonHome(lessonsItem.project.is_unlock)
}}
>
<img className="python-study__subject-icon"
src="https://julyedu-cdn.oss-cn-beijing.aliyuncs.com/mlCourse/m/project-icon.png" alt=""/>
{
lessonsItem.project.is_unlock == 1 && lessonsItem.project.complete == 1 &&
<i className="python-study__subject-status"
data-status="complete"/>
}
{
lessonsItem.project.is_unlock == 1 && lessonsItem.project.complete == 0 &&
<i className="python-study__subject-status"
data-status="lock"/>
}
<div className="python-study__subject-content">
<h2
className="python-study__subject-title text-overflow-1">{lessonsItem.project.name}</h2>
{
lessonsItem.project.is_must == 1 &&
<span
className="python-study__subject-tag">必做练习</span>
}
</div>
</div>
}
</div>
)
})
}
</Accordion.Panel>
)
})
}
</Accordion>
{
learning.schedule == 0 &&
<span onClick={this.toLearn} className="python-study__button">开始学习</span>
}
{
learning.schedule != 0 && learning.schedule != 100 &&
<span onClick={this.toLearn} className="python-study__button">继续学习</span>
}
{
learning.schedule == 100 &&
<button className="python-study__button python-study__over">已学完全部课时</button>
}
{
toApp && <Mask closePop={this.closePop} type={2}/>
}
</div>
)
}
}
export default connect(
state => ({user: state.user}),
null
)(PythonStudy);
\ No newline at end of file
html, body, #root {
height: 100%;
}
.am-accordion.python-study__stage .am-accordion-item .am-accordion-header {
height: 44px;
padding-left: 13px;
font-size: 15px;
font-weight: 600;
color: #333;
background-color: #CFDBE5;
border-radius: 4px;
}
.am-accordion.python-study__stage .am-accordion-item-active .am-accordion-header{
border-radius: 4px 4px 0 0;
}
html:not([data-scale]) .am-accordion::before {
background-color: #F4F5F6;
}
.am-accordion.python-study__stage .am-accordion-item {
margin-top: 15px;
.am-accordion-content {
padding-bottom: 10px;
border-radius: 0 0 4px 4px;
}
}
.am-accordion.python-study__stage {
.am-accordion-item:first-child {
margin-top: 0;
}
}
html:not([data-scale]) .am-accordion.python-study__stage .am-accordion-item .am-accordion-content .am-accordion-content-box::after {
display: none;
}
.am-accordion.python-study__stage .am-accordion-item .am-accordion-header i {
background-image: url('https://julyedu-cdn.oss-cn-beijing.aliyuncs.com/pythonCourse/h5/subject-icon-arrow.png');
}
.python-study {
height: 100%;
background-color: #F4F5F6;
padding-bottom: 15px;
.dist-wrapper{
background: #fff;
margin: 20px 10px 30px;
}
.toapp {
position: fixed;
right: 0;
top: 117px;
width: 82px;
height: 32px;
text-align: center;
line-height: 32px;
background: linear-gradient(-90deg, $bg_active 0%, $bg_0078FF 100%);
border-radius: 16px 0 0 16px;
font-size: 12px;
color: $white;
z-index: 9;
}
}
.python-study__header {
margin: 10px 10px 18px;
border-radius: 5px;
background-color: #fff;
overflow: hidden;
}
.python-study__course {
display: flex;
align-items: center;
justify-content: space-between;
position: relative;
height: 55px;
padding: 0 12px;
background-color: #4B41FF;
&::after {
content: '';
position: absolute;
left: -60px;
top: 0;
width: 146px;
height: 100%;
background-repeat: no-repeat;
background-size: 100% auto;
background-image: url('https://julyedu-cdn.oss-cn-beijing.aliyuncs.com/pythonCourse/pc/python-title-bg-1.png');
}
&::before {
content: '';
position: absolute;
right: -60px;
bottom: -20px;
width: 106px;
height: 100%;
background-repeat: no-repeat;
background-size: 100% auto;
background-image: url('https://julyedu-cdn.oss-cn-beijing.aliyuncs.com/pythonCourse/pc/python-title-bg-0.png');
}
}
.python-study__course-name {
font-size: 15px;
font-weight: 600;
color: #fff;
}
.python-study__course-contact {
display: inline-flex;
flex-direction: column;
align-items: flex-end;
font-size: 12px;
color: rgba(255, 255, 255, .8);
}
.python-study__progress {
color: rgba(255,255,255,.8);
}
.python-study__progress {
height: 66px;
padding: 0 12px;
}
.python-study__progress-title {
font-size: 14px;
font-weight: 600;
color: #333333;
line-height: 39px;
&>span{
color: #999;
span{
color: #09f;
}
}
}
.python-study__progress-bar {
position: relative;
height: 3px;
margin: 18px 0 15px;
width: 98%;
border-radius: 2px;
background-color: rgba(207, 219, 229, .6);
i {
position: absolute;
width: 10%;
height: 100%;
border-radius: 2px;
background-color: #1A9BFC;
}
}
.python-study__progress-tip {
position: absolute;
top: -26px;
width: 36px;
margin-left: -18px;
border-radius: 4px;
font-size: 12px;
font-weight: 600;
color: #fff;
text-align: center;
line-height: 18px;
background-color: #1A9BFC;
&::after {
content: '';
position: absolute;
left: 50%;
bottom: -8px;
margin-left: -4px;
border: 4px solid;
border-color: #1A9BFC transparent transparent;
}
}
.python-study__stage {
padding: 0 10px 60px;
border-radius: 4px;
overflow: hidden;
background-color: #F4F5F6;
}
.python-study__pass {
margin: 0 13px;
padding-top: 7px;
font-size: 14px;
font-weight: 600;
color: #333;
line-height: 40px;
}
.python-study__pass-tag {
display: inline-block;
width: 62px;
margin-left: 6px;
border-radius: 11px;
font-size: 12px;
font-style: normal;
font-weight: 600;
color: rgba(26, 155, 252, 1);
text-align: center;
line-height: 21px;
background-color: rgba(26, 155, 252, .1);;
}
.python-study__subject {
height: 67px;
margin: 0 8px 8px;
padding: 6px;
border-radius: 4px;
box-sizing: border-box;
background-color: rgba(247, 248, 249, 1);
&[data-status="lock"] {
background-color: rgba(247, 248, 249, .6);
}
}
.python-study__subject-icon {
float: left;
width: 55px;
height: 55px;
border-radius: 4px;
background-color: #fff;
overflow: hidden;
}
.python-study__subject-status {
position: absolute;
right: 17px;
width: 21px;
height: 21px;
background-size: cover;
&[data-status="complete"] {
background-image: url('https://julyedu-cdn.oss-cn-beijing.aliyuncs.com/pythonCourse/h5/subject-icon-0.png');
}
&[data-status="lock"] {
background-image: url('https://julyedu-cdn.oss-cn-beijing.aliyuncs.com/pythonCourse/h5/subject-icon-1.png');
}
}
.python-study__subject-content {
height: 100%;
margin-left: 55px;
padding: 0 33px 0 12px;
position: relative;
}
.python-study__subject-title {
max-width: 220px;
width: 228px;
}
.python-study__subject-title {
font-size: 14px;
color: #333;
line-height: 18px;
&[data-status="lock"] {
color: #525C65;
}
}
.python-study__subject-tag {
display: inline-block;
padding: 0 4px;
border-radius: 2px;
font-size: 12px;
color: #525C65;
line-height: 18px;
background-color: rgba(82, 92, 101, .1);
position: absolute;
bottom: 0;
}
.python-study__button {
position: fixed;
bottom: 0;
width: 100%;
height: 50px;
line-height: 50px;
border-style: none;
box-sizing: border-box;
font-size: 16px;
font-weight: 600;
color: #fff;
text-align: center;
background-color: #1A9BFC;
z-index: 1;
}
.python-study__over {
background-color: #ccc;
}
\ No newline at end of file
import React, { Component } from 'react';
import { Link } from 'react-router-dom';
import {CopyToClipboard} from 'react-copy-to-clipboard';
import AceEditor from 'react-ace';
import { Toast } from "antd-mobile"
import {HeaderBar} from '@/common';
import { browser, http, getParam, wxShare } from '@/utils';
import './index.scss';
import 'ace-builds/src-noconflict/mode-python';
import 'ace-builds/src-noconflict/theme-dracula';
class MLClass extends Component {
constructor(props) {
super(props);
this.state = {
isWechat: browser.isWeixin,
isShare: true,
type: '1', // 1:课后习题,2:课堂习题
entryMode: 0, // 0:扫码页,1:落地页
isGuide: false, // 是否展示引导
isExecute: false,
isCopy: false,
command: '',
data: {}
}
}
componentDidMount() {
this.handleFetchInfo();
this.initPageStatus();
this.initCommand();
}
initCommand = () => {
this.setState({
command: `${API.m}/mlShare?id=${getParam('id')}&type=${getParam('type')}&ques=${getParam('ques')}&origin=ml`
})
}
initPageStatus = () => {
if(getParam('origin') === 'barcode') {
this.setState({
entryMode: 0
});
}
if(getParam('origin') === 'ml') {
this.setState({
entryMode: 1
});
}
if(getParam('type') === '1') {
this.setState({
isShare: true
});
}
if(getParam('type') === '2') {
this.setState({
isShare: false
});
}
this.setState({
type: getParam('ques') || '1'
});
}
handleFetchInfo = () => {
const id = getParam('id') || 10;
http.get(`${API.home}/m/it/share/show`, {
params: {
id
}
}).then(res => {
const { code, data } = res.data;
if(code === 200) {
this.setState({
data,
});
}
})
}
handleToSend = (params) => {
const { history } = this.props;
const { isShare } = this.state;
if(browser.isWeixin) {
history.push(`/mlShare?id=${getParam('id')}&type=${getParam('type')}&ques=${getParam('ques')}&origin=ml`);
this.setState({
isGuide: true
});
wxShare({
title: isShare? `我已在【${params.course_name}】上运行了行代码了${params.code_lines}` : `我在${params.course_name}${this.formatTitle(params)}遇到了困难`,
desc: this.formatTitle(params),
link: encodeURI(location.href),
imgUrl: params.course_img,
});
}
}
formatTitle = (params) => {
const { type } = this.state;
if(type === '1') {
return `练习-${params.ques_name}`;
}
if(type === '2') {
return `课堂-${params.video_name}`;
}
}
copyToSuccess = () => {
Toast.info('已复制链接,快去粘贴发给好友吧~');
this.setState({
isCopy: true
});
}
handleToExecute = () => {
this.setState({
isExecute: true
});
}
handleToHide = () => {
this.setState({
isGuide: false
});
}
render() {
const { isWechat, isShare, isExecute, entryMode, command, isCopy, isGuide, data } = this.state;
return (
<>
<HeaderBar
title='机器学习小课 第一期'
arrow={true}
home={true}
/>
<PythonContent
isWechat={isWechat}
isShare={isShare}
isExecute={isExecute}
entryMode={entryMode}
isGuide={isGuide}
isCopy={isCopy}
command={command}
data={data}
labelName={this.formatTitle(data)}
handleToExecute={this.handleToExecute}
handleToSend={() => this.handleToSend(data)}
copyToSuccess={this.copyToSuccess}
handleToHide={this.handleToHide}
/>
</>
);
}
}
function SelfAceEditor(props) {
return (
<AceEditor
mode="python"
theme="dracula"
readOnly={true}
showPrintMargin={false}
value={props.code}
style={{
width: '100%',
height: '100%'
}}
/>
)
}
function PythonContent(props) {
const {
isWechat,
isShare,
isExecute,
entryMode,
isCopy,
command,
labelName,
isGuide,
data: { head_img, nickname, code_lines, code, result, course_name, course_id },
handleToSend,
copyToSuccess,
handleToExecute,
handleToHide
} = props;
return (
<div className="python-container">
{
isGuide &&
<div className="python-popup" onClick={handleToHide}>
<div className="python-header">
<p className="python-wechat__title">请点击右上角分享</p>
<i className="iconfont"></i>
</div>
</div>
}
<div className="python-content">
<div className="python-user">
<i className="python-user__portrait" style={{backgroundImage: `url(${head_img})`}}></i>
<h2 className="python-user__id">{nickname}</h2>
{/* 分享 */}
{
(entryMode === 0 && isShare) &&
<p className="python-user__desc">
完成了
<span>{labelName}</span>
</p>
}
{
(entryMode === 1 && isShare) &&
<p className="python-user__desc">
<span>{course_name}</span>完成了<br />
{labelName}
</p>
}
{/* 求助 */}
{
(entryMode === 0 && !isShare) &&
<p className="python-user__desc">
<span>{labelName}</span>
遇到了困难
</p>
}
{
(entryMode === 1 && !isShare) &&
<p className="python-user__desc">
<span>{course_name}</span>的<br />
<span>{labelName}</span>遇到了困
</p>
}
</div>
<h4 className="python-code__title">
{entryMode === 1 && isShare? `这是Ta的第${code_lines}行代码` : '运行结果'}
</h4>
<div className="python-code__content">
<SelfAceEditor code={entryMode === 1 && isShare? code : result} />
</div>
<h4 className="python-code__title">
{entryMode === 1 && isShare? '运行结果' : '代码'}
</h4>
<div className="python-code__content">
{
entryMode === 1 && isShare
? <SelfAceEditor code={isExecute? result : ''} />
: <SelfAceEditor code={code} />
}
{
(entryMode === 1 && isShare && !isExecute) &&
<button className="python-button python-button__execute" onClick={handleToExecute}>运行看看</button>
}
</div>
</div>
{
(entryMode === 0 && isWechat) &&
<button className="python-button python-button__study" onClick={handleToSend}>
{isShare? '分享给好友' : '发给好友求助'}
</button>
}
{
(entryMode === 0 && !isWechat && !isCopy) &&
<CopyToClipboard
text={command}
onCopy={copyToSuccess}
>
<button className="python-button python-button__study">
{isShare? '分享给好友' : '发给好友求助'}
</button>
</CopyToClipboard>
}
{
(entryMode === 0 && !isWechat && isCopy) &&
<p className="python-button__tip">已复制链接,快去粘贴发给好友吧~</p>
}
{
entryMode === 1 &&
<Link className="python-button python-button__study" to={`/ml?id=${course_id}`}>我也要学 机器学习</Link>
}
</div>
);
}
export default MLClass;
\ No newline at end of file
.python-container {
padding: 50px 8px 29px;
background-image: url('https://julyedu-cdn.oss-cn-beijing.aliyuncs.com/pythonCourse/h5/python-bg.png');
background-size: cover;
}
.python-container--page {
// padding-top: 50px;
}
.python-header {
position: relative;
height: 100px;
padding-top: 36px;
box-sizing: border-box;
.iconfont {
position: absolute;
top: 10px;
right: 40px;
font-size: 38px;
color: #fff;
width: 50px;
height: 38px;
background: url('https://julyedu-cdn.oss-cn-beijing.aliyuncs.com/pythonCourse/h5/share_arrow.png') center center no-repeat;
background-size: 100% 100%;
}
}
.python-wechat__title {
margin: 0;
font-size: 17px;
color: #FFF;
text-align: center;
line-height: 1;
}
.python-content {
padding-bottom: 37px;
background-image: url('https://julyedu-cdn.oss-cn-beijing.aliyuncs.com/pythonCourse/h5/python-content-bg.png');
background-size: cover;
}
.python-user {
position: relative;
margin: 0 5px;
padding-top: 45px;
border-bottom: 1px dashed #000;
}
.python-user__portrait {
position: absolute;
top: -30px;
left: 0;
right: 0;
width: 60px;
height: 60px;
margin: auto;
padding: 5px;
border-radius: 50%;
box-sizing: border-box;
background-color: #fff;
background-size: cover;
img {
display: block;
width: 100%;
}
}
.python-user__id {
margin: 0;
font-size: 15px;
font-weight: 500;
color: #111;
text-align: center;
line-height: 1;
}
.python-user__desc {
height: 48px;
margin: 4px 0;
font-size: 16px;
color: #333;
text-align: center;
span {
color: #2D57F0;
}
}
.python-code__title {
position: relative;
margin: 32px 16px 21px;
padding-left: 16px;
font-size: 17px;
font-weight: 600;
color: #2D56F0;
line-height: 1;
&:after {
content: '';
position: absolute;
top: 0;
left: 0;
bottom: 0;
width: 4px;
height: 12px;
margin: auto 0;
background-color: #2D56F0;
}
}
.python-code__content {
position: relative;
height: 171px;
margin: 0 16px;
padding: 0 10px;
border-radius: 5px;
border: 1px solid #67E4FF;
box-sizing: border-box;
font-size: 14px;
color: #fff;
background-color: #272822;
}
.python-button {
padding: 0;
border-style: none;
cursor: pointer;
outline: none;
}
.python-button__study {
display: block;
width: 233px;
height: 44px;
margin: 35px auto 0;
border-radius: 22px;
font-size: 16px;
font-weight: 500;
color: #2D56F0;
line-height: 44px;
text-align: center;
background-color: #FFF95B;
box-shadow: 0px 5px 0px rgba(255,210,0,1);
}
.python-button__tip {
margin: 35px 0 0;
font-size: 15px;
font-weight: 500;
color: #fff;
line-height: 44px;
text-align: center;
}
.python-button__execute {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
width: 110px;
height: 32px;
margin: auto;
border-radius: 16px;
font-size: 15px;
color: #fff;
line-height: 32px;
background-color: #0099FF;
}
.python-popup {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, .6);
z-index: 99;
}
.ace_mobile-menu {
display: none;
}
\ No newline at end of file
...@@ -11,6 +11,7 @@ import Mask from './../poup/index.js' ...@@ -11,6 +11,7 @@ import Mask from './../poup/index.js'
import {http, getParam, SendMessageToApp,} from '@/utils' import {http, getParam, SendMessageToApp,} from '@/utils'
import {connect} from 'react-redux' import {connect} from 'react-redux'
import {Toast} from "antd-mobile" import {Toast} from "antd-mobile"
import ShareRank from "@components/detail/shareRank"
@connect(state => ({ @connect(state => ({
user: state.user user: state.user
...@@ -97,6 +98,7 @@ class PythonDes extends Component { ...@@ -97,6 +98,7 @@ class PythonDes extends Component {
], ],
payMoney: 0, payMoney: 0,
isOnline: true, //课程是否上架 isOnline: true, //课程是否上架
courseInfo: {},
} }
} }
...@@ -220,6 +222,7 @@ class PythonDes extends Component { ...@@ -220,6 +222,7 @@ class PythonDes extends Component {
practice: data.practice.slice(0, 2), practice: data.practice.slice(0, 2),
allPractice: data.practice, allPractice: data.practice,
payMoney: data.course_info.price1, payMoney: data.course_info.price1,
courseInfo: data.course_info
}) })
} else { } else {
Toast.info(msg) Toast.info(msg)
...@@ -256,11 +259,16 @@ class PythonDes extends Component { ...@@ -256,11 +259,16 @@ class PythonDes extends Component {
allPracticeShow, allPracticeShow,
toApp, toApp,
payMoney, payMoney,
isOnline isOnline,
courseInfo
} = this.state } = this.state
console.log(courseInfo)
return ( return (
<div className={'python__des'}> <div className={'python__des'}>
<div className={'des__start'}></div> <div className={'des__start'}></div>
{
!!courseInfo.is_dist && <ShareRank courseInfo={courseInfo}/>
}
<div className={'python__define'}> <div className={'python__define'}>
<img className={'left__decorate'} <img className={'left__decorate'}
src={'https://julyedu-cdn.oss-cn-beijing.aliyuncs.com/h5_python_class/left__decorate.png'}></img> src={'https://julyedu-cdn.oss-cn-beijing.aliyuncs.com/h5_python_class/left__decorate.png'}></img>
......
import React, {Component} from 'react'; import React, {Component} from 'react';
import {Accordion, Toast} from 'antd-mobile'; import {Accordion, Toast} from 'antd-mobile';
import {HeaderBar} from '@/common'; import {HeaderBar, CallApp} from '@/common';
import {http, getParam} from '@/utils'; import {http, getParam} from '@/utils';
import './index.scss'; import './index.scss';
import {Link} from "react-router-dom" import {Link} from "react-router-dom"
import {connect} from "react-redux"; import {connect} from "react-redux";
import Mask from './../poup/index.js' import Mask from './../poup/index.js'
import ShareRank from "@components/detail/shareRank"
class PythonStudy extends Component { class PythonStudy extends Component {
constructor(props) { constructor(props) {
...@@ -96,7 +97,7 @@ class PythonStudy extends Component { ...@@ -96,7 +97,7 @@ class PythonStudy extends Component {
</p> </p>
</div> </div>
{ {
learning.schedule == 0 && learning.schedule > 0 &&
<div className="python-study__progress"> <div className="python-study__progress">
<h2 className="python-study__progress-title">学习进度</h2> <h2 className="python-study__progress-title">学习进度</h2>
<div className="python-study__progress-bar"> <div className="python-study__progress-bar">
...@@ -108,6 +109,14 @@ class PythonStudy extends Component { ...@@ -108,6 +109,14 @@ class PythonStudy extends Component {
} }
</div> </div>
{
!!courseInfo.is_dist && <div className={'dist-wrapper'}>
<ShareRank courseInfo={courseInfo}/>
</div>
}
<CallApp className={'toapp'}/>
<Accordion <Accordion
defaultActiveKey="0" defaultActiveKey="0"
className="python-study__stage" className="python-study__stage"
......
...@@ -46,6 +46,25 @@ html:not([data-scale]) .am-accordion.python-study__stage .am-accordion-item .am- ...@@ -46,6 +46,25 @@ html:not([data-scale]) .am-accordion.python-study__stage .am-accordion-item .am-
height: 100%; height: 100%;
background-color: #F4F5F6; background-color: #F4F5F6;
padding-bottom: 15px; padding-bottom: 15px;
.dist-wrapper{
background: #fff;
margin: 20px 10px 30px;
}
.toapp {
position: fixed;
right: 0;
top: 117px;
width: 82px;
height: 32px;
text-align: center;
line-height: 32px;
background: linear-gradient(-90deg, $bg_active 0%, $bg_0078FF 100%);
border-radius: 16px 0 0 16px;
font-size: 12px;
color: $white;
z-index: 9;
}
} }
.python-study__header { .python-study__header {
......
...@@ -320,4 +320,14 @@ export default [ ...@@ -320,4 +320,14 @@ export default [
path: '/box/landing', path: '/box/landing',
component: loadable(() => import(/* webpackChunkName: 'newyear-2019-landing'*/ '@components/activity/treasure-box/landing/index')) component: loadable(() => import(/* webpackChunkName: 'newyear-2019-landing'*/ '@components/activity/treasure-box/landing/index'))
}, },
//ML小课
{
path: '/ml',
exact: true,
component: loadable(() => import(/* ml */'@/components/ml'))
},
{
path: '/mlShare',
component: loadable(() => import('@/components/mlShare'))
},
] ]
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment