img{display:block;width:100%}.app{font-family:Rubik,Microsoft YaHei,PingFang SC,Helvetica Neue,Helvetica,Arial,sans-serif;color:#2c3e50}.app .header{position:fixed;height:4vw;z-index:1;top:0;left:0;display:flex;flex-direction:row;width:100vw;border-radius:0 0 .4vw .4vw;background-color:#42b983}.app .logo-wrapper{position:relative;overflow:hidden;width:18vw;height:100%;border-radius:0 0 .4vw .4vw}.app .logo-wrapper .logo{position:absolute;top:50%;left:50%;transform:translateX(-50%) translateY(-50%);color:#fff;text-decoration:none;font-weight:700;font-size:1.3vw}.app .header-menu{display:flex;flex:1 1;justify-content:flex-start}.app .header-menu .nav-button{display:none;height:100%;padding:0 2vw;color:#fff}@media screen and (max-width:1024px){.app .header-menu .nav-button{display:inline-flex;align-items:center;padding:0 5vw;font-size:5.6vw}}.app .header-menu .nav-list{display:flex;align-items:center;flex:1 1;flex-direction:row;justify-content:flex-start;list-style-type:none}@media screen and (max-width:1024px){.app .header-menu .nav-list{position:absolute;right:0;top:12vw;display:none;animation:growDown .2s ease-in-out forwards;transform-origin:top center;align-items:flex-end;flex-direction:column;width:50vw;transform:translateY(99%);background-color:rgba(21,21,32,.9);padding:6vw 0}.app .header-menu .nav-list.active{display:flex}}.app .header-menu .nav-list .nav-item{margin-right:3vw}@media screen and (max-width:1024px){.app .header-menu .nav-list .nav-item{margin-right:7.8vw;padding:3.5vw 0;letter-spacing:.5vw;font-weight:500;line-height:6vw}}.app .header-menu .nav-list .nav-item a{letter-spacing:1px;color:#fff;opacity:.6;will-change:opacity;transition:opacity .4s;text-decoration:none;font-weight:400}@media screen and (max-width:1024px){.app .header-menu .nav-list .nav-item a{font-size:3.5vw}}.app .header-menu .nav-list .nav-item a.active{opacity:1;font-weight:500;border-bottom:2px solid #fff}.app .header-menu .nav-list .nav-item a:hover{opacity:1}.app .main{min-height:45vw;width:80vw;margin:4vw 10vw 0;margin-top:4vw}.app .main .item-list{display:flex;flex-wrap:wrap;position:relative}.app .main .item-list .item-container{width:calc(50% - 20px);padding:10px;margin-bottom:20px}.app .main .item-list .item-container .item-title{font-size:120%;font-weight:700;padding:10px 20px}.app .main .item-list .item-container .item-desc{padding:10px 20px}.app .main .item-list .item-container .item-action{padding:15px 20px}.app .main .item-list .item-container .item-action .item-button{padding:10px 15px;border-radius:5px;background-color:#337ab7;color:#fff;cursor:pointer}.app .footer{background-color:#f8f8f8;color:#2c3e50;display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:10px 10vw}.app .footer p{width:100%}.app .footer .part{width:50%}.modal{position:fixed;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);opacity:0;visibility:hidden;transform:scale(1.1);transition:visibility 0s linear .25s,opacity .25s 0s,transform .25s}.modal-content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#fff;padding:1rem 1.5rem;width:50%;border-radius:.5rem}.close-button{float:right;width:1.5rem;line-height:1.5rem;text-align:center;cursor:pointer;border-radius:.25rem;background-color:#d3d3d3}.close-button:hover{background-color:#a9a9a9}.show-modal{opacity:1;visibility:visible;transform:scale(1);transition:visibility 0s linear 0s,opacity .25s 0s,transform .25s}.pay div{margin:8px 0;display:flex;align-items:center}.pay div .label{display:inline-block;width:100px;text-align:right;padding:0 4px}.pay div .label-right{padding-left:10px}.pay div input.text{height:32px;border:1px solid #ddd;border-radius:5px;width:calc(100% - 100px)}.pay div.bank-list{flex-wrap:wrap;justify-content:space-evenly}.pay div.bank-list .bank{display:flex;width:30%;margin:10px 0}.pay div.bank-list .bank .bank-logo{height:36px;margin-left:10px}.pay .action{justify-content:flex-end}.pay .action .button{padding:10px 15px;border-radius:5px;background-color:#337ab7;color:#fff;cursor:pointer}.panel{border:1px solid transparent;border-color:#d6e9c6;margin-bottom:20px;box-shadow:0 1px 1px rgba(0,0,0,.05)}.panel .panel-title{color:#3c763d;background-color:#dff0d8;padding:15px}.panel .panel-content{padding:15px}