.bottom-box-dettol{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:10000;background-color:rgba(0,0,0,.7);-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.bottom-box-dettol,.bottom-box-dettol .content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.bottom-box-dettol .content{position:relative;border-top-left-radius:var(--ruleRadius);border-top-right-radius:var(--ruleRadius);max-height:80%;min-height:40%;overflow:hidden;background-color:var(--rulebgcolor)}.bottom-box-dettol .content .content-header{margin-top:-1px;height:1.6rem;line-height:1.13rem;font-size:.51rem;width:100vw;background-image:var(--bg);background-size:100% 100%;background-position:50%;background-repeat:no-repeat;vertical-align:top}.bottom-box-dettol .content .content-header .title{color:var(--titleColor);margin-top:.9rem;position:absolute;-webkit-transform:var(--rotate);transform:var(--rotate)}.bottom-box-dettol .content .content-header .btn-close{position:absolute;height:.24rem;top:.3rem;right:.3rem;background-color:rgba(0,0,0,.7);padding:.2rem;border-radius:50%}.bottom-box-dettol .content .content-body{margin:.3rem;border-radius:.08rem;padding:.3rem;-webkit-box-flex:1;-ms-flex:1;flex:1;overflow:auto;max-height:50vh;background-color:var(--contentBodyColor)}.dettol-rule{height:.6rem}.dettol-rule .btn{position:absolute;margin:0 .3rem;top:4.4rem;right:0;border-bottom:1px solid #d6f0df;height:.5rem;font-size:.3rem;line-height:.6rem;color:#d6f0df;text-align:center}.dettol-rule .rule-text{color:#333;font-size:.24rem;line-height:.48rem;text-align:left;margin:.2rem;word-break:break-all}.dettol-rule .rule-str{width:100%;word-wrap:break-word;text-align:left}