html,
body
{
    width:100vw; height:100vh; overflow:hidden; padding:0; margin:0 auto; text-align:center; font-family: Arial, Helvetica, sans-serif, serif; font-size:3.5vw;
}

*
{
    -webkit-tap-highlight-color: transparent;
}

a
{ 
    outline:none;
}


img
{
    border:0; border:none; pointer-events:none;
}


ul,
li
{ 
    padding:0; margin:0; list-style:none;
}

table
{ 
    padding:0; margin:0;
}

input,
textarea
{
    outline:none; padding:0; margin:0; box-sizing:border-box; appearance: none; border:solid 1px #ccc; font-size:4vw;
}


input[type="text"]::-ms-clear
{
    display:none; outline:none; font-family: '微软雅黑', '宋体', serif;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button
{
    -webkit-appearance: none !important; margin: 0;
}

input[type="checkbox"]
{
    appearance:none; -webkit-appearance:none; -moz-appearance:none; text-align:center; width:5vw; height:5vw; overflow:hidden;
}
input[type="checkbox"]:after
{
    content:""; background-color:transparent; border-color:#777;
}
input[type="checkbox"]:checked:after
{
    content:""; background-color:transparent; display:block; width:4vw; height:4vw; background-size:5vw 5vw; background-repeat:no-repeat; background-position:0 -1px;
}


.common
{
    width:100vw; height:100%; position:relative;
}

.submit-btn
{
    background-color:rgb(88 148 186); padding:0vw 5vw; color:#fff; font-size:4vw; display:table-cell; border-radius:1vw; vertical-align:middle;
}

.cancel-btn
{
    background-color:rgb(225, 228, 234); padding:0vw 5vw; color:#555; font-size:4vw; display:table-cell; border-radius:2vw; vertical-align:middle;
}

.vertical-line
{
    display:block; width:1px; height:100%; overflow:hidden; background-color:#f1f1f1;
}

.close
{
    width:1rem; height:1rem; position:absolute; top:0.5rem; right:0.5rem;
}

.mask
{
    width:100vw; height:100vh; position:fixed; top:0; left:0; z-index:99;
}

.black-mask-opacity
{
    background-color:rgba(0, 0, 0, 0.5);
}

.mask-white
{
    background-color:rgba(255,255,255,1);
}




.tip-dialog,.tip-confirm,.tip-prompt
{
    width:100vw; height:100vh; display:flex; display:-webkit-flex; flex-flow:row nowrap; justify-content:center; align-items:center;
}
.tip-dialog div
{
    width:80vw; height:10vw; background-color:#fff; border-radius:2vw; line-height:10vw; font-size:4vw;
}
.success
{
    color:rgb(43, 147, 77);
}
.warning
{
    color:rgb(237, 117, 13);
}
.failed
{
    color:rgb(205, 15, 15);
}


.tip-confirm > div
{
    width:70vw; height:32vw; overflow:hidden; background-color:#fff; border-radius:2vw; line-height:10vw; font-size:4vw;
}
.tip-confirm > div .tip,
.tip-prompt > div .tip
{
    width:100%; height:16vw; line-height:16vw; margin:4vw 0 0 0; font-size:4vw;
}
.tip-confirm .confirm-btns,
.tip-prompt .confirm-btns
{
    width:100%; height:12vw; display:flex; display:-webkit-flex; flex-flow:row nowrap; justify-content:space-evenly; align-items:center; align-content:center;
    border-top:solid 1px #f1f1f1;
}


.tip-prompt > div{
    width:80vw; height:38vw; overflow:hidden; background-color:#fff; border-radius:2vw; line-height:10vw; font-size:4vw;
}
.tip-prompt > div input{
    width:60vw; height:10vw; box-sizing:border-box; border:solid 1px #ccc; border-radius:1vw; padding:0 2vw; line-height:10vw; font-size:4vw; color:#555;
}

div.more{
    width:94vw; color:#777; margin:0 0 5vw 0; font-size:3vw; float:left; text-align:center;
}

div#navigator
{
    width:9vw; height:9vw; padding:1vw; border-radius:50%; overflow:hidden; position:fixed; bottom:3vw; right:3vw; background-color:rgba(255, 255, 255, 0.8); z-index:3; box-shadow:0 0 10px rgba(0, 0, 0, 0.5);
}
div#navigator img
{
    width:100%; height:100%;
}

#menus
{
    position:fixed; inset:0 100vw 0 0; background-color:rgb(255, 255, 255); overflow:hidden scroll; z-index:2;
}
#menus>span
{
    display:block; width:88vw; height:12vw; line-height:12vw; float:left; font-size:4vw; text-align:left; color:#555; border-bottom:solid 1px #fff; padding:0 0 0 12vw; background-repeat:no-repeat; background-size:6vw 6vw; background-position:4vw center;
}
#menus>span:nth-child(1)
{
    width:97vw; height:15vw; overflow:hidden; padding:0 0 0 3vw; border-bottom:solid 1px #f1f1f1; font-size:6vw; line-height:18vw; font-weight:bold;
}
#menus>span img
{
    width:12vw; height:12vw; border-radius:4vw; float:left; margin:2vw 0 0 0;
}
#menus>span:nth-child(2)
{
    background-image:url("/Images/seeking_ico.png");
}
#menus>span:nth-child(3)
{
    background-image:url("/Images/Qt_ico.png");
}
#menus>span:nth-child(4)
{
    background-image:url("/Images/loan_ico.png");
}
#menus>span:nth-child(5)
{
    background-image:url("/Images/asset_ico.png");
}
#menus>span:nth-child(6)
{
    background-image:url("/Images/wallet_ico.png");
}
#menus>span:nth-child(7)
{
    background-image:url("/Images/mail_ico.png");
}
#menus>span:nth-child(8)
{
    background-image:url("/Images/secret_ico.png");
}
#menus>span:nth-child(9)
{
    background-image:url("/Images/friends_ico.png");
}
#menus>span:nth-child(10)
{
    background-image:url("/Images/invite_ico.png");
}
#menus>span:nth-child(11)
{
    background-image:url("/Images/community_ico.png");
}
#menus>span:nth-child(12)
{
    background-image:url("/Images/exit_ico.png");
}



#application
{
    width:100vw; height:100vh; overflow:hidden; position:relative; inset:0; background-color:#fff;
}


#footer
{
    width:94vw; height:10vw; position:fixed; bottom:3vw; left:3vw; z-index:2; display:flex; flex-flow:row nowrap; justify-content:space-between; align-items:center;
}
#footer div
{
    height:10vw; background-color:#f1f1f1; overflow:hidden; font-size:3.5vw; color:#555; line-height:10vw; font-weight:bold; flex-grow:1; margin-left:1vw; border-radius:1vw;
}
#footer div:nth-child(1)
{
    margin-left:0;
}




#login,
#register,
#protocol
{
    width:100%; height:100%; display:-webkit-flex; display:flex; flex-flow:column nowrap; justify-content:center; align-items:center; position:fixed; z-index:9; background-color:#fff;
}
#login>div,
#register>div,
#protocol>div
{
    width:100%; display:-webkit-flex; display:flex; flex-flow:column nowrap; justify-content:start; align-items:center;
}
#login div.logo,
#register div.logo
{
    width:50vw; height:50vw; border-radius:50%;
}
#login div.logo img,
#register div.logo img
{
    width:100%; height:100%; float:left;
}
#login div.mail,
#register div.mail
{
    width:90vw; height:15vw; margin:5vw auto 0 auto; overflow:hidden; display:-webkit-flex; display:flex; flex-flow:column nowrap; justify-content:center; align-items:center;
}
#login div.password,
#register div.password
{
    width:90vw; height:15vw; overflow:hidden; display:-webkit-flex; display:flex; flex-flow:column nowrap; justify-content:center; align-items:center;
}
#login div.mail input,
#login div.password input,
#register div.mail input,
#register div.password input
{
    width:80vw; height:12vw; border:solid 1px #ddd; border-radius:1vw; padding:0 2vw; text-align:center;
}
#login div.login,
#login div.register,
#register div.login,
#register div.register
{
    width:100%; height:15vw; display:-webkit-flex; display:flex; flex-flow:column nowrap; justify-content:center; align-items:center;
}
#login div.login span,
#login div.register span,
#register div.login span,
#register div.register span
{
    display:block; width:50vw; height:10vw; line-height:10vw;
}
#login div.register span,
#register div.login span
{
    background-color:#f1f1f1; color:#777;
}



div.context
{
    position:fixed; z-index:1; inset:3vw; overflow:hidden scroll; float:left;
}
div.context>div.stage
{
    width:100%; position:relative; float:left; min-height:100%;
}


div#loans div#slider,
div#bills div#slider,
div#assets div#slider,
div#gems div#slider,
div#market div#slider,
div#QT div#slider
{
    width:94vw; height:52vw; border-radius:1vw; position:relative; overflow:hidden; float:left;
}
div#loans div#slider div.images,
div#bills div#slider div.images,
div#assets div#slider div.images,
div#gems div#slider div.images,
div#market div#slider div.images,
div#QT div#slider div.images
{
    position:absolute; left:0; top:0; height:100%; overflow:hidden;
}
div#loans div#slider div.images span,
div#bills div#slider div.images span,
div#assets div#slider div.images span,
div#gems div#slider div.images span,
div#market div#slider div.images span,
div#QT div#slider div.images span
{
    display:block; width:94vw; height:52vw; overflow:hidden; float:left;
}
div#loans div#slider div.images span img,
div#bills div#slider div.images span img,
div#assets div#slider div.images span img,
div#gems div#slider div.images span img,
div#market div#slider div.images span img,
div#QT div#slider div.images span img
{
    width:94vw; height:100%; float:left;
}
div#loans div#slider div.dots,
div#bills div#slider div.dots,
div#assets div#slider div.dots,
div#gems div#slider div.dots,
div#market div#slider div.dots,
div#QT div#slider div.dots
{
    width:60vw; height:1vw; overflow:hidden; position:absolute; inset:50vw 17vw 2vw 17vw; overflow:hidden; display:flex; flex-flow:row nowrap; justify-content:flex-start;
}
div#loans div#slider div.dots span,
div#bills div#slider div.dots span,
div#assets div#slider div.dots span,
div#gems div#slider div.dots span,
div#market div#slider div.dots span,
div#QT div#slider div.dots span
{
     background-color:rgba(0,0,0,0.3); flex-grow:1;
}
div#loans div#slider div.dots span:nth-child(1),
div#bills div#slider div.dots span:nth-child(1),
div#assets div#slider div.dots span:nth-child(1),
div#gems div#slider div.dots span:nth-child(1),
div#market div#slider div.dots span:nth-child(1),
div#QT div#slider div.dots span:nth-child(1)
{
    background-color:rgba(255,255,255,0.5)
}



div#loans ul#notices,
div#bills ul#notices,
div#assets ul#notices,
div#gems ul#notices,
div#market ul#notices,
div#QT ul#notices
{
    background-color:#eee; width:94vw; height:10vw; overflow:hidden; border-radius:1vw; margin:3vw 0 00; float:left;
}
div#loans ul#notices li,
div#bills ul#notices li,
div#assets ul#notices li,
div#gems ul#notices li,
div#market ul#notices li,
div#QT ul#notices li

{
    width:100%; height:100%; font-size:3.5vw; font-weight:bold; color:rgb(88 148 186); line-height:10vw; text-align:left; background-image:url("/Images/arrow.png"); background-repeat:no-repeat; background-size:4vw; background-position:87vw 3vw;
}
div#loans ul#notices li span.tag,
div#bills ul#notices li span.tag,
div#assets ul#notices li span.tag,
div#gems ul#notices li span.tag,
div#market ul#notices li span.tag,
div#QT ul#notices li span.tag
{
    background-color:rgb(88 148 186); color:#fff; padding:1vw 2vw; border-radius:1vw; margin:auto 2vw;
}



div#loans div.options,
div#bills div.options,
div#gems div.options,
div#market div.options,
div#QT div.options
{
    width:94vw; overflow:hidden; margin:3vw 0 0 0; border-radius:1vw; float:left; position:relative;
}
div#loans div.options span,
div#bills div.options span,
div#gems div.options span,
div#market div.options span,
div#QT div.options span
{
    font-size:3.5vw; text-align:left; color:#333; font-weight:bold; float:left; padding:2vw 3vw; border-radius:1vw;
}
div#loans div.options span:nth-child(1),
div#bills div.options span:nth-child(1),
div#gems div.options span:nth-child(1),
div#market div.options span:nth-child(1),
div#QT div.options span:nth-child(1)
{
    background-color:#eee;
}
div#loans div.options span.add,
div#QT div.options span.add
{
    position:absolute; right:0; top:0; margin:0; padding:2vw;
}
div#loans div.options span.add img,
div#QT div.options span.add img
{
    width:5vw; height:5vw; float:left;
}



div#loans ul#list,
div#bills ul#list,
div#assets ul#list,
div#gems ul#list,
div#market ul#list,
div#market ul#foxes
{
    width:94vw; border-radius:1vw; float:left; margin:2vw 0 0 0;
}
div#loans ul#list li,
div#bills ul#list li.item,
div#bills ul#list li.actions,
div#assets ul#list li.item
{
    width:100%; overflow:hidden; text-align:left; color:#555; font-size:4vw; float:left; position: relative; border-radius:1vw; margin:2vw 0 0 0;
}
div#loans ul#list li
{
    height:23vw; line-height:12vw;
}
div#bills ul#list li.item
{
    height:35vw; line-height:12vw;
}
div#bills ul#list li.actions,
div#assets ul#list li.actions
{
    height:8vw; line-height:8vw; border-radius:1vw; margin:1vw 0 1vw 0; display:flex; flex-flow:row nowrap; justify-content:space-between; align-items:center;
}
div#loans ul#list li:first-child,
div#bills ul#list li:first-child
{
    margin:0;
}
div#bills ul#list li:last-child
{
    margin:1vw 0 0 0;
}
div#loans ul#list li span,
div#bills ul#list li.item span
{
    line-height:4vw; position:absolute; left:10vw; color:rgb(88 148 186);
}
div#loans ul#list li span.status,
div#bills ul#list li.item span.status
{
    display:block; width:10vw; height:10vw; inset:0 2vw 13vw 82vw;
}
div#bills ul#list li.item span.menus
{
    display:block; width:5vw; height:5vw; inset:2vw 0vw 24vw 89vw;
}
div#loans ul#list li img.status,
div#bills ul#list li.item img.status,
div#bills ul#list li.item img.menus
{
    width:100%; height:100%; float:left;
}
div#loans ul#list li img.usd,
div#bills ul#list li.item img.usd
{
    width:4vw; height:4vw; border-radius:4vw; float:left; margin:3vw;
}
div#loans ul#list li span.loan,
div#bills ul#list li.item span.borrowed
{
    font-size:4vw; top:3vw; font-weight:bold;
}
div#bills ul#list li.item span.repaid
{
    font-size:3.5vw; top:10vw; color:#333;
}
div#bills ul#list li.item span.repay
{
    font-size:3.5vw; top:16vw; color:#333;
}
div#loans ul#list li img.pledge,
div#bills ul#list li.item img.pledge
{
    width:4vw; height:4vw; border-radius:4vw; position:absolute; left:3vw;
}
div#loans ul#list li img.pledge
{
    top:10vw;
}
div#bills ul#list li.item img.pledge
{
    top:22vw;
}
div#loans ul#list li span.pledge,
div#bills ul#list li.item span.pledge
{
    font-size:3.5vw; color:#333;
}
div#loans ul#list li span.pledge
{
    top:10vw;
}
div#bills ul#list li.item span.pledge
{
    top:22vw;
}
div#loans ul#list li span.expire,
div#bills ul#list li.item span.expire
{
    font-size:3.5vw; color:#555;
}
div#loans ul#list li span.expire
{
    top:16vw;
}
div#bills ul#list li.item span.expire
{
    top:28vw;
}
div#loans ul#list li img.enter
{
    width:4vw; height:4vw; top:16vw; position:absolute; right:3vw;
}
div#bills ul#list li.actions span,
div#assets ul#list li.actions span
{
    font-size:3.5vw; line-height:8vw; padding:0 3vw; background-color:#f1f1f1; border-radius:1vw; flex-grow:1; margin:0 0 0 1vw; text-align:center;
}
div#bills ul#list li.actions span:nth-child(1),
div#assets ul#list li.actions span:nth-child(1)
{
    margin:0;
}


div#gems ul#list
{
    display:flex; flex-flow:row wrap; justify-content:space-between;
}
div#gems ul#list li
{
    width:46vw; height:71vw; overflow:hidden; float:left; margin-top:2vw; position:relative; border-radius:1vw; overflow:hidden; background-color:#f5f5f5;
}
div#gems ul#list li:nth-child(1),
div#gems ul#list li:nth-child(2)
{
    margin-top:0;
}
div#gems ul#list li img
{
    width:46vw; height:46vw; float:left; border-radius:1vw;
}
div#gems ul#list li span
{
    display:block; width:40vw; padding:0 3vw; height:8vw; line-height:8vw; text-align:left; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; word-break:break-all; float:left;
}
div#gems ul#list li span.name
{
    font-weight:bold; color:rgba(0,0,0,0.8); font-size:4vw; height:7vw; line-height:7vw; padding-top:1vw; position:absolute; top:0; left:1vw;
}
div#gems ul#list li span.fox
{
    font-weight:bold; color:#555; font-size:3vw; height:6vw; line-height:6vw;
}
div#gems ul#list li span.status
{
    font-size:3.5vw; color:rgb(88 148 186); font-weight:bold; height:6vw; line-height:6vw;
}
div#gems ul#list li span.funds
{
    font-size:4vw; color:#ea711a; font-weight:bold; height:6vw; line-height:6vw; font-size:3.5vw;
}
div#gems ul#list li span.limit,
div#gems ul#list li span.joined
{
    font-size:3.5vw; color:rgba(0, 0, 0, 0.5); height:6vw; line-height:6vw; position:absolute; top:64vw; font-weight:bold;
}
div#gems ul#list li span.limit
{
    left:0;
}
div#gems ul#list li span.joined
{
    right:0; text-align:right;
}




div#assets ul#list li.item
{
    height:12vw; line-height:12vw; margin:1vw 0 0 0; border-bottom:solid 1px #f1f1f1;
}
div#assets ul#list li.item:first-child
{
    margin:0;
}
div#assets ul#list li.item img.ico
{
    width:6vw; height:6vw; border-radius:4vw; float:left; margin:3vw;
}
div#assets ul#list li.item span.name
{
    font-size:4vw; line-height:12vw; color:rgb(88 148 186); font-weight:bold; position:absolute; left:12vw; top:0;
}
div#assets ul#list li.item span.contract
{
    font-size:3vw; line-height:5vw; color:#777; position:absolute; left:12vw; top:6vw;
}
div#assets ul#list li.item span.amount
{
    font-size:5vw; line-height:12vw; color:#555; font-weight:bold; position:absolute; right:3vw; top:0;
}













div#market ul#list
{
    display:flex; flex-flow:row wrap; justify-content:space-between;
}
div#market ul#list li
{
    width:46vw; height:68vw; overflow:hidden; float:left; margin-top:2vw; position:relative; border-radius:1vw; overflow:hidden; background-color:#f5f5f5;
}
div#market ul#list li:nth-child(1),
div#market ul#list li:nth-child(2)
{
    margin-top:0;
}
div#market ul#list li>img
{
    width:46vw; height:46vw; float:left; border-radius:1vw;
}
div#market ul#list li>span
{
    display:block; width:40vw; padding:0 3vw; height:8vw; line-height:8vw; text-align:left; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; word-break:break-all; float:left;
}
div#market ul#list li>span.id
{
    color:#555; height:6vw; line-height:6vw; font-weight:bold;
}
div#market ul#list li>span.name
{
    font-weight:bold; color:rgba(0,0,0,0.8); font-size:4vw; height:7vw; line-height:7vw; padding-top:1vw;
}
div#market ul#list li>span.funds
{
    font-size:4vw; color:#ea711a; font-weight:bold; height:6vw; line-height:6vw; font-size:3.5vw;
}
div#market ul#list li>span.adopt
{
    position:absolute; right:2vw; bottom:2vw; width:15vw; text-align:center; padding:0; height:6vw; line-height:6vw; color:#fff; border-radius:1vw; font-weight:bold; background-color:rgb(88 148 186);
}
div#market ul#list li>span.stock,
div#market ul#list li>span.sold
{
    font-size:3.5vw; color:rgba(0, 0, 0, 0.5); height:6vw; line-height:6vw; position:absolute; top:60vw; font-weight:bold;
}
div#market ul#list li>span.stock
{
    left:0;
}
div#market ul#list li>span.sold
{
    right:0; text-align:right;
}







div#market ul#foxes li
{
    width:100%; height:34vw; overflow:hidden; float:left; margin-top:2vw; position:relative; border-radius:1vw; overflow:hidden; background-color:#f5f5f5;
}
div#market ul#foxes li:nth-child(1)
{
    margin-top:0;
}
div#market ul#foxes li>div
{
    height:100%; float:left; position:relative;
}
div#market ul#foxes li>div.fox
{
    width:34vw; height:100%; overflow:hidden;
}
div#market ul#foxes li>div.fox img
{
    width:100%; height:100%; float:left; border-radius:1vw;
}
div#market ul#foxes li>div.info
{
    width:60vw; height:100%;
}
div#market ul#foxes li>div span
{
    display:block; text-align:left; overflow:hidden;  float:left;
}
div#market ul#foxes li>div span.name
{
    width:54vw; height:8vw; line-height:8vw; padding:1vw 3vw 0 3vw; font-weight:bold; color:rgba(0,0,0,0.8); font-size:4vw; height:7vw; line-height:7vw;
}
div#market ul#foxes li> div span.id
{
    width:54vw; padding:0 3vw; color:#555; line-height:4vw; overflow:hidden; word-break:break-all;
}
div#market ul#foxes li>div span.status
{
    width:54vw; font-size:3.5vw; color:#ea711a; font-weight:bold; height:6vw; line-height:6vw; position:absolute; bottom:11vw; left:3vw;
}
div#market ul#foxes li>div span.lend
{
    position:absolute; bottom:10vw; left:3vw;
}
div#market ul#foxes li>div span.transfer
{
    position:absolute; bottom:3vw; left:3vw; color:#555;
}
div#market ul#foxes li>div font.funds
{
    font-size:4vw; color:#ea711a; font-weight:bold; height:6vw; line-height:6vw; font-size:3.5vw;
}
div#market ul#foxes li>div span.lending
{
    position:absolute; right:3vw; background-color:rgb(88 148 186); color:#fff; border-radius:1vw; padding:0vw 3vw; height:6vw; line-height:6vw;
}
div#market ul#foxes li>div span.cancel
{
    position:absolute; right:3vw; background-color:rgb(88 148 186); color:#fff; border-radius:1vw; padding:0vw 3vw; height:6vw; line-height:6vw;
}
div#market ul#foxes li>div span.sell
{
    position:absolute; right:3vw; background-color:rgb(88 148 186); color:#fff; border-radius:1vw; padding:0vw 3vw; height:6vw; line-height:6vw;
}

























div#QT div.asset
{
    width:90vw; padding:1vw 2vw; overflow:hidden; margin:2vw 0 0 0; border-radius:1vw; display:flex; flex-flow:row nowrap; float:left;
}
div#QT div.asset div.PROFIT,
div#QT div.asset div.SMD,
div#QT div.asset div.UMD
{
    width:30vw; height:15vw; text-align:left;
}
div#QT div.asset span
{
    display:block; width:100%; text-align:left;
}
div#QT div.asset span.tag
{
    line-height:6vw; font-size:3vw; font-weight:bold; color:#333;
}
div#QT div.asset span.amount
{
    line-height:10vw; font-size:5vw; font-weight:bold; color:#333;
}
div#QT div.asset span.tag::after
{
    content:"(USD)"; font-size:3vw; font-weight:normal; color:#777; margin-left:1vw;
}


div#QT div.account
{
    width:90vw; padding:1vw 2vw; overflow:hidden; border-radius:1vw; margin:1vw 0 0 0; float:left; position:relative;
}
div#QT div.account span.editor
{
    display:block; width:4vw; height:4vw; position:absolute; top:2vw; right:2vw;
}
div#QT div.account span.editor img
{
    width:100%; height:100%;
}
div#QT div.account span.info
{
    display:block; width:100%; font-size:3vw; font-weight:bold; text-align:left; line-height:6vw; color:#555; float:left;
}





div#QT ul#commands
{
    width:94vw; border-radius:1vw; float:left; margin:2vw 0 0 0;
}
div#QT ul#commands li
{
    width:100%; height:12vw; overflow:hidden; line-height:12vw; text-align:left; color:#555; font-size:4vw; float:left; position: relative; border-radius:1vw; margin:1vw 0 0 0;
}
div#QT ul#commands li:first-child
{
    margin:0;
}
div#QT ul#commands li img
{
    width:8vw; height:8vw; border-radius:4vw; float:left; margin:2vw;
}
div#QT ul#commands li span
{
    position:absolute;
}
div#QT ul#commands li span.name
{
    font-size:4vw; line-height:8vw; position:absolute; top:0; left:12vw; color:rgb(88 148 186); font-weight:bold;
}
div#QT ul#commands li span.amount
{
    font-weight:bold;
}
div#QT ul#commands li span.funding
{
     left:12vw; top:7vw; line-height:4vw; text-align:left; color:#333; font-size:3vw;
}
div#QT ul#commands li span.profit
{
     left:35vw; top:0vw; line-height:12vw; text-align:left; color:#333; font-size:5vw;
}
div#QT ul#commands li span.amount::after
{
    content:"(USD)"; font-size:3vw; font-weight:normal; color:#777; margin-left:1vw;
}
div#QT ul#commands li span.status
{
    display:block; inset:3vw 2vw 3vw 75vw; line-height:6vw; padding:0 3vw; text-align:center; color:#fff; background-color:rgb(12, 145, 56); font-size:3.5vw; border-radius:1vw;
}







div#command>div,
div#kp>div
{
    width:88vw; padding:0 3vw; text-align:left; line-height:10vw; float:left; position:relative;
}
div#command>div.tag,
div#kp>div.tag
{
    color:#555; font-size:3vw; font-weight:bold;
}
div#command>div input,
div#kp>div input
{
    height:10vw; width:100%; padding:0 2vw; border-radius:1vw;
}
div#command>div input#code,
div#kp>div input#code
{
    width:69vw;
}
div#command>div span.code,
div#kp>div span.code
{
    background-color:#ccc; line-height:10vw; position:absolute; inset:0 2vw 0 73vw; text-align:center; border-radius:1vw; font-size:3vw;
}
div#command>div.save,
div#kp>div.save
{
    margin:10vw 0 0 0; text-align:center;
}
div#command>div span.save,
div#kp>div span.save
{
    font-size:4vw; color:#fff; padding:2vw 10vw; background-color:rgb(88 148 186); border-radius:1vw;
}


div#coins ul
{
    width:94vw; border-radius:1vw; float:left;
}
div#coins ul li
{
    width:100%; height:12vw; overflow:hidden; line-height:12vw; text-align:left; color:#555; font-size:4vw; float:left; background-color:rgba(147, 147, 147, 0.1); border-radius:1vw; margin:1vw 0 0 0;
}
div#coins ul li:first-child
{
    margin:0;
}
div#coins ul li img
{
    width:8vw; height:8vw; border-radius:4vw; float:left; margin:2vw;
}
div#coins ul li span.name
{
    font-size:4vw; line-height:12vw; color:rgb(88 148 186); font-weight:bold; float:left;
}



div#strategies ul
{
    width:94vw; border-radius:1vw; float:left;
}
div#strategies ul li
{
    width:100%; height:12vw; overflow:hidden; line-height:12vw; text-align:left; color:#555; font-size:4vw; float:left; background-color:rgba(147, 147, 147, 0.1); border-radius:1vw; margin:1vw 0 0 0;
}
div#strategies ul li:first-child
{
    margin:0;
}
div#strategies ul li span.name
{
    font-size:4vw; line-height:12vw; color:rgb(88 148 186); font-weight:bold; float:left; margin:0 auto 0 2vw;
}



div#wallets div.wallet
{
    width:100%; height:12vw; margin:2vw 0 0 0; overflow:hidden; border-radius:1vw; background-color:rgba(147, 147, 147, 0.1); position:relative;
}
div#wallets div.wallet:first-child
{
    margin:0;
}
div#wallets div.wallet span
{
    position:absolute; font-size:3.5vw; line-height:12vw;
}
div#wallets div.wallet span:nth-child(1)
{
    inset:0 80vw 0 3vw; color:#333; font-size:3.5vw; font-weight:bold;
}
div#wallets div.wallet span:nth-child(2)
{
    inset:0 14vw 0 16vw; color:#777; text-align:left; overflow:hidden; 
}
div#wallets div.wallet span:nth-child(3)
{
    inset:0 0 0 82vw; color:#d61515; text-align:center; overflow:hidden; 
}
div#wallets div.wallet span:nth-child(3) img
{
    width:4vw; height:4vw; border-radius:2vw; float:left; margin:4vw;
}




div#article div.title
{
    width:100%; text-align:left; font-size:6vw; font-weight:bold;
}
div#article div.time
{
    width:100%; text-align:left; color:#777; margin:2vw 0 0 0; font-size:3.5vw;
}
div#article div.content
{
    width:100%; text-align:left; color:#555; margin:3vw 0 0 0; font-size:4vw; line-height:8vw;
}


div#article div.agreement
{
    width:100%; height:20vw; text-align:left; color:#555; margin:3vw 0 0 0; font-size:4vw; line-height:8vw; display:flex; flex-flow:row nowrap; justify-content:center; align-items:center;
}
div#article div.agreement span.agreement
{
    background-color:rgb(88 148 186); color:#fff; padding:0vw 25vw; border-radius:1vw; font-size:4vw;
}







div#notes>ul,
div#notes>ul li
{
    width:100%; float:left;
}
div#notes>ul li
{
    padding: 0 0 3vw 0; border-radius:1vw; overflow:hidden; background-color:rgba(147, 147, 147, 0.1); margin:3vw 0 0 0;
}
div#notes>ul li:first-child
{
    margin:0;
}
div#notes>ul li div
{
    width:100%; position:relative; text-align:left;
}
div#notes>ul li div.title
{
    height:10vw; overflow:hidden;
}
div#notes>ul li div.title img
{
    width:6vw; height:6vw; border-radius:50%; position:absolute; top:2vw; left:2vw;
}
div#notes>ul li div.title span.name
{
    display:block; width:82vw; height:8vw; line-height:8vw; position:absolute; top:2vw; left:10vw; font-size:4vw; font-weight:bold; color:rgb(88 148 186);
}
div#notes>ul li div.title span.tag
{
    display:block; width:20vw; height:6vw; line-height:6vw; font-size:3vw; text-align:center; position:absolute; top:0; right:0; background-color:rgb(12, 145, 56); color:#fff; border-radius:0 1vw; overflow:hidden;
}
div#notes>ul li div.comment
{
    width:82vw; overflow:hidden; line-height:8vw; font-size:3.5vw; color:#555; padding:0 2vw 0 10vw;
}



div#invited div
{
    width:84vw; height:12vw; padding:0 5vw; font-size:3.5vw; line-height:12vw; text-align:left; margin:3vw 0 0 0; overflow:hidden; border-radius:1vw; background-color:rgba(147, 147, 147, 0.1); float:left;
}
div#invited div:first-child
{
    margin:0;
}








div#asset div.asset
{
    width:94vw; overflow:hidden; border-radius:1vw 1vw 0 0; background-color:rgba(147, 147, 147, 0.1); float:left; padding:0;
}
div#asset div.asset div.amount
{
    width:88vw; padding:0 3vw; position:relative; text-align:left; line-height:12vw; font-size:8vw; font-weight: bold;;
}
div#asset div.asset div.amount font
{
    font-size:4vw; font-weight:normal; color:#777; margin-left:1vw; font-weight:bold;
}
div#asset div.tag
{
    width:90vw; float:left; margin:2vw 0 0 0; font-size:3.5vw; font-weight:bold; line-height:8vw; text-align:left; padding:0 2vw; border-bottom:solid 1px #f1f1f1;
}
div#traces
{
    width:94vw; position:absolute; inset:40vw 0 0 0; overflow:hidden scroll; 
}
div#traces ul
{
    width:100%; float:left;
}
div#traces li
{
    width:90vw; height:10vw; padding:0 2vw; overflow:hidden; line-height:10vw; text-align:left; color:#555; font-size:4vw; float:left; border-radius:1vw; position: relative; border-bottom:solid 1px #f5f5f5;
}
div#traces li img
{
    width:4vw; height:4vw; border-radius:4vw; float:left; margin:3vw 0;
}
div#traces li span.amount
{
    font-size:4vw; color:#333; font-weight:bold; float:left; margin-left:2vw;
}
div#traces li span font
{
    font-size:3.5vw; margin-left:1vw;;
}
div#traces li span.date
{
    font-size:3vw; color:#777; margin-left:1vw; position:absolute; right:2vw; text-align:right;
}

















div#receives
{
    width:100%; text-align:left; position:relative; float:left;
}
div#receives div.receives
{
    width:84vw; border-radius:1vw; background-color:rgba(147, 147, 147, 0.1); margin:3vw 0 0 0; padding:3vw 5vw 5vw 5vw; float:left;
}
div#receives div.receives:first-child
{
    margin:0;
}
div#receives div.receives span
{
    display:block; width:100%; color:#555; font-size:4vw; line-height:8vw; float:left;
}
div#receives div.receives span.submit-btn
{
    display:inline; width:auto; color:#fff; font-size:4vw; padding:0 5vw; margin-top:3vw;
}





div#security>div,
div#mail>div,
div#borrow>div,
div#loan>div
{
    width:88vw; padding:0 3vw; text-align:left; float:left; position:relative;
}
div#security>div.tag,
div#mail>div.tag,
div#borrow>div.tag,
div#loan>div.tag
{
    color:#555; font-size:4vw; line-height:10vw; font-weight:bold; float:left;
}
div#security>div input,
div#mail>div input,
div#kp>div input,
div#borrow>div input,
div#loan>div input
{
    width:100%; height:10vw; line-height:10vw; padding:0 2vw; border-radius:1vw; float:left;
}
div#security>div input#code,
div#mail>div input#code,
div#borrow>div input#code,
div#loan>div input#code
{
    width:30vw;
}
div#security>div span.tip,
div#mail>div span.tip,
div#borrow>div span.tip,
div#loan>div span.tip
{
    color:red; font-size:3.5vw; line-height:6vw; margin:2vw 0 0 0; float:left;
}
div#security>div span.code,
div#mail>div span.code,
div#borrow>div span.code,
div#loan>div span.code
{
    background-color:#ccc; line-height:10vw; position:absolute; inset:0 40vw 0 35vw; text-align:center; border-radius:1vw; font-size:3vw;
}

div#borrow>div:nth-child(1)
{
    font-size:6vw; color:rgb(88 148 186);
}
div#borrow div.slider
{
    padding:3vw 3vw;
}
div#borrow div.slider>div
{
    width:100%; height:4.4vw; background-color:rgba(0, 0, 0, 0.5); position:relative;
}
div#borrow div.slider img
{
    height:5vw; position:absolute; top:-0.3vw; right:0vw;
}
div#loan span.option,
div#command span.option
{
    display:block; width:82vw; height:10vw; float:left; line-height:10vw; text-align:center; color:#555; text-align:left; background-color:rgba(0, 0, 0, 0.1); padding:0 3vw; border-bottom:solid 1px rgba(0, 0, 0, 0.05);
}
div#loan span.option:nth-child(2),
div#command span.option:nth-child(2)
{
    margin:2px 0 0 0; border-radius:1vw 1vw 0 0;
}
div#loan span.option:last-child,
div#command span.option:last-child
{
    border-bottom:none; border-radius:0 0 1vw 1vw;
}