/* pages/apply/paymentTemplate/paymentTemplate.wxss */ text{display: block;} .ns{ position: fixed; top: 0; background: linear-gradient(to right, #429a68, #9ecf67); } .pure_top { width: 100%; height: 120px; position: absolute; z-index: -1; overflow: hidden } .pure_top::after { content: ''; width: 140%; height: 120px; position: absolute; left: -20%; top: 0; z-index: -1; border-radius: 0 0 50% 50%; background: linear-gradient(to right, #2C8E68, #B3DB62); } .top{ height: 64px; width: 100%; position: fixed; z-index: 999; top:0px; } .top text{ position: relative; top: 30px; margin-right: 30px; display: block; color: #eee; text-align: center; width: 100%; font-size: 16px; } .bgPage{ width: 140%; position:absolute; transform: translate(-15%, -50%); height: 300px; z-index: -1; } .main-box{ background: #ffffff; padding: 20px; width: 94%; margin: 0 auto; border-radius: 10px; box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.16); } .top-box text{ margin-bottom: 15px; } .top-box text:last-child{ margin-bottom: 0px; } .box-title{ color: #2C8E68; text-align: center; font-size: 16px; } .input_tit{ border: 1px solid #DCDCDC; padding: 0px 10px; height: 32px; line-height: 32px; border-radius: 5px; margin-bottom: 15px; } .input_money{ padding: 0px 10px; height: 32px; line-height: 32px; color: #E90000; font-size: 26px; display: inline-block; width: 50%; } .money_box{ font-size: 26px; border-bottom:1px solid #DCDCDC; width: 70%; margin: 0 auto; margin-bottom: 15px; color: #E90000; display: flex; align-items: center; justify-content: center; } .title{ padding: 10px calc(3% + 20px); color: #2C8E68; font-size: 16px; } .van-cell { padding-left: 0!important; padding-right: 0!important; } .down{ width: 15px; height: 8px; margin: 0 auto; margin-top: 18px; } .update{ width: 26px; height: 26px; position: absolute; right: 41px; } .delete{ width: 26px; height: 26px; position: absolute; right: 0; } .btnBox{ text-align: center; position: relative; height: 26px; } .bottomBtn{ display: flex; width: 94%; margin: 0 auto; margin-top: 25px; justify-content:space-between; } .bottomBtn view{ display: flex; width: 48%; background-color: #ffffff; border-radius: 5px; box-shadow: 0px 5px 9px #DCDCDC; padding: 10px 0px; text-align: center; align-items:center; justify-content:center; font-size: 14px; color: #2C8E68; } .bottomBtn view image{ width: 18px; height: 18px; margin-right: 5px; } .bottom{ width: 84%; margin: 0 auto; text-align: center; margin-top: 50px; margin-bottom: 50px; display: flex; } .bottom view { width: 47%; margin: 0 auto; border-radius: 30px; display: inline-block; } .bottom .btn1{ border: 1px solid #2C8E68; padding: 8px 0px; color: #2C8E68; } .bottom .btn2{ border: 1px solid transparent; padding: 8px 0px; background-image: linear-gradient(to right, #2C8E68, #5CAE77); margin-left: 6%; color: #fff; } .window{ background: #fff; width: 94%; } .van-dialog__header { color: #2C8E68; font-size: 18px; } .van-button--normal { background: linear-gradient(to right, #2C8E68, #5CAE77)!important; }