/* 买入/卖出弹窗 r05：底板整块从母图 06/07 切（框、标题条、人物、关闭键、灰底条、提示条都是母图原像素），
   只叠会变的：公司图标和名字、价格、持有、两个选项、金额、现金、风险句、两个按钮。由 production/工具-底部面板/gen_trade_css.py 生成。 */
.r04-trade.tr5{left:40px!important;top:530px!important;width:1026px!important;height:1350px!important}
.r04-trade.tr5 .trade-skin{object-fit:fill}
.r04-trade.tr5 .trade-portrait,.r04-trade.tr5 .trade-word,.r04-trade.tr5 .trade-question,.r04-trade.tr5 .trade-fixed-label,.r04-trade.tr5 .trade-risk-hero,.r04-trade.tr5 .trade-risk-elder,.r04-trade.tr5 .trade-close img{display:none!important}
.r04-trade.tr5 .trade-heading{position:absolute;left:0!important;top:0!important;right:auto!important;width:100%;height:0!important;display:block}
.r04-trade.tr5 .trade-heading>*{position:absolute;margin:0}
.r04-trade.tr5 .trade-heading h2{display:block;font-size:0;letter-spacing:0;-webkit-text-stroke:0;text-shadow:none}
.r04-trade.tr5 .trade-heading h2 b{position:absolute;white-space:nowrap;line-height:1;transform:translateY(-50%);font-weight:900;color:#ec3539;letter-spacing:-1px;-webkit-text-stroke:2px #fff8dc;paint-order:stroke fill;text-shadow:0 3px 0 #fff3cc}
.r04-trade.tr5 .trade-close{background:none;border-radius:50%;overflow:visible}
.r04-trade.tr5 .trade-close:active,.r04-trade.tr5 .trade-close.is-down{background:rgba(8,43,70,.22);transform:translateY(2px)}
.r04-trade.tr5 .trade-price,.r04-trade.tr5 .trade-held,.r04-trade.tr5 .trade-cash,.r04-trade.tr5 .trade-receipt,.r04-trade.tr5 .trade-risk{background:none!important;border:0!important;border-image:none!important;padding:0!important}
.r04-trade.tr5 .trade-price>span,.r04-trade.tr5 .trade-held>span,.r04-trade.tr5 .trade-cash>span,.r04-trade.tr5 .trade-receipt span{visibility:hidden}
.r04-trade.tr5 .trade-price b,.r04-trade.tr5 .trade-held b,.r04-trade.tr5 .trade-cash b,.r04-trade.tr5 .trade-receipt b{position:absolute;right:0;top:50%;transform:translateY(-50%);line-height:1;font-weight:900;white-space:nowrap}
.r04-trade.tr5 .trade-receipt{left:0!important;top:0!important;width:100%!important;height:0!important}
.r04-trade.tr5 .trade-receipt p{position:absolute;margin:0!important;padding:0!important;border:0!important;height:70px;display:block}
.r04-trade.tr5 .trade-risk{left:0!important;top:0!important;width:100%!important;height:0!important;display:block}
.r04-trade.tr5 .trade-risk p{position:absolute;margin:0;white-space:nowrap;text-align:center;line-height:1}
.r04-trade.tr5.is-sell .trade-risk p{display:none}
.r04-trade.tr5 footer{left:0!important;top:0!important;right:auto!important;width:100%!important;height:0!important;display:block!important}
.r04-trade.tr5 footer .btn{position:absolute!important;min-height:0!important;flex:none!important;border-radius:22px}
.r04-trade.tr5 .trade-emphasis{object-fit:fill}
.r04-trade.tr5.tr5-ice .trade-heading .company-icon{display:none!important}.r04-trade.tr5.tr5-ice .trade-heading h2 b{color:transparent!important;-webkit-text-stroke:0;text-shadow:none}
.r04-trade.tr5 .trade-heading .company-icon.title-ice{left:257px!important;top:162px!important;width:106px!important;height:134px!important;object-fit:fill}
.r04-trade.tr5 footer .btn>.button-art{filter:none!important}
.r04-trade.tr5 footer .tr5-btn{position:absolute;padding:0;border:0;background:none;border-radius:0;overflow:visible;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform .06s}
.r04-trade.tr5 footer .tr5-btn>img{display:block;width:100%;height:100%;pointer-events:none}
.r04-trade.tr5 footer .tr5-btn:not(:disabled):active,.r04-trade.tr5 footer .tr5-btn.is-down:not(:disabled){transform:translateY(4px)}
.r04-trade.tr5 footer .tr5-btn:not(:disabled):active>img,.r04-trade.tr5 footer .tr5-btn.is-down:not(:disabled)>img{filter:brightness(.86)}
.r04-trade.tr5 footer .tr5-btn:disabled{cursor:default}.r04-trade.tr5 footer .tr5-btn:disabled>img{filter:grayscale(1) brightness(1.05);opacity:.75}
.r04-trade.tr5 .trade-choice b{font-size:74px}.r04-trade.tr5 .trade-choice strong{font-size:46px}
.r04-trade.tr5.is-buy .trade-heading .company-icon{left:260px;top:170px;width:112px;height:112px;object-fit:contain}
.r04-trade.tr5.is-buy .trade-heading h2 b{left:520px;top:222px;font-size:70px}
.r04-trade.tr5.is-buy .trade-close{left:867px!important;top:215px!important;right:auto!important;width:90px!important;height:90px!important}
.r04-trade.tr5.is-buy .trade-emphasis{left:284px;top:37px;width:69px;height:67px}
.r04-trade.tr5.is-buy .trade-price{left:80px!important;right:auto!important;top:335px!important;width:772px!important;height:80px!important}
.r04-trade.tr5.is-buy .trade-price b{font-size:72px}
.r04-trade.tr5.is-buy .trade-choices{left:78px!important;right:auto!important;top:505px!important;width:840px!important;height:203px!important}
.r04-trade.tr5.is-buy .trade-receipt p:nth-child(1){left:190px;top:724px;width:618px}.r04-trade.tr5.is-buy .trade-receipt p:nth-child(1) b{font-size:42px}
.r04-trade.tr5.is-buy .trade-receipt p:nth-child(2){left:190px;top:770px;width:618px}.r04-trade.tr5.is-buy .trade-receipt p:nth-child(2) b{font-size:42px}
.r04-trade.tr5.is-buy .trade-receipt p:nth-child(3){left:190px;top:855px;width:618px}.r04-trade.tr5.is-buy .trade-receipt p:nth-child(3) b{font-size:58px}
.r04-trade.tr5.is-buy .trade-cash{left:190px!important;right:auto!important;top:943px!important;width:618px!important;height:70px!important}.r04-trade.tr5.is-buy .trade-cash b{font-size:44px;color:#082b46}
.r04-trade.tr5.is-buy .trade-risk p{left:290px;top:1048px;width:480px;font-size:32px;font-weight:900;color:#082b46}.r04-trade.tr5.is-buy .trade-risk p small{position:absolute;left:0;right:0;top:44px;font-size:25px;font-weight:600;color:#647078;margin:0}
.r04-trade.tr5.is-buy footer .tr5-btn[data-action=dismiss]{left:57px;top:1158px;width:383px!important;height:121px!important}
.r04-trade.tr5.is-buy footer .tr5-btn[data-action=confirmTrade]{left:459px;top:1156px;width:500px!important;height:123px!important}
.r04-trade.tr5.is-sell .trade-heading .company-icon{left:260px;top:170px;width:112px;height:112px;object-fit:contain}
.r04-trade.tr5.is-sell .trade-heading h2 b{left:520px;top:222px;font-size:70px}
.r04-trade.tr5.is-sell .trade-close{left:867px!important;top:215px!important;right:auto!important;width:90px!important;height:90px!important}
.r04-trade.tr5.is-sell .trade-emphasis{left:280px;top:41px;width:69px;height:67px}
.r04-trade.tr5.is-sell .trade-price{left:80px!important;right:auto!important;top:335px!important;width:773px!important;height:80px!important}
.r04-trade.tr5.is-sell .trade-held{left:80px!important;right:auto!important;top:425px!important;width:773px!important;height:70px!important}
.r04-trade.tr5.is-sell .trade-price b{font-size:72px}
.r04-trade.tr5.is-sell .trade-held b{font-size:68px;color:#082b46}
.r04-trade.tr5.is-sell .trade-choices{left:78px!important;right:auto!important;top:582px!important;width:840px!important;height:188px!important}
.r04-trade.tr5.is-sell .trade-receipt p:nth-child(1){left:190px;top:784px;width:618px}.r04-trade.tr5.is-sell .trade-receipt p:nth-child(1) b{font-size:42px}
.r04-trade.tr5.is-sell .trade-receipt p:nth-child(2){left:190px;top:837px;width:618px}.r04-trade.tr5.is-sell .trade-receipt p:nth-child(2) b{font-size:42px}
.r04-trade.tr5.is-sell .trade-receipt p:nth-child(3){left:190px;top:909px;width:622px}.r04-trade.tr5.is-sell .trade-receipt p:nth-child(3) b{font-size:58px}
.r04-trade.tr5.is-sell .trade-cash{left:190px!important;right:auto!important;top:989px!important;width:618px!important;height:70px!important}.r04-trade.tr5.is-sell .trade-cash b{font-size:44px;color:#082b46}
.r04-trade.tr5.is-sell footer .tr5-btn[data-action=dismiss]{left:56px;top:1180px;width:386px!important;height:112px!important}
.r04-trade.tr5.is-sell footer .tr5-btn[data-action=confirmTrade]{left:457px;top:1179px;width:501px!important;height:113px!important}