.make-link-container-res{background-color:#f7f9f8}.make-link-container-res .menu-full{background-color:#fff}.make-link-container-res .menu-full .menu{display:flex;height:45px;justify-content:space-between;line-height:45px;margin:0 auto;width:1200px}.make-link-container-res .menu-full .menu .creat-method span{font-size:16px;margin:0 20px 0 0}.make-link-container-res .menu-full .menu .creat-method span .active{color:#56ba78}.make-link-container-res .menu-full .menu .creat-huoma{font-size:16px}.make-link-container-res .container{margin:0 auto;padding:80px 0;width:1200px}.make-link-container-res .container .main{align-items:center;background-color:#fff;border:1px solid #e4e6e8;display:flex;height:300px;justify-content:center}.make-link-container-res .container .main .input{display:flex;flex-direction:column;height:80px;justify-content:space-between;width:900px}.make-link-container-res .container .main .input .input-footer{align-items:center;display:flex;font-size:12px;justify-content:space-between}.make-link-container-res .container .main .input .input-footer .end-time span{margin-right:10px}.make-link-container-res .container .res{align-items:center;background-color:#fff;border:1px solid #e4e6e8;border-top:0;display:flex;flex-direction:column;height:170px;justify-content:center}.make-link-container-res .container .res .success{align-items:center;display:flex;justify-content:center;padding-bottom:20px}.make-link-container-res .container .res .success .icon{align-items:center;background-color:#56ba78;border-radius:50%;display:flex;height:22px;justify-content:center;margin-right:10px;width:22px}.make-link-container-res .container .res .success .icon i{color:#fff;font-size:13px}.make-link-container-res .container .res .success .txt{color:#4a4a4a;font-size:16px}.make-link-container-res .container .res .input{display:flex;flex-direction:column;height:80px;justify-content:space-between;width:900px}.make-link-container-res .container .res .input .urlAddress{align-items:center;background-color:#f9f9f9;border:1px dashed #d7d9dc;display:flex;height:40px;justify-content:space-between;line-height:40px;padding:0 20px;width:650px}.make-link-container-res .container .res .input .urlAddress .url{font-size:17px}.make-link-container-res .container .res .input .urlAddress .expiration-time{color:#bbb}.make-link-container-res .container .res .input .input-footer{color:#666}.make-link-container-res .container .res .input .input-footer a{color:#56ba78}.make-link-container-res .container .res-list{display:flex;margin:30px 0 0}.make-link-container-res .container .res-list .list{flex:1}.make-link-container-res .container .res-list .list .list-header{align-items:center;color:#666;display:flex;font-size:14px;justify-content:space-between}.make-link-container-res .container .res-list .list .list-header .count a{color:#56ba78}.make-link-container-res .container .res-list .list .item{align-items:center;background-color:#fff;display:flex;height:110px;justify-content:flex-start;margin:10px 0}.make-link-container-res .container .res-list .list .item .qrcode{border:1px solid #e7e7e7;height:72px;margin:20px;width:72px}.make-link-container-res .container .res-list .list .item .item-main{display:flex;flex:1;flex-direction:column;height:75px;justify-content:space-between}.make-link-container-res .container .res-list .list .item .item-main .url{color:#999;font-size:15px;max-height:50px;overflow:hidden}.make-link-container-res .container .res-list .list .item .item-main .newUrl{align-items:center;display:flex;font-size:15px;justify-content:space-between}.make-link-container-res .container .res-list .list .item .item-main .newUrl .shortUrl{flex:1}.make-link-container-res .container .res-list .list .item .item-main .newUrl .shortUrl span{color:#666;margin-right:10px}.make-link-container-res .container .res-list .list .item .item-main .newUrl .action{display:flex;margin-right:20px;width:220px}.make-link-container-res .container .res-list .list .list-footer{display:flex}.make-link-container-res .container .res-list .list .list-footer a{color:#56ba78}.make-link-container-res .container .res-list .side{margin-left:20px;width:302px}.make-link-container-res .container .res-list .side .qrcode{background-color:#fff;border:1px solid #e4e6e8;height:300px;width:300px}.make-link-container-res .container .res-list .side .buttons{align-items:center;display:flex;justify-content:space-around;margin-top:20px}.app-container{background:#fff}