.pay-div { width: 730px; } .all-btn{ padding: 0 10px; line-height: 18px !important; text-align: center; color: #fff !important; font-size: 14px !important; font-weight: bold; background-color: #179EB3; border-radius: 20px; } .item_data{ border: 2px solid #EFEFEF; width: 500px; border-radius: 5px; margin-bottom: 15px; } .flex{ padding: 20px; display: flex; justify-content: space-between; flex-wrap: wrap; padding-left: 100px; padding-right: 100px; } .item_data .title{ background-color: #F7F7F7; font-size: 16px; color: #000; padding: 0 15px; line-height: 48px; } .item_data .content{ background-color: #fff; padding: 15px; } .item_data .content p{ margin-bottom: 13px; font-size: 12px; color: #000; } .item_data .bottom{ display: flex; align-items: center; border-top: 2px solid #EFEFEF; background-color: #F7F7F7; padding: 0 15px; height: 48px; } .item_data .bottom .btnn .img1{ width: 10px; height: 10px; } .item_data .bottom .btnn{ display: block; line-height: 28px; border-radius: 5px; padding: 0 10px; text-align: center; background-color: #006CFF; color: #fff; font-size: 12px; } .payForm .layui-input-block2{ border: 2px solid #F6F6F6; border-radius: 5px; min-height: 55px; margin-bottom: 0; } .layui-input-block .text1{ color: #000; font-size: 15px; position: absolute; left: 20px; top: 50%; transform: translateY(-50%); } .layui-input-block { min-height: 55px; } .layui-form-item-top{ margin-top: 15px !important; } .innovation{ background:#00343E; border-radius: 15px; } body{ background: #04070F; } .innovateLoginedHeader { background-color: #144BBA; background-size: 100%; background-position: 30%, 60%; height: 300px; } .container-title{ font: 30px "Microsoft YaHei"; font-weight: bold ; color: #FFFFFF; text-align: center; padding-top: 54px; padding-bottom: 18px; } .innovateLoginedContent { height: 790px; margin-top: -190px; } .content-box { width: 1380px; margin: 0 auto; background: #111534; border-radius: 15px; height: auto; box-sizing: border-box; border-radius: 8px; } .pay-section{ border-top: 1px solid #EDEFF2; border-bottom: 1px solid #EDEFF2; background: #FFFFFF; padding-top: 50px; padding-bottom: 15px; } .content-box .tab-head { height: 69px; text-align: center; background: #111534; border-radius: 8px 8px 0 0; } .content-box section{ margin-bottom: 60px; } .content-box .tab-head li { font-size: 16px; margin-left: 50px; line-height: 80px; height: 100%; padding: 0 28px; font-weight: 600; display: inline-block; } .content-box .tab-head li a{ color: #fff; } .tab-panel section { display: none; } .tab-panel section:first-child { display: block; } .activeLi { border-bottom: 2px solid#006CFF; } .activeLi a { color: #006CFF !important; } .pay-div{ width: 460px; margin: 0 auto; text-align: center; } .tips{ text-align: left; font-size: 12px; color: #BDBEC2; display: block; padding-top: 8px; } .tips-labels{ margin: 12px 0 30px; } .tips-label{ color:#465EAC; font-size: 14px; /* padding-top: 32px; padding-bottom: 41px; */ } .tips-label2{ padding-top: 20px; } .payForm .layui-input-block{ margin: 0; position: relative; } .payForm .layui-input-block .layui-input { height: 48px; background-color: #F5F7FA; border-radius: 4px; color: #303133; } .payForm .layui-input-block .all-btn { position: absolute; top: 18px; right: 10px; z-index: 100; color: #006CFF; cursor: pointer; font-size: 14px; line-height: 1em; } .sureBtn{ width: 100%; height: 48px; background:#BFC2CC; border-radius: 6px; height: 48px; color:#FFFFFF; } .give-tip{ background: #FFFFFF; height: 182px; width: 100%; padding: 30px; text-align: center; box-sizing: border-box; line-height: 1em; border-radius: 0 0 8px 8px ; } .pay-top{ box-shadow: 0px 1px 14px 0px rgba(24, 29, 40, 0.1); border-radius: 6px; } .record .pay-top .pay-section{ padding-top: 0; } .pay-top th span{ font-size: 12px; color: #00343E; } .pay-top .layui-none{ margin-top: 30px; } .pay-top .layui-none div{ color: #999999; } .give-tip .t-tit{ color:#006CFF; font-size: 16px; font-weight: 600; padding-bottom: 10px; } .give-tip .t-list p{ font-size: 14px; color: #606266; padding-top: 10px; } .about-tip{ width: 100%; background: #FFFFFF; box-shadow: 0px 1px 14px 0px rgba(24, 29, 40, 0.1); border-radius: 6px; padding: 30px 47px; box-sizing: border-box; margin-top: 30px; text-align: center; } .about-tip .about-title{ font-family: "Microsoft YaHei"; font-weight: bold; color:#006CFF; font-size: 16px; } .about-tip .about-p{ color: #606266; font-size: 14px; line-height: 21px; margin-top: 30px; } .detail-tip{ padding: 30px 0; text-align: center; background: #FFFFFF; box-shadow: 0px 1px 14px 0px rgba(24, 29, 40, 0.1); border-radius: 6px; margin-top: 30px; } .detail-tip .detail-title{ font-family: "Microsoft YaHei"; font-weight: bold; color:#006CFF; font-size: 16px; } .detail-tip .detail-p{ font-size: 14px; color: #606266; line-height: 21px; padding-top: 30px; } .detail-tip .detail-p a{ color:#006CFF; cursor: pointer; } table.layui-table { border-collapse: collapse; margin: 0 auto; text-align: center; width: 100%; } table.layui-table th { color: #40475B; height: 40px; padding: 0 20px; text-align: left; } table.layui-table td { color: #40475B; height: 48px; padding: 0 20px; text-align: left; } table.layui-table thead th { background-color: #F5F7FA; color: #40475B; font-weight: bold; } table.layui-table tr:nth-child(odd) { background: #fff; } table.layui-table tr:nth-child(even) { background: #F5F7FA; } table.layui-table tbody tr:hover { background: #E4F9FF; } .layui-table-view { border: none; border-top: 1px solid #E9EAEC; } .layui-table-cell { text-align: center; height: 26px; padding: 0 20px; } .layui-table-page { height: 62px; padding: 20px 20px 10px; } .layui-table-page .layui-laypage a, .layui-table-page .layui-laypage span { height: 32px; line-height: 32px; margin-bottom: 0; } .layui-table-page>div { float: right; height: 32px; } .layui-table-page .layui-laypage .layui-laypage-prev { width: 32px; margin: 0 10px 0 0; text-align: center; padding: 0; box-sizing: border-box; border: 1px solid rgba(24, 29, 40, 0.1); border-radius: 2px; } .layui-table-page .layui-laypage .layui-laypage-next { width: 32px; margin: 0 0 0 10px; text-align: center; padding: 0; box-sizing: border-box; border: 1px solid rgba(24, 29, 40, 0.1); border-radius: 2px; } .layui-table-page .layui-laypage span.layui-laypage-curr { width: 32px; text-align: center; padding: 0; } .layui-laypage .layui-laypage-curr .layui-laypage-em { background-color: #01A6D5; } .tips-p{ width: 460px; margin: 0 auto; color: #909399; font-size: 13px; padding-bottom: 15px; padding-top: 5px; } .layui-this{ position: relative; } .layui-this::before{ content: ''; width: 14px; height: 14px; background: url(../image/list_icon_hook@2x.png)no-repeat; background-size: cover; position: absolute; right: 20px; top: 50%; transform: translateY(-50%); } .layui-form-selected dl { border-radius: 4px; } .not{ display: none; } .table_con tbody tr th{ font-size: 16px; width: 205px; } .table_con thead tr{ border-radius: 0 0 0 0; } .table_con thead tr th { width: 205px; } .blue{ color: #006CFF !important; } .table_con tbody::after{ content: none; } .trBtn{ display: inline-block; width: 120px !important; line-height: 32px; color: #fff; border-radius: 6px; background-color: #006CFF; } .table_con tbody tr:last-child{ border-bottom: none; }