SOURCE

console 命令行工具 X clear 

                    

                        
>

                        
                    

                

            

            
console

            
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>开通VIP模板</title>
    <style>
        * {
            box-sizing: border-box;
            padding: 0;
            margin: 0;
            line-height: 1;
        }

        .buy-guide-container .vip-guide-wrap {
            position: absolute;
            z-index: 99;
            width: 1130px;
            height: 220px;
            bottom: 0;
            left: 50%;
            overflow: hidden;
            transform: translateX(-50%);
        }

        .buy-guide-container .vip-guide-wrap .vip-guide {
            width: 1100px;
            height: 220px;
            background: url(https://cdn.jsdelivr.net/gh/cooldev-cn/cdn@latest/20200423225432.png) no-repeat center;
            position: absolute;
            left: 100%;
        }

        .buy-guide-container .vip-guide-wrap .vip-guide .vip-guide-info {
            font-size: 12px;
            font-family: Microsoft YaHei;
            font-weight: bold;
            color: #ffffff;
            position: absolute;
            padding-left: 11px;
            letter-spacing: 1px;
            font-weight: normal;
        }

        .buy-guide-container .vip-guide-wrap .vip-guide .vip-guide-info .info-point {
            width: 6px;
            height: 6px;
            background: #ffffff;
            border-radius: 50%;
            position: absolute;
            left: 0;
            top: 50%;
            transform: translateY(-50%);
        }

        .buy-guide-container .vip-guide-wrap .vip-guide .vip-guide-info.info-1 {
            left: 353px;
            top: 161px;
        }

        .buy-guide-container .vip-guide-wrap .vip-guide .vip-guide-info.info-2 {
            left: 544px;
            top: 161px;
        }

        .buy-guide-container .vip-guide-wrap .vip-guide .vip-guide-info.info-3 {
            left: 703px;
            top: 161px;
        }

        .buy-guide-container .vip-guide-wrap .vip-guide .vip-guide-info.info-4 {
            left: 353px;
            top: 184px;
        }

        .buy-guide-container .vip-guide-wrap .vip-guide .vip-guide-info.info-5 {
            left: 544px;
            top: 184px;
        }

        .buy-guide-container .vip-guide-wrap .vip-guide .vip-guide-info.info-6 {
            left: 703px;
            top: 184px;
        }

        .buy-guide-container .vip-guide-wrap .vip-guide .guide-buy-vip {
            width: 141px;
            height: 51px;
            background: #ffffff;
            box-shadow: 0px 2px 27px 0px rgba(18, 30, 145, 0.3);
            border-radius: 26px;
            position: relative;
            top: 126px;
            left: 845px;
            text-align: center;
            line-height: 51px;
            font-size: 18px;
            font-family: Microsoft YaHei;
            font-weight: bold;
            color: #4e78ff;
            cursor: pointer;
        }

        .buy-guide-container .vip-guide-wrap .vip-guide .close-guide {
            position: absolute;
            right: -29px;
            top: 89px;
            background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAADR0lEQVQ4T61VTWhcVRQ+37l5DCahMY5DFqaI4sI0RUtdKFroVhSLqYYQf7LoIl3YoIEQOiSTuY+XMG0IBI0unF0lrT8xrVqhCzcqkdpCK6XVpAsp1UgIaTozhUTCm3eO3JApL9PYSvHu7j33fOfvu98FVa3e3t4H6uvrnwSwB8AuInqciLYRUZmIikQ0D+AXIpoplUpXx8fH/45DIL5Jp9PJmpqaVwDsY+ZbInIOwGUAN8vlsqqqs+9U1edcEFX9plwun87lcssVnNuAAwMDj3ied1BVWwBMh2H409ra2s2xsbGVeNC+vr66RCLxkOd5L6jqawBmwzD8eGRk5C93bx3QWvuwqr5LRM1E9NHCwsKlfD4fVrcjvu/u7vaampqeMsa8IyLzzPyBtfYGNnrWCeAlAEd8379ARHo3sJgNmUxmNzMfFpEzxpgTsNbuVlUrIpNzc3PTU1NTUTqdTjHzo57n/WatXY2DW2trwzDcISLXc7ncUnt7u2lpadkP4G0A1kV4zxiza3V1dXB0dHTeOWcymWc2op4qFovTExMTa+68p6cn0djY6Jz3i8iRIAhcNdTf399cW1s7LCKXkM1mj4nIWWPMJ5VsXBYi0sbMnSJyvFAonHSOyWSyTUTeYuYTRPRV/H4URV3GmOcxNDT0PYBB3/dn4qVVsiGiDmb+LIoiYuYOVf3CBahkXfHJZrN7iChwGV4Qka4gCH6tHkSsxEEAblDDy8vLp6rBNpiyg4gmHeB5AAestVfuBRhF0XCxWLwn4HcAAmvtj3cr2dlUtUNEPt8KNF7yMSI6C2DTUIjoVSJ6Iz4UN2EiepOIjjPz11sO5X+nzQaxs6o6OTs7ezJG7Mc8z7vyL8TeKSLXKsRubW1tU9UuEfHXn15DQ0MnEb0YRdHRIAgu3s/TA3CmVCp9ukkcAGwPw/DDpaWl/yQOqVTqac/zDqnqnwDeXxeHGDGbARwSkSeY+UtVnVlZWSlsJV91dXWNToBF5HUAvxPRhO/768+2WmBTiUTiZSLaR0S3VPVnEblsjCkQEUdRlATgCPwsM28TkdNhGH7renmHwFYOKl8AM+8F4JRoOxE9qKpgZvcF/KGqF0Xkh8XFxav5fH6TGv0D0rD4knucFgcAAAAASUVORK5CYII=) no-repeat center;
            height: 20px;
            width: 20px;
            cursor: pointer;
        }

        .buy-guide-container .vip-btn {
            position: absolute;
            z-index: 99;
            height: 59px;
            width: 53px;
            right: 0;
            bottom: 73px;
            background: url(data:image/png;base64,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) no-repeat center;
            cursor: pointer;
        }
    </style>
</head>
<body>

<div class="buy-guide-container">
    <div class="vip-guide-wrap">
        <div id="vip-guide" class="vip-guide" style="left: 0%;">
            <div class="vip-guide-info info-1">
                <div class="info-point"></div>
                在线版/客户端账号通用
            </div>
            <div class="vip-guide-info info-2">
                <div class="info-point"></div>
                文件保存数量不限
            </div>
            <div class="vip-guide-info info-3">
                <div class="info-point"></div>
                免费导出全部格式
            </div>
            <div class="vip-guide-info info-4">
                <div class="info-point"></div>
                无节点限制
            </div>
            <div class="vip-guide-info info-5">
                <div class="info-point"></div>
                赠送思维导图vip
            </div>
            <div class="vip-guide-info info-6">
                <div class="info-point"></div>
                免费云端保存文件
            </div>
            <div class="guide-buy-vip">立即开通</div>
            <div class="close-guide"></div>
        </div>
    </div>
    <div class="vip-btn"></div>
</div>

</body>
</html>