#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50}:root:root{--van-circle-text-color:#fff;--van-circle-text-font-size:14px}.home{background:#191d27}.home,.home .top{width:100%;display:flex;flex-direction:column}.home .top{background:linear-gradient(180deg,#1e3a78,#191d27);align-items:center;padding:10px}.home .top .head{width:100%;display:flex;justify-content:space-between;align-items:center}.home .top .head .logo{width:30px;height:30px}.home .top .head .connect{padding:5px 15px;background-color:#fff;border-radius:5px;font-size:14px;font-weight:700}.home .top .subtitle{width:100%;display:flex;flex-direction:row;align-items:center;padding:40px 0}.home .top .subtitle .coin-logo{width:30px;height:30px;margin-right:10px;border-radius:50%}.home .top .subtitle .title-context{font-size:18px;color:#fff;font-weight:600}.home .top .investment-box{width:100%;padding:20px 0 30px 0;display:flex;flex-direction:row;align-items:center;justify-content:space-around}.home .top .investment-box .investment-item{display:flex;flex-direction:column}.home .top .investment-box .investment-item .title{padding:0 0 10px 0;font-size:16px;color:gray}.home .top .investment-box .investment-item .content{padding:10px 0 0 0;font-size:18px;font-weight:600;color:#fff}.home .trade-container{width:100%;padding:10px;display:flex;flex-direction:column;align-items:center}.home .trade-container .message-box{width:100%;display:flex;flex-direction:row;border:1px solid #f57842;background-color:#f578420d;border-radius:14px;padding:20px}.home .trade-container .message-box .warning{height:20px;width:20px;margin-right:10px}.home .trade-container .message-box .context{color:#fff;font-size:12px;word-break:break-word;text-align:left;font-weight:700;line-height:20px}.home .trade-container .trade-box{margin-top:20px;width:100%;display:flex;flex-direction:column;align-items:center;border-radius:14px;background-color:rgba(31,36,49,.65);padding:20px}.home .trade-container .trade-box .trade-tab{width:100%;display:flex;flex-direction:row;align-items:center}.home .trade-container .trade-box .trade-tab .trade-tab-item{color:#aab3ca;font-size:14px;padding:15px 20px;margin-right:20px}.home .trade-container .trade-box .trade-tab .tab-selected{color:#fff;border-radius:10px;background-color:#2f3548}.home .trade-container .trade-box .trade-input-box{width:100%;margin:10px 0;padding:8px 8px;display:flex;flex-direction:row;justify-content:space-between;align-items:center;border:1px solid #2d3549;border-radius:10px;background-color:#1e2431}.home .trade-container .trade-box .trade-input-box .coin-icon{width:30px;height:30px;border-radius:50%;margin-right:10px}.home .trade-container .trade-box .trade-input-box .coin-input{border:none;outline:none;background-color:transparent;width:100%;color:#fff;font-size:18px;font-weight:700}.home .trade-container .trade-box .trade-input-box .max-button{color:#aab3ca;padding:12px 15px;border-radius:10px;background-color:#2f3548}.home .trade-container .trade-box .common-box{width:100%;padding:10px 0;display:flex;flex-direction:row;justify-content:space-between;align-items:center}.home .trade-container .trade-box .common-box .title{color:#aab3ca;font-size:14px;font-weight:700}.home .trade-container .trade-box .common-box .value{color:#fff;font-size:14px;font-weight:700}.home .trade-container .trade-box .submit-button{width:100%;margin-top:20px}.home .trade-container .trade-analytics{width:100%;margin-top:20px;display:flex;flex-direction:column;align-items:center;border-radius:14px;background-color:rgba(31,36,49,.65);padding:20px}.home .trade-container .trade-analytics .analytics-top{width:100%;display:flex;flex-direction:row;align-items:center;justify-content:space-between}.home .trade-container .trade-analytics .analytics-top .title{color:#fff;font-size:18px;font-weight:500}.home .trade-container .trade-analytics .analytics-top .query-box{width:40%;display:flex;flex-direction:row;align-items:center;justify-content:space-between}.home .trade-container .trade-analytics .analytics-top .query-box .query-item{color:#aab3ca;font-size:14px;padding:10px 12px}.home .trade-container .trade-analytics .analytics-top .query-box .query-selected{color:#fff;border-radius:6px;background-color:#2f3548}.home .trade-container .trade-analytics .supply-box{width:100%;display:flex;flex-direction:row;align-items:center;padding:20px 0}.home .trade-container .trade-analytics .supply-box .supplied-box{height:100%;display:flex;flex-direction:column;justify-content:space-around;margin-left:20px}.home .trade-container .trade-analytics .supply-box .supplied-box .title{color:#aab3ca;font-size:12px;text-align:left}.home .trade-container .trade-analytics .supply-box .supplied-box .value{color:#fff;font-size:14px;font-weight:700;text-align:left;padding:10px 0 5px 0}.home .trade-container .trade-analytics .supply-box .supplied-box .sub-value{color:#aab3ca;font-size:12px;text-align:left}.home .trade-container .trade-analytics .deposit-detail-box{width:100%;display:flex;flex-direction:row;align-items:center}.home .trade-container .trade-analytics .deposit-detail-box .detail-box{flex:1;display:flex;flex-direction:column}.home .trade-container .trade-analytics .deposit-detail-box .detail-box .title{color:#aab3ca;font-size:14px;padding-bottom:10px}.home .trade-container .trade-analytics .deposit-detail-box .detail-box .value{color:#fff;font-size:16px;font-weight:700}