
<template>   
    <main class="wrap">
        <section>
            <div class="layout-box">
                <div class="accont-title clearfix">
                    <h3>下载回执单</h3>                 
                    <router-link class="back-btn" to>返回</router-link>                  
                </div>
                <div class="refundinput-content">                
                    <div class="login-form">                      
                        <img src="~assets/images/icon-advance.png" alt>                       
                        <p>
                            申请已提交
                        </p>                     
                        <p class="notice">
                        <el-button type="text" class="way" @click="open">完成</el-button>                         
                        </p>                        
                    </div>
                    <div class="down-text">                            
                        <p>下载提示：</p>
                        <p>1、账单生成需要一个工作日左右，请后续到该页面下载查看</p>
                        <p>2、选择时间内容的账单最大可下载量为5000条，超过则建议缩短时间分批下载</p>
                        <p>3、最近5天的账单不支持下载</p>
                        <p>4、请妥善保管账户信息，避免信息泄露</p>
                        <p>5、1天内申请下载不超过50次，申请下载成功后3个月内可下载，单个文件总共下载不超过50次</p>
                    </div>
                    


                </div> 
            </div>
        </section>
    </main>     
</template>


<style lang="less" scoped>
@import "../../assets/styles/common.css";
.way-cost /deep/ .el-input {
    width: 331px;
   
}
.way-cost /deep/ .el-radio {
    font-size:14px; 
}

.wrap {
    min-height: calc(100vh - 224px);
    section {
        width: 1080px;
        margin: 60px auto 0;       
        background: #fff;
        
        .accont-title{
            h3 {
                margin-bottom: 8px;
            }
            /deep/ .back-btn {
               
                top: 20px;
                right: 20px;
                padding-left: 22px;
                font-size: 14px;
                background: url(~assets/images/icon-center-back.png) left center no-repeat;
                color: #3d86e9;
                margin-bottom:-1px;
                text-align: right;
                float: right;
            }
        }    
        .refundinput-content {
            padding: 30px 22px; 
            .login-form {
                padding: 30px 0 18px;
                text-align: center;
                p {
                margin: 48px 0 37px;
                    font-size: 24px;
                    color: #3D86E9;
                }
                .notice {                
                    width:100%;
                    text-align: center;
                    margin: 0 auto;
                    button{
                        width:330px;
                        height:46px;                       
                        line-height:46px;
                        margin: 24px 0;
                        background: #3d86e9;
                        color:#fff;
                        font-size:18px;
                        font-weight: 200px;             
                        text-align: center;
                        padding: initial;
                    }
                
                }
            }
             
            .down-text{
                text-align: left;
                font-size: 14px;                    
                background:#F6F6F6;
                color:#666666;
                padding:32px;
                p{
                    padding: 4px 0;
                }
            } 
        

            .clear{ clear:both}                
        }
    }
}
</style>
