:root{--safe-area-inset-bottom: env(safe-area-inset-bottom)}@supports not (constant(safe-area-inset-bottom)){>.mobile-container{padding-bottom:30px !important}>footer{padding-bottom:0 !important}}main.skin-swap{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column nowrap;flex-flow:column nowrap;-webkit-box-flex:1;-ms-flex:1 0 auto;flex:1 0 auto;width:100%;max-width:1920px;background:-webkit-gradient(linear, left top, left bottom, color-stop(30%, #292E41), color-stop(60%, #202539));background:linear-gradient(to bottom, #292E41 30%, #202539 60%)}main.skin-swap .banner{width:1898px;height:100px;margin:40px auto 0 22px;position:relative;overflow:hidden}main.skin-swap .banner .close{position:absolute;top:0;right:0;padding:5px 10px;font-size:18px;color:#b7bdec}main.skin-swap .content-wrap{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row nowrap;flex-flow:row nowrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding-top:40px;padding-bottom:100px}main.skin-swap .content-wrap.has_banner{padding-top:20px}main.skin-swap .content-wrap .console{-webkit-box-flex:0;-ms-flex:none;flex:none;width:200px;margin:0 20px 0;border:1px solid #4a5372;border-radius:5px;padding:20px 14px 0}main.skin-swap .content-wrap .console .transaction{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column nowrap;flex-flow:column nowrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}main.skin-swap .content-wrap .console .transaction .tips{margin-top:15px;font-size:12px;line-height:16px;color:#2585e7}main.skin-swap .content-wrap .console .transaction .summary{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:100%;height:40px;border-radius:5px;background:-webkit-gradient(linear, left top, left bottom, color-stop(30%, #fff), to(#698cff));background:linear-gradient(to bottom, #fff 30%, #698cff 100%);color:#202539}main.skin-swap .content-wrap .console .transaction .icon{margin:20px 0}main.skin-swap .content-wrap .console .transaction button{width:100%;height:40px;margin-bottom:20px}main.skin-swap .content-wrap .console .filter{min-height:376px}main.skin-swap .content-wrap .console .filter>*{margin-top:20px}main.skin-swap .content-wrap .console .filter h3{font-size:18px;color:#2585e7;text-align:center;margin-top:0}main.skin-swap .content-wrap .console .filter .range{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;color:#4a5372}main.skin-swap .content-wrap .console .filter .range input{width:76px;height:36px;font-size:14px;color:#b9c0ef;text-align:right;padding-left:20px}main.skin-swap .content-wrap .console .filter .range input[type=number]{-moz-appearance:textfield}main.skin-swap .content-wrap .console .filter .range input[type=number]::-webkit-outer-spin-button,main.skin-swap .content-wrap .console .filter .range input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0;opacity:0}main.skin-swap .content-wrap .console .filter .range>div{position:relative}main.skin-swap .content-wrap .console .filter .range>div:after{content:"￥";position:absolute;top:50%;left:5px;-webkit-transform:translateY(-50%);transform:translateY(-50%);color:#b9c0ef}main.skin-swap .content-wrap .console .filter .cd-time{border:1px solid #454d6b;border-radius:5px}main.skin-swap .content-wrap .console .filter .cd-time div{color:#b9c0ef;text-align:center;font-size:14px;margin-top:6px}main.skin-swap .content-wrap .console .filter .cd-time .cd-wrap{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row wrap;flex-flow:row wrap;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:0 10px 6px;margin:0 -2px}main.skin-swap .content-wrap .console .filter .cd-time .cd-wrap label{position:relative;margin-top:6px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer}main.skin-swap .content-wrap .console .filter .cd-time .cd-wrap label input{width:0;height:0;visibility:hidden;position:absolute}main.skin-swap .content-wrap .console .filter .cd-time .cd-wrap label input:checked+span{background-color:#7a80a2;border-color:#7a80a2;color:#fff}main.skin-swap .content-wrap .console .filter .cd-time .cd-wrap label span{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:24px;height:24px;border:1px solid #454d6b;border-radius:3px;color:#b9c0ef;font-size:14px;margin:0 2px}main.skin-swap .content-wrap .console .filter .cd-time .cd-wrap label span.active{background-color:#7a80a2;border-color:#7a80a2;color:#fff}main.skin-swap .content-wrap .console .filter .cd-time .cd-wrap label:nth-last-of-type(1) span{width:55px}main.skin-swap .content-wrap .console .filter .select{display:-webkit-box;display:-ms-flexbox;display:flex}main.skin-swap .content-wrap .console .filter .select .text{height:40px}main.skin-swap .content-wrap .console .filter button{width:100%;height:40px}main.skin-swap .content-wrap .console .how-swap{margin-top:20px;color:#7a80a2}main.skin-swap .content-wrap .console .how-swap h3{font-size:16px;text-align:center}main.skin-swap .content-wrap .console .how-swap ul{margin-top:15px;padding-left:30px}main.skin-swap .content-wrap .console .how-swap ul li{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column nowrap;flex-flow:column nowrap;font-size:14px;margin-top:15px;position:relative}main.skin-swap .content-wrap .console .how-swap ul li strong{font-size:16px;color:#2585e7;margin-bottom:5px}main.skin-swap .content-wrap .console .how-swap ul li:before,main.skin-swap .content-wrap .console .how-swap ul li:after{content:"";display:block;position:absolute;background-color:#00a4ff}main.skin-swap .content-wrap .console .how-swap ul li:before{width:9px;height:9px;top:4px;left:-30px;border-radius:50%}main.skin-swap .content-wrap .console .how-swap ul li:after{width:1px;height:60px;position:absolute;top:5px;left:-26px}main.skin-swap .content-wrap .console .how-swap ul li:nth-last-of-type(1):after{display:none}