.fl {
|
float: left;
|
}
|
|
.flex {
|
display: flex;
|
display: -ms-flexbox;
|
display: -webkit-flex;
|
display: -moz-flex;
|
}
|
|
.qifa {
|
background: url(../../images/bgt2.jpg) no-repeat;
|
background-size: cover;
|
}
|
|
.qifa ul {
|
padding: 0;
|
margin: 0;
|
}
|
|
.qifa li {
|
list-style-type: none;
|
}
|
|
.qifa a {
|
text-decoration: none;
|
}
|
|
.qifa .qf_box1 {
|
height: 138px;
|
color: #fff;
|
justify-content: space-between;
|
padding: 10px 10px 0 20px;
|
}
|
|
.qifa .qf_box1 .qf1_bx1 {
|
width: 20%;
|
float: left;
|
height: 100%;
|
box-sizing: border-box;
|
padding: 20px 25px 10px 25px;
|
background: #7B8E9F;
|
box-shadow: 0px 5px 20px 0px rgba(85, 85, 85, 0.2);
|
border-radius: 10px;
|
}
|
|
.qifa .qf_box1 .qf1_bx1 .layui-form-select dl dd {
|
color: #333;
|
}
|
|
.qifa .qf_box1 .qf1_bx1 .layui-form-select dl dd.layui-this {
|
background: #7b8e9f;
|
color: #fff;
|
}
|
|
.qifa .qf_box1 .qf1_bx1 .layui-form-label {
|
text-align: left;
|
width: 60px;
|
padding-left: 0;
|
}
|
|
.qifa .qf_box1 .qf1_bx1 .layui-input-block {
|
margin-left: 90px;
|
}
|
|
.qifa .qf_box1 .qf1_bx1 .switch {
|
margin-top: 15px;
|
width: 100%;
|
height: 50px;
|
line-height: 50px;
|
text-align: center;
|
background: #FAFAFA;
|
border-radius: 25px;
|
color: #000;
|
font-size: 18px;
|
}
|
|
.qifa .qf_box1 .qf1_bx1 .switch span {
|
display: block;
|
float: left;
|
width: 50%;
|
border-radius: 26px;
|
cursor: pointer;
|
}
|
|
.qifa .qf_box1 .qf1_bx1 .switch span.on {
|
height: 52px;
|
line-height: 52px;
|
background: #F49F0B;
|
color: #fff;
|
}
|
|
.qifa .qf_box1 .qf1_bx2 {
|
width: 32.5%;
|
height: 100%;
|
float: left;
|
box-sizing: border-box;
|
background: url(../../images/bg_qf2.png) no-repeat;
|
background-size: cover;
|
border-radius: 10px;
|
padding: 8px 20px;
|
}
|
|
.qifa .qf_box1 .qf1_bx3 {
|
width: 25%;
|
float: left;
|
height: 100%;
|
box-sizing: border-box;
|
background: url(../../images/bg_qf3.png) no-repeat;
|
background-size: cover;
|
border-radius: 10px;
|
padding: 12px 20px;
|
}
|
|
.qifa .qf_box1 .qf1_bx4 {
|
width: 16.2%;
|
float: left;
|
height: 100%;
|
box-sizing: border-box;
|
background: url(../../images/bg_qf4.png) no-repeat;
|
background-size: cover;
|
border-radius: 10px;
|
padding: 12px 20px;
|
text-align: center;
|
}
|
|
.qifa .qf_box1 .qf1_bx4 .icon {
|
margin: 15px 0 0 0;
|
}
|
|
.qifa .qf_box1 .qf1_tit {
|
font-size: 18px;
|
margin-bottom: 6px;
|
position: relative;
|
text-align: left;
|
padding-left: 18px;
|
}
|
|
.qifa .qf_box1 .qf1_tit::before {
|
content: "";
|
width: 10px;
|
height: 10px;
|
background: #fff;
|
border-radius: 50%;
|
position: absolute;
|
left: 0;
|
top: 50%;
|
transform: translateY(-50%);
|
}
|
|
.qifa .qf_box1 .qf1_time {
|
text-align: center;
|
color: #fff;
|
}
|
|
.qifa .qf_box1 .qf1_time li {
|
float: left;
|
position: relative;
|
}
|
|
.qifa .qf_box1 .qf1_time li::after {
|
content: "";
|
width: 1px;
|
height: 80px;
|
background: rgba(0, 0, 0, 0.1);
|
position: absolute;
|
right: 0;
|
top: 50%;
|
transform: translateY(-50%);
|
}
|
|
.qifa .qf_box1 .qf1_time li:last-child::after {
|
display: none;
|
}
|
|
.qifa .qf_box1 .qf1_time .num {
|
font-size: 20px;
|
margin: 6px 0 12px 0;
|
}
|
|
.qifa .qf_box1 .qf1_time .num.din {
|
font-size: 34px;
|
font-family: 'din';
|
}
|
|
.qifa .qf_box1 .qf1_time p {
|
font-size: 14px;
|
margin: 0;
|
}
|
|
.qifa .qf_box1 .qf1_time .x4 li {
|
width: 25%;
|
}
|
|
.qifa .qf_box1 .qf1_time .x3 li {
|
width: 33.33%;
|
}
|
|
.qifa .qf_box1 .qf1_time .x3 li .num {
|
margin: 16px 0 15px;
|
}
|
|
.qifa .qf_box2 {
|
padding: 10px 28px;
|
}
|
|
.qifa .qf_box2 .qf_tit {
|
font-size: 20px;
|
color: #000;
|
margin-bottom: 15px;
|
position: relative;
|
margin-left: -30px;
|
margin-top: -5px;
|
font-weight: bold;
|
padding-left: 18px;
|
}
|
|
.qifa .qf_box2 .qf_tit::before {
|
content: "";
|
width: 10px;
|
height: 10px;
|
background: #2F8AD1;
|
border-radius: 50%;
|
position: absolute;
|
left: 0;
|
top: 50%;
|
transform: translateY(-50%);
|
}
|
|
.qifa .qf_box2 .qf2_left {
|
float: left;
|
max-width: 55%;
|
padding-left: 65px;
|
box-sizing: border-box;
|
}
|
|
.qifa .qf_box2 .qf2_left .qf2_charts {
|
height: 140px;
|
margin: -20px 0 20px;
|
}
|
|
.qifa .qf_box2 .qf2_left .qf2_charts .start {
|
width: 80px;
|
margin-right: 25px;
|
float: left;
|
margin-top: 15px;
|
text-align: center;
|
/*cursor: pointer;*/
|
}
|
|
.qifa .qf_box2 .qf2_left .qf2_charts .start .p1 {
|
font-size: 14px;
|
margin: 6px 0 3px;
|
}
|
|
.qifa .qf_box2 .qf2_left .qf2_charts .start .p2 {
|
font-size: 18px;
|
font-weight: bold;
|
}
|
|
.qifa .qf_box2 .qf2_left .qf2_charts .start:hover .p2 {
|
color: #2F8AD1;
|
}
|
|
.qifa .qf_box2 .qf2_left .qf2_charts .chart_ul {
|
width: 100%;
|
max-width: 510px;
|
float: left;
|
}
|
|
.qifa .qf_box2 .qf2_left .qf2_charts li {
|
width: 33.33%;
|
float: left;
|
text-align: center;
|
}
|
|
.qifa .qf_box2 .qf2_left .qf2_charts li .charts {
|
width: 144px;
|
height: 144px;
|
margin: 0 auto;
|
position: relative;
|
background: url(../../images/bg_ky.png) no-repeat center;
|
}
|
|
.qifa .qf_box2 .qf2_left .qf2_img {
|
position: relative;
|
margin: 6px 0 0 0;
|
}
|
|
.qifa .qf_box2 .qf2_left .qf2_img .xt {
|
position: absolute;
|
bottom: 14px;
|
z-index: 1;
|
right: -90px;
|
}
|
|
.qifa .qf_box2 .qf2_right {
|
width: 45%;
|
float: left;
|
padding-left: 70px;
|
box-sizing: border-box;
|
}
|
|
.qifa .qf_box2 .qf2_right .qf2_img img {
|
margin-top: -15px;
|
}
|
|
.floatBar {
|
position: fixed;
|
right: 20px;
|
bottom: 0;
|
z-index: 2;
|
}
|
|
.floatBar li {
|
width: 95px;
|
height: 95px;
|
background: #fff;
|
text-align: center;
|
box-shadow: 0px 5px 15px 0px rgba(50, 66, 81, 0.05);
|
border-radius: 10px;
|
margin-bottom: 10px;
|
}
|
|
.floatBar li i {
|
height: 48px;
|
background-repeat: no-repeat;
|
background-position: center;
|
width: 100%;
|
float: left;
|
margin: 16px 0 6px;
|
}
|
|
.floatBar li p {
|
font-size: 14px;
|
color: #324251;
|
font-weight: bold;
|
}
|
|
.floatBar li:nth-child(1) i {
|
background-image: url(../../images/icon_sd1.png);
|
}
|
|
.floatBar li:nth-child(1).on i {
|
background-image: url(../../images/icon_sd01.png);
|
}
|
|
.floatBar li:nth-child(2) i {
|
background-image: url(../../images/icon_sd2.png);
|
}
|
|
.floatBar li:nth-child(2).on i {
|
background-image: url(../../images/icon_sd02.png);
|
}
|
|
.floatBar li:nth-child(3) i {
|
background-image: url(../../images/icon_sd3.png);
|
}
|
|
.floatBar li:nth-child(3).on i {
|
background-image: url(../../images/icon_sd03.png);
|
}
|
|
.floatBar li:nth-child(4) i {
|
background-image: url(../../images/icon_sd4.png);
|
}
|
|
.floatBar li:nth-child(4).on i {
|
background-image: url(../../images/icon_sd04.png);
|
}
|
|
.floatBar li:nth-child(5) i {
|
background-image: url(../../images/icon_sd5.png);
|
}
|
|
.floatBar li:nth-child(5).on i {
|
background-image: url(../../images/icon_sd05.png);
|
}
|
|
.floatBar li:nth-child(6) i {
|
background-image: url(../../images/icon_sd4.png);
|
}
|
|
.floatBar li:nth-child(6).on i {
|
background-image: url(../../images/icon_sd04.png);
|
}
|
|
.floatBar li.on {
|
background: #53ADCE;
|
box-shadow: 0px 5px 15px 0px rgba(50, 66, 81, 0.05);
|
}
|
|
.floatBar li.on a {
|
color: #fff;
|
}
|
|
|
.floatBar li.on a p {
|
color: #fff;
|
}
|
|
.sdft-btn-group {
|
display: block;
|
}
|
|
.sdft-topbtn {
|
background: #fff;
|
font-size: 16px;
|
color: #969ca6;
|
border: 0;
|
}
|
|
.sdft-topbtn.active {
|
background: #efd17a;
|
color: #283a48;
|
font-weight: bold;
|
}
|
|
.sdft-topbtn:hover,
|
.sdft-topbtn.active:hover {
|
opacity: 1;
|
filter: alpha(opacity=100);
|
color: #283a48;
|
}
|
|
.tit {
|
font-size: 16px;
|
font-weight: bold;
|
color: red;
|
}
|
|
.c-hand{
|
cursor: pointer;
|
}
|
