.grossProfitDetail{padding:30px 20px 0}.grossProfitDetail .detailContainer{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;position:relative;margin-bottom:30px}.grossProfitDetail .detailContainer .detailInfo{width:72%;font-size:12px;padding-bottom:10px}.grossProfitDetail .detailContainer .detailInfo .title{font-size:18px;font-weight:400;color:#1f2937;margin-bottom:10px}.grossProfitDetail .detailContainer .detailInfo .orderInfo{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-weight:700}.grossProfitDetail .detailContainer .detailInfo .orderInfo p{margin-right:24px;margin-bottom:10px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.grossProfitDetail .detailContainer .detailInfo .orderInfo img{width:18px;height:18px}.grossProfitDetail .detailContainer .detailInfo .orderInfo .infoLabel{margin:0 6px}.grossProfitDetail .detailContainer .detailInfo .infoItemCon{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.grossProfitDetail .detailContainer .detailInfo .infoItemCon .infoItem{width:19%;margin-right:7px}.grossProfitDetail .detailContainer .detailInfo .infoItemCon .infoItem p{height:32px;margin-bottom:0;line-height:32px;padding:0 9px 0 14px}.grossProfitDetail .detailContainer .detailInfo .infoItemCon .infoItem .itemLabel{color:#6b7280}.grossProfitDetail .detailContainer .detailInfo .infoItemCon .infoItem .itemVal{border-radius:4px;color:#2e4172;font-weight:400;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.grossProfitDetail .detailContainer .detailInfo .infoItemCon .infoItem .itemVal strong{font-size:12px}.grossProfitDetail .detailContainer .detailInfo .infoItemCon .infoItem .numberVal{font-size:14px}.grossProfitDetail .detailContainer .detailInfo .infoItemCon .infoItem .calculate{margin-left:6px;padding:0 6px;border-radius:50px;background:#ffeee6}.grossProfitDetail .detailContainer .detailInfo .infoItemCon .infoItem .overflowEllipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.grossProfitDetail .detailContainer .forecastRecommendations{width:29%;height:100%;background-color:#eefaff;background-image:url(../img/forecastRecommendations.2371e8a6.png);background-repeat:no-repeat;background-position:50%;background-size:contain;padding:46px 0 0 18px;position:absolute;top:0;right:0;border-radius:2px}.grossProfitDetail .detailContainer .forecastRecommendations .title{font-size:22px;font-weight:400;color:#111827;margin-bottom:10px}.grossProfitDetail .detailContainer .forecastRecommendations .labelPrompt{font-size:14px;color:#7897af;font-weight:500;width:90%;margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid #e7f0f9}.grossProfitDetail .detailContainer .forecastRecommendations p{margin-bottom:10px}.grossProfitDetail .detailContainer .forecastRecommendations .propose div{position:relative;overflow:hidden;width:0;color:#395a74;font-size:12px;line-height:14px;font-weight:400;white-space:nowrap;margin-bottom:14px;-webkit-animation:printing 3s steps(26) forwards,caret .5s steps(1) 5;animation:printing 3s steps(26) forwards,caret .5s steps(1) 5;border-right:1px solid transparent}.grossProfitDetail .detailContainer .forecastRecommendations .propose div:first-child{-webkit-animation-delay:0;animation-delay:0}.grossProfitDetail .detailContainer .forecastRecommendations .propose div:nth-child(2){-webkit-animation-delay:3s;animation-delay:3s}.grossProfitDetail .detailContainer .forecastRecommendations .propose div:nth-child(3){-webkit-animation-delay:6s;animation-delay:6s}.grossProfitDetail .detailContainer .forecastRecommendations .propose div:nth-child(4){-webkit-animation-delay:9s;animation-delay:9s}.grossProfitDetail .detailContainer .forecastRecommendations .propose div:nth-child(5){-webkit-animation-delay:12s;animation-delay:12s}.grossProfitDetail .detailContainer .forecastRecommendations .propose div:nth-child(6){-webkit-animation-delay:15s;animation-delay:15s}@-webkit-keyframes printing{0%{width:0}to{width:26em}}@keyframes printing{0%{width:0}to{width:26em}}@-webkit-keyframes caret{50%{border-right-color:#000}}@keyframes caret{50%{border-right-color:#000}}.grossProfitDetail .detailContainer .realityRecommendations{background-image:url(../img/realityRecommendations.7e52d6d1.png)}.grossProfitDetail .detailContainer .realityRecommendations .propose div{color:#7897af}.grossProfitDetail .detailContainer .blueBg{background:#f4fcff}.grossProfitDetail .detailContainer .orangeBg{background:#fff7f7}.grossProfitDetail .detailContainer .purpleBg{background:#f5f4ff}.grossProfitDetail .detailContainer .greenBg{background:#f1fff2}.grossProfitDetail .detailContainer .greenColor{color:#1cb52f!important}.grossProfitDetail .detailContainer .redColor{color:#f6333f!important}.grossProfitDetail .detailContainer .orangeColor{color:#ff842d!important}.grossProfitDetail .detailContainer .realityColor{color:#5bb5fe!important}.grossProfitDetail .collectionCalculate{position:relative;padding:6px 0 0}.grossProfitDetail .collectionCalculate .headerTitle{position:absolute;z-index:2;top:0}.grossProfitDetail .collectionCalculate .headerTitle .label{font-size:18px;color:#1f2937;font-weight:400}.grossProfitDetail .collectionCalculate .headerTitle .ant-radio-button-wrapper{font-size:14px;border-color:#7ac5e2;color:#7ac5e2;height:28px;line-height:28px;width:59px;text-align:center}.grossProfitDetail .collectionCalculate .headerTitle .ant-radio-button-wrapper-checked{color:#fff;border-color:#7ac5e2;background:#7ac5e2}.grossProfitDetail .collectionCalculate .headerTitle .customBtn{margin-left:10px;height:28px;line-height:28px;width:59px;text-align:center}.grossProfitDetail .collectionCalculate .headerTitle .customBtn:hover{color:#7ac5e2;border-color:#7ac5e2}.grossProfitDetail .collectionCalculate .headerTitle .customDate{margin-left:10px;width:200px}.grossProfitDetail .collectionCalculate .headerTitle .customDate .ant-calendar-picker-input{height:28px;line-height:26px}.grossProfitDetail .collectionCalculate .headerTitle .customDate .ant-input:focus,.grossProfitDetail .collectionCalculate .headerTitle .customDate .ant-input:hover{border-color:#7ac5e2}.grossProfitDetail .collectionCalculate .headerTitle .customDate .ant-input:focus{-webkit-box-shadow:0 0 0 2px rgba(122,197,226,.2);box-shadow:0 0 0 2px rgba(122,197,226,.2)}.grossProfitDetail .collectionCalculate .headerTitleRight{right:10px}.grossProfitDetail #chart1{width:100%;height:315px}