@charset "utf-8";
|
|
/*-----------------
|
Author:xq
|
update:2020
|
-------------------*/
|
@font-face {
|
font-family: DINCond-Bold;
|
src: url('../../fonts/DINCond-Bold.otf');
|
}
|
|
@font-face {
|
font-family: DigitalNumbers;
|
src: url(../../fonts/DigitalNumbers.ttf);
|
}
|
|
body {
|
font-family: "微软雅黑", Arial, sans-serif;
|
font-size: 14px;
|
background: #f3f5f8;
|
}
|
|
i, em {
|
font-style: normal;
|
}
|
|
|
.radius-3,
|
.layui-btn,
|
.layui-input {
|
-webkit-border-radius: 3px;
|
-moz-border-radius: 3px;
|
-ms-border-radius: 3px;
|
-o-border-radius: 3px;
|
border-radius: 3px;
|
border-color: #bfbfbf !important;
|
}
|
|
.radius-6,
|
.rk-step li:before {
|
-webkit-border-radius: 6px;
|
-moz-border-radius: 6px;
|
-ms-border-radius: 6px;
|
-o-border-radius: 6px;
|
border-radius: 6px;
|
}
|
|
.rkbk-tit > i,
|
.rkbk-tit > i:before,
|
.rk-step-span,
|
.ckdj-radiobox .layui-form-radio:after {
|
-webkit-border-radius: 50%;
|
-moz-border-radius: 50%;
|
-ms-border-radius: 50%;
|
-o-border-radius: 50%;
|
border-radius: 50%;
|
}
|
|
|
.box-shadow {
|
-webkit-box-shadow: 0px 0px 9px 3px rgba(230, 230, 230, 0.6);
|
-moz-box-shadow: 0px 0px 9px 3px rgba(230, 230, 230, 0.6);
|
box-shadow: 0px 0px 9px 3px rgba(230, 230, 230, 0.6);
|
}
|
|
.fl {
|
float: left;
|
}
|
|
.fr {
|
float: right;
|
}
|
|
input::-webkit-input-placeholder {
|
color: #b3babf
|
}
|
|
input::-moz-placeholder {
|
/* Mozilla Firefox 19+ */
|
color: #b3babf;
|
}
|
|
input:-moz-placeholder {
|
/* Mozilla Firefox 4 to 18 */
|
color: #b3babf;
|
}
|
|
input:-ms-input-placeholder {
|
/* Internet Explorer 10-11 */
|
color: #b3babf;
|
}
|
|
/*rk-bk*/
|
|
|
.l-container {
|
width: 100%;
|
max-width: 1680px;
|
min-width: 1340px;
|
margin-left: auto;
|
margin-right: auto;
|
}
|
|
.rk-main {
|
margin: 0 20px;
|
position: relative;
|
}
|
|
.rkbk-quick {
|
height: 34px;
|
width: 100%;
|
margin: 30px 0;
|
}
|
|
.rkbk-quick-btn {
|
height: 34px;
|
/*width: 150px;*/
|
min-width: 100px;
|
display: inline-block;
|
line-height: 34px;
|
font-size: 16px;
|
}
|
|
.layui-btn {
|
background-color: #2ab5ad;
|
}
|
|
.layui-btn i {
|
display: inline-block;
|
width: 24px;
|
height: 24px;
|
position: relative;
|
top: -2px;
|
}
|
|
.layui-btn i img {
|
width: 100%;
|
height: 100%;
|
}
|
|
.rkbk-searchBox {
|
padding: 20px 40px;
|
background: #fff;
|
}
|
|
.rkbk-search-item {
|
height: 34px;
|
width: 28%;
|
margin-right: 8%;
|
position: relative;
|
}
|
|
.rkbk-search-item.mr-0 {
|
margin-right: 0;
|
}
|
|
.rkbk-search-tit,
|
.rkbk-search-btn {
|
width: 80px;
|
height: 34px;
|
line-height: 34px;
|
font-size: 16px;
|
position: absolute;
|
top: 0;
|
z-index: 3;
|
}
|
|
.rkbk-search-tit {
|
left: 0;
|
color: #324251;
|
text-align: right;
|
}
|
|
.rkbk-search-btn {
|
right: 0;
|
}
|
|
.rkbk-search-inputbox {
|
margin: 0 90px;
|
}
|
|
.rkbk-search-input {
|
/* height: 34px; */
|
line-height: 34px;
|
padding-right: 10px;
|
font-size: 16px;
|
/*color: #666;*/
|
color: #000;
|
background: #eff4f6;
|
border-color: #eff4f6;
|
}
|
|
.layui-btn-normal {
|
background: #53adce;
|
}
|
|
.rkbk-con {
|
width: 100%;
|
overflow: hidden;
|
margin-top: 15px;
|
}
|
|
.rkbk-left-wrap {
|
width: 52%;
|
}
|
|
.rkbk-right-wrap {
|
width: 46%;
|
}
|
|
.rkbk-left-wrap,
|
.rkbk-right-wrap {
|
/*background: #dee6ec;*/
|
background: #dee6ec;
|
min-height: 560px;
|
}
|
|
.rkbk-left {
|
padding: 0 40px 0 20px;
|
}
|
|
.rkbk-tit {
|
height: 30px;
|
line-height: 30px;
|
position: relative;
|
overflow: hidden;
|
margin-top: 10px;
|
}
|
|
.rkbk-tit h3 {
|
color: #324251;
|
font-size: 18px;
|
font-weight: bold;
|
}
|
|
.rkbk-tit > i {
|
width: 14px;
|
height: 14px;
|
display: inline-block;
|
background: #53adce;
|
position: relative;
|
float: left;
|
margin: 8px 10px 0 0;
|
}
|
|
.rkbk-tit > i:before {
|
display: block;
|
content: '';
|
width: 6px;
|
height: 6px;
|
background: #fff;
|
position: absolute;
|
left: 50%;
|
top: 50%;
|
margin-left: -3px;
|
margin-top: -3px;
|
z-index: 3;
|
}
|
|
|
.rkbk-form-box1 {
|
height: 304px;
|
position: relative;
|
padding-right: 315px;
|
}
|
|
.rkbk-photo {
|
position: absolute;
|
width: 270px;
|
height: 304px;
|
z-index: 9;
|
right: 0;
|
top: 0;
|
}
|
|
.rkbk-photo img {
|
width: 100%;
|
height: 100%;
|
}
|
|
.rkbk-left-form .layui-form-label,
|
.qyzj-con-top .layui-form-label {
|
color: #324251;
|
font-size: 16px;
|
padding: 7px 15px;
|
}
|
|
|
.rkbk-search-input.bg-date {
|
background: #eff4f6 url(../../images/icon-date.png) 98% center no-repeat;
|
}
|
|
|
.rkbk-left-form .layui-form-item {
|
margin-bottom: 20px;
|
}
|
|
.rkbk-selBox .layui-form-select .layui-input {
|
height: 34px;
|
font-size: 16px;
|
line-height: 34px;
|
/*background: #eff4f6;*/
|
background: #FFFFFF;
|
border-color: #eff4f6;
|
}
|
|
.rkbk-selBox .layui-form-select dl {
|
top: 36px;
|
}
|
|
.rkbk-left-form .layui-input-block {
|
min-height: 34px;
|
}
|
|
.rkbk-form-box2,
|
.rkbk-left-form {
|
margin-top: 20px;
|
width: 100%;
|
}
|
|
.rkbk-right-form .layui-input-block {
|
margin-right: 150px;
|
}
|
|
.rkbk-r-btn {
|
width: 130px;
|
height: 34px;
|
line-height: 34px;
|
font-size: 16px;
|
}
|
|
.rk-step-wrap {
|
padding: 8px 0 8px;
|
border-bottom: 1px solid #d1d7de;
|
text-align: center;
|
}
|
|
.rk-step {
|
height: 60px;
|
margin: 0 auto;
|
text-align: center;
|
overflow: hidden;
|
}
|
|
.rk-step li {
|
width: 60px;
|
height: 40px;
|
display: inline-block;
|
margin: 0 25px;
|
position: relative;
|
}
|
|
.rk-step-span {
|
display: inline-block;
|
width: 40px;
|
height: 40px;
|
line-height: 40px;
|
background: #c9d0d7;
|
}
|
|
.rk-step-span img {
|
width: 30px;
|
height: 30px;
|
}
|
|
.rk-step li p {
|
line-height: 16px;
|
font-size: 14px;
|
color: #000;
|
height: 16px;
|
overflow: hidden;
|
margin: 5px 0 0;
|
font-weight: bold;
|
}
|
|
.rk-step li:before {
|
display: block;
|
content: '';
|
width: 60px;
|
height: 6px;
|
background: #dee2e7;
|
position: absolute;
|
left: -57px;
|
z-index: 3;
|
top: 20px;
|
}
|
|
.rk-step li.rk-step-first:before {
|
display: none;
|
}
|
|
.rk-step li.active .rk-step-span {
|
background: #53adce;
|
}
|
|
.rk-step li.active:before {
|
background: #a3d1e3;
|
}
|
|
.btn-green {
|
background-color: #8bc16a;
|
}
|
|
.btn-violet {
|
background-color: #7494d1;
|
}
|
|
.btn-red {
|
background-color: #e37878;
|
}
|
|
.btn-blue {
|
background-color: #53adce;
|
}
|
|
.layui-btn-primary {
|
font-size: 16px;
|
color: #324251;
|
background: none;
|
border-color: #9fabb6;
|
}
|
|
.layui-btn.btn-sm {
|
width: 130px;
|
}
|
|
|
/*rk-ckdj*/
|
.layui-text-center {
|
text-align: center;
|
}
|
|
.ckdj-radiobox .layui-form-item {
|
margin-bottom: 0;
|
margin-top: 20px;
|
}
|
|
.ckdj-radiobox .layui-form-label {
|
/*padding-left: 0;*/
|
/*padding-right: 0;*/
|
/*!*width: 100px;*!*/
|
/*text-align: left;*/
|
}
|
|
.ckdj-radiobox .layui-form-label,
|
.ckdj-radiobox .layui-form-radio > div {
|
color: #324251;
|
font-size: 16px;
|
}
|
|
.ckdj-radiobox .layui-form-radio {
|
position: relative;
|
}
|
|
.ckdj-radiobox .layui-form-radio > i {
|
position: relative;
|
z-index: 9;
|
}
|
|
.ckdj-radiobox .layui-form-radio:after {
|
background: #fff;
|
width: 20px;
|
height: 20px;
|
overflow: hidden;
|
display: block;
|
content: '';
|
position: absolute;
|
left: 1px;
|
top: 4px;
|
z-index: 1;
|
}
|
|
.ckdj-radiobox .layui-form-radio > i:hover,
|
.ckdj-radiobox .layui-form-radioed > i {
|
color: #5bb1d0;
|
}
|
|
.jiange-bowen img {
|
width: 100%;
|
}
|
|
.mb-20 {
|
margin-bottom: 20px;
|
}
|
|
.pl-20 {
|
padding-left: 20px;
|
}
|
|
.mr-30 {
|
margin-right: 30px;
|
}
|
|
/*rk-qyzj*/
|
|
.qyzj-btnbox {
|
margin-top: 20px;
|
width: 100%;
|
}
|
|
.btn-34 {
|
height: 34px;
|
line-height: 34px;
|
}
|
|
.qyzj-btnbox .layui-btn {
|
margin-bottom: 0;
|
}
|
|
.qyzj-btn-sm {
|
padding: 0 11px;
|
}
|
|
.qyzj-btnbox .rkbk-quick {
|
margin: 0;
|
width: auto;
|
}
|
|
.qyzj-con {
|
padding: 20px;
|
background: #fff;
|
margin-top: 20px;
|
}
|
|
.qyzj-con-top .layui-input-block {
|
min-height: 34px;
|
}
|
|
.qyzj-top-btn {
|
/*width: 80px;*/
|
height: 34px;
|
line-height: 34px;
|
font-size: 16px;
|
}
|
|
.layui-text-right {
|
text-align: right;
|
}
|
|
.qyzj-tabBox {
|
margin-top: 15px;
|
overflow: hidden;
|
width: 100%;
|
}
|
|
.qyzj-tabBox td,
|
.qyzj-tabBox th {
|
text-align: center;
|
color: #283a48;
|
}
|
|
.qyzj-tabBox .qyzj-table-tit {
|
border-bottom: 1px solid #53adce;
|
background: #eff4f6;
|
}
|
|
.qyzj-tabBox tbody tr:nth-child(2n) {
|
background: #f6f8f9;
|
}
|
|
.qyzj-page-wrap {
|
margin-top: 20px;
|
width: 100%;
|
}
|
|
.page-box1 {
|
color: #48536e;
|
}
|
|
.page-box1 a,
|
.page-input {
|
display: inline-block;
|
width: 26px;
|
height: 26px;
|
text-align: center;
|
line-height: 26px;
|
border: 1px solid #bcc4cc;
|
font-size: 14px;
|
color: #9fabb6;
|
font-family: "arial";
|
}
|
|
.page-box1 a:hover,
|
.page-box1 a.active {
|
border-color: #53adce;
|
color: #fff;
|
background: #53adce;
|
}
|
|
.page-box1 a:last-child,
|
.page-box1 a:first-child {
|
font-family: "宋体";
|
font-weight: bold;
|
}
|
|
.page-box2,
|
.page-box3 {
|
margin-left: 30px;
|
}
|
|
.page-box2 select {
|
border: 1px solid #bcc4cc;
|
color: #9fabb6;
|
width: 94px;
|
font-size: 14px;
|
height: 28px;
|
}
|
|
.page-box3 {
|
line-height: 28px;
|
font-size: 14px;
|
color: #9fabb6;
|
}
|
|
.page-input {
|
font-family: "微软雅黑";
|
margin: 0 10px;
|
}
|
|
|
/*rk-kccz*/
|
|
.kccz-con {
|
width: 100%;
|
overflow: hidden;
|
margin: 20px 0;
|
}
|
|
.kccz-left {
|
width: 73%;
|
}
|
|
.kccz-right {
|
width: 26%;
|
}
|
|
.kccz-left,
|
.kccz-right {
|
min-height: 560px;
|
}
|
|
.kccz-left-box1 {
|
/*background: #fff;*/
|
background:#dee6ec;
|
padding: 1px 20px 20px 20px;
|
}
|
|
.kccz-czxx-wrap {
|
padding-left: 24px;
|
margin-top: 20px;
|
}
|
|
.kccz-czxx-left .layui-form-item {
|
margin-bottom: 0;
|
}
|
|
.kccz-czxx-left .layui-form-label {
|
color: #324251;
|
font-size: 16px;
|
padding: 7px 0;
|
text-align: left;
|
}
|
|
.kccz-czxx-left .layui-input-block {
|
margin-left: 80px;
|
min-height: 34px;
|
}
|
|
|
.kccz-czxx-dl {
|
line-height: 24px;
|
overflow: hidden;
|
}
|
|
.kccz-czxx-dl dt,
|
.kccz-czxx-dl dd {
|
float: left;
|
line-height: 24px;
|
}
|
|
.kccz-czxx-dl dt {
|
width: 80px;
|
height: 24px;
|
color: #000;
|
font-size: 18px;
|
}
|
|
.kccz-czxx-dl dt i {
|
width: 24px;
|
height: 24px;
|
display: inline-block;
|
margin-right: 5px;
|
}
|
|
.kccz-czxx-dl dt i img {
|
width: 100%;
|
height: 100%;
|
vertical-align: top;
|
}
|
|
.kccz-czxx-dl dd {
|
color: #9fabb6;
|
font-size: 14px;
|
margin-left: 30px;
|
}
|
|
.kccz-czxx-num {
|
height: 90px;
|
background: url(../../images/czxx-bg_03.png) center repeat-x;
|
text-align: center;
|
line-height: 90px;
|
margin-top: 15px;
|
color: #ff0000;
|
}
|
|
.kccz-czxx-num span {
|
font-size: 70px;
|
font-family: "DigitalNumbers";
|
}
|
|
.kccz-czxx-num em {
|
font-size: 50px;
|
margin-left: 10px;
|
font-family: "DINCond-Bold";
|
}
|
|
.kccz-r-item {
|
height: 220px;
|
background: #fff;
|
overflow: hidden;
|
}
|
|
.kccz-r-box {
|
padding: 0 10px;
|
}
|
|
.kccz-r-box .rkbk-tit {
|
margin: 5px 0;
|
}
|
|
.kccz-r-con {
|
height: 170px;
|
padding-right: 96px;
|
position: relative;
|
}
|
|
.kccz-r-vedio {
|
width: 100%;
|
height: 170px;
|
background: #dee6ec;
|
}
|
|
.kccz-r-vedio img,
|
.kccz-r-vedio video {
|
width: 100%;
|
height: 100%;
|
}
|
|
|
.kccz-r-btnbox {
|
width: 110px;
|
position: absolute;
|
right: 0;
|
top: 0;
|
z-index: 99;
|
}
|
|
.kccz-r-btn {
|
display: block;
|
width: 110px;
|
height: 78px;
|
border: 1px solid #e7eaed;
|
text-align: center;
|
}
|
|
.kccz-r-div{
|
display: block;
|
height: 78px;
|
border: 1px solid #e7eaed;
|
background: #53adce;
|
text-align: center;
|
}
|
|
.kccz-r-div span{
|
display: inline-block;
|
width: 100px;
|
margin: 10px 0 0px;
|
height: 40px;
|
font-size: 18px;
|
font-weight: bold;
|
color: #FFF;
|
}
|
|
.kccz-r-div p {
|
color: #fff;
|
}
|
|
.kccz-r-btn span {
|
display: inline-block;
|
width: 30px;
|
height: 30px;
|
margin: 13px 0 0px;
|
}
|
|
|
.kccz-r-btn p {
|
color: #324251;
|
font-size: 14px;
|
}
|
|
.kccz-r-pz {
|
background: url(../../images/icon-camera.png) no-repeat;
|
}
|
|
.kccz-r-cp {
|
background: url(../../images/icon-camera-cp.png) no-repeat;
|
}
|
|
.kccz-r-img {
|
background: url(../../images/icon-img.png) no-repeat;
|
}
|
|
.kccz-r-img-red {
|
background: url(../../images/icon-img-red.png) no-repeat !important;
|
}
|
|
.kccz-r-btn:hover,
|
.kccz-r-btn.active {
|
border-color: #53adce;
|
}
|
|
.kccz-r-btn1:hover,
|
.kccz-r-btn1.active {
|
background: #53adce;
|
}
|
|
|
.kccz-r-btn1:hover .kccz-r-pz,
|
.kccz-r-btn1.active .kccz-r-pz {
|
background: url(../../images/icon-camera-h.png) no-repeat;
|
}
|
|
.kccz-r-btn1:hover p,
|
.kccz-r-btn1.active p {
|
color: #fff;
|
}
|
|
.mt-10 {
|
margin-top: 10px;
|
}
|
|
.mt-20 {
|
margin-top: 20px;
|
}
|
|
.kccz-left-box2 {
|
height: 680px;
|
padding: 1px 20px 0 20px;
|
/*background: #fff;*/
|
background: #dee6ec;
|
}
|
|
.kccz-data-form {
|
width: 100%;
|
margin-top: 20px;
|
}
|
|
.kccz-data-form .layui-form-label {
|
color: #324251;
|
font-size: 16px;
|
padding: 7px 15px;
|
font-weight: 600;
|
}
|
|
.kccz-data-form .layui-input-block {
|
min-height: 34px;
|
}
|
|
.kccz-data-group-sm .layui-input-block {
|
position: relative;
|
padding-right: 90px;
|
}
|
|
.kccz-data-btnbox .rkbk-search-btn {
|
position: relative;
|
margin-left: 10px;
|
}
|
|
.kccz-data-group-md .layui-input-block {
|
padding-right: 30%;
|
position: relative;
|
}
|
|
.kccz-data-bfb {
|
width: 27%;
|
z-index: 3;
|
|
}
|
|
.kccz-data-dw {
|
position: absolute;
|
right: 5px;
|
top: 1px;
|
z-index: 9;
|
line-height: 34px;
|
color: #324251;
|
font-size: 16px;
|
display: block;
|
height: 32px;
|
background: #eff4f6;
|
text-align: center;
|
}
|
|
.posi-r {
|
position: relative;
|
}
|
|
.bg-fff {
|
background: #fff;
|
}
|
|
|
.bg-ef {
|
background: #efefef;
|
}
|
|
@media all and (max-width: 1650px) {
|
.layui-input {
|
padding-left: 5px;
|
font-size: 14px;
|
}
|
|
}
|
|
.layui-layer-title{
|
font-weight: bold;
|
}
|
