body{ background-color: #040610; } .innovation{ background:#00343E; border-radius: 15px; } .innovateLoginedHeader { background-color: #134BBC; 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: 1280px; margin: 0 auto; min-height: 590px; background: #F0F6F6; border-radius: 15px; height: auto; box-sizing: border-box; border-radius: 8px; } .pay-section{ padding-top: 15px; 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: 14px; margin-left: 50px; line-height: 80px; height: 100%; font-weight: 600; display: inline-block; padding: 0 20px } .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:#1A73E8; border-radius: 6px; height: 48px; color:#FFFFFF; margin-top: 30px; } .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; } .neidiv{ width: 100%; border: 1px solid #213052; } .neidiv .div1{ line-height: 45px; background-color: #191E3E; padding-left: 40px; font-size: 16px; color: rgba(255, 255, 255, 0.65); } .neidiv .div2{ padding: 40px; background-color: #111534; } .neidiv .div2 .title_con{ display: flex; justify-content: space-between; padding: 0 20px; } .neidiv .div2 .title_con .title{ font-size: 36px; color: rgba(255, 255, 255, 0.85); } .neidiv .div2 .title_con .num{ color: rgba(255, 255, 255, 0.85); display: flex; justify-content: space-evenly; text-align: center; margin-right: 60px; } .neidiv .div2 .title_con .num .num_con{ margin-left: 40px; } .neidiv .div2 .title_con .num .num_con:first-child{ margin-left: 0; } .neidiv .div2 .title_con .num .num_con .p2{ color: #006CFF; font-size: 36px; } .neidiv .div2 .content_con .p1{ font-size: 14px; color: rgba(255, 255, 255, 0.65); line-height: 25px; margin-bottom: 20px; } .neidiv .div2 .button_con{ margin-top: 40px; } .neidiv .div2 .button_con .div{ display: inline-block; width: 160px; line-height: 48px; text-align: center; color: #006CFF; border: 1px solid #006CFF; border-radius: 6px; } .neidiv .div2 .button_con .div:first-child{ margin-right: 16px; } .neidiv .div2 .con_l{ margin-top: 40px; background-color: #191E3E; padding: 26px; border-radius: 8px; } .neidiv .div2 .con_l .ltitle{ color: rgba(255, 255, 255, 0.85); font-size: 26px; } .layui-input{ width: 25%; border-radius: 6px; } .layui-form-select .layui-edge{ border-top-color: #9193A6; } .layui-form-select .layui-input { color: rgba(255, 255, 255, 0.85); height: 48px; background-color: #23274D; border: 1px solid rgba(255, 255, 255, 0.050980392156862744); } .one{ background-color: #111534 !important; border: 1px solid rgba(255, 255, 255, 0.10196078431372549) !important; height: 48px; color: #fff; } .rela{ position: relative; width: 25%; } .rela .all{ position: absolute; right: 20px; top: 50%; transform: translateY(-50%); color: #006CFF; } .rela .all:hover{ cursor: pointer; } .two{ background-color: #23274D !important; border: 1px solid rgba(255, 255, 255, 0.10196078431372549) !important; height: 48px; color: #fff; width: 100%; } .last{ background-color: #F1F3F4; } .flex{ display: flex; } .layui-select-title input { width:100% } .bg{ background-color: #191E3E; padding: 26px; border-radius: 8px; margin-top: 32px; }