@charset "utf-8";
|
|
/*-----------------
|
Author:xq
|
update:2019
|
-------------------*/
|
body {
|
font-family: "微软雅黑", Arial, sans-serif;
|
font-size: 14px;
|
background: #f3f5f8;
|
}
|
|
i,em{
|
font-style: normal;
|
}
|
|
|
.radius-3{
|
-webkit-border-radius: 3px;
|
-moz-border-radius: 3px;
|
-ms-border-radius: 3px;
|
-o-border-radius: 3px;
|
border-radius: 3px;
|
}
|
|
.radius-4{
|
-webkit-border-radius: 4px;
|
-moz-border-radius: 4px;
|
-ms-border-radius: 4px;
|
-o-border-radius: 4px;
|
border-radius: 4px;
|
}
|
|
.radius-6,
|
.lq-rMenu li{
|
-webkit-border-radius: 6px;
|
-moz-border-radius: 6px;
|
-ms-border-radius: 6px;
|
-o-border-radius: 6px;
|
border-radius: 6px;
|
}
|
|
.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);
|
}
|
|
|
.lq-userbox{
|
min-height: 85px;
|
padding: 6px 6px;
|
}
|
|
.lq-user{
|
text-align: center;
|
width: 100%;
|
}
|
|
.lq-user img{
|
width: 85px;
|
/*height: 85px;*/
|
-webkit-border-radius: 50%;
|
border-radius: 50%;
|
}
|
|
.lq-user p{
|
line-height: 30px;
|
font-size: 16px;
|
color: #000;
|
font-weight: bold;
|
margin-top: 5px;
|
}
|
|
.lq-userItem{
|
height: 34px;
|
background: #eff4f6;
|
overflow: hidden;
|
margin-top: 12px;
|
}
|
|
.lq-userItem dt,
|
.lq-userItem dd{
|
float: left;
|
height: 34px;
|
line-height: 34px;
|
|
}
|
|
.lq-userItem dt{
|
width: 40%;
|
text-align: center;
|
color: #6c7781;
|
font-size: 16px;
|
font-style: italic;
|
}
|
|
.lq-userItem dd{
|
font-size: 16px;
|
color: #000;
|
}
|
|
.lq-userItem dd span{
|
font-family: arial;
|
}
|
/*lqjc*/
|
|
.l-container{
|
width: 100%;
|
/*max-width: 1680px;*/
|
min-width: 1340px;
|
margin-left: auto;
|
margin-right: auto;
|
}
|
|
.l-main{
|
margin: 30px 10px 10px 10px;
|
position: relative;
|
padding-right: 110px;
|
overflow: hidden;
|
}
|
|
.l-icon{
|
width: 24px;
|
height: 24px;
|
display: inline-block;
|
position: relative;
|
}
|
|
.l-icon img{
|
width: 100%;
|
height: 100%;
|
vertical-align: top;
|
}
|
|
.fl {
|
float: left;
|
}
|
.fr {
|
float: right;
|
}
|
|
.lq-left{
|
/*width: 20%;*/
|
min-width: 260px;
|
margin-top: 10px
|
}
|
|
|
.lq-left1{
|
padding: 6% 5%;
|
background: #7b8e9f;
|
}
|
|
.lq-left1-from{
|
margin-bottom: 20px;
|
}
|
|
.lq-left1 .lq-left1-from:last-child{
|
margin-bottom: 0;
|
}
|
|
.lq-left1 .lq-left1-from .layui-form-label{
|
color: #fff;
|
padding: 9px 0;
|
text-align: left;
|
font-size: 16px;
|
}
|
|
.lq-left1 .lq-left1-from .layui-input-block{
|
margin-left: 80px;
|
}
|
|
.lq-left1 .layui-form-select .layui-edge{
|
border-top-color: #666;
|
}
|
|
.lq-left1 .layui-input-block .layui-input{
|
font-size: 16px;
|
color: #000;
|
}
|
|
.lq-left1 .layui-form-select dl dd.layui-this{
|
background: #7b8e9f;
|
}
|
.lq-left2{
|
background: #fff;
|
overflow: hidden;
|
/*margin-top: 20px;*/
|
margin-top: 10px;
|
}
|
.lq-left2-list{
|
width: 100%;
|
}
|
|
.lq-left2-list li{
|
height: 20px;
|
line-height: 20px;
|
overflow: hidden;
|
position: relative;
|
padding: 3.5% 6%;
|
}
|
|
.lq-left2-list li h3{
|
float: left;
|
color: #6c7781;
|
font-size: 16px;
|
font-style: italic;
|
}
|
.lq-left2-list li>em{
|
float: right;
|
color: #000;
|
font-size: 16px;
|
}
|
|
.lq-left2-list li h3 span{
|
background: #6c7781;
|
width: 4px;
|
height: 4px;
|
margin-right: 10px;
|
position: relative;
|
top: -2px;
|
}
|
|
.lq-left2-list li:nth-child(2n){
|
background: #f8f9fa;
|
}
|
|
.lq-center{
|
width: 77%;
|
position: relative;
|
padding-bottom: 50px;
|
overflow: hidden;
|
}
|
|
.lq-cTop{
|
margin-top: 10px;
|
}
|
|
.lq-cTop-1,
|
.lq-cTop-2,
|
.lq-cTop-3,
|
.lq-cTop-3-2,
|
.lq-cTop-4-2,
|
.lq-cTop-4{
|
padding: 10px 0;
|
overflow: hidden;
|
height: 80px;
|
text-align: center;
|
color: #fff;
|
}
|
|
.lq-cTop-1{
|
background: url(../../img/dzhwk/grain/lq-c-bg1.png) no-repeat;
|
background-size: 100% 100%;
|
width: 29%;
|
}
|
|
.lq-cTop-2{
|
background: url(../../img/dzhwk/grain/lq-c-bg2.png) no-repeat;
|
background-size: 100% 100%;
|
width: 29%;
|
}
|
|
.lq-cTop-3{
|
background: url(../../img/dzhwk/grain/lq-c-bg3.png) no-repeat;
|
background-size: 100% 100%;
|
width: 19.5%;
|
}
|
|
.lq-cTop-3-2{
|
background: url(../../img/dzhwk/grain/lq-c-bg3.png) no-repeat;
|
background-size: 100% 100%;
|
}
|
|
.lq-cTop-4{
|
background: url(../../img/dzhwk/grain/lq-c-bg4.png) no-repeat;
|
background-size: 100% 100%;
|
width: 19.5%;
|
}
|
|
.lq-cTop-4-2{
|
background: url(../../img/dzhwk/grain/lq-c-bg4.png) no-repeat;
|
background-size: 100% 100%;
|
}
|
|
.ml4{
|
margin-left: 1%;
|
}
|
|
.lq-cTop-item{
|
background: url(../../img/dzhwk/grain/lq-li-bg.png) right center no-repeat;
|
}
|
|
.lq-cTop-item:last-child{
|
background: none;
|
}
|
|
.lq-cTop-item p{
|
height: 40px;
|
line-height: 40px;
|
font-size: 16px;
|
margin-top: 5px;
|
overflow: hidden;
|
}
|
|
.lq-cTop-item h4{
|
font-size: 14px;
|
line-height: 20px;
|
margin-top: 5px;
|
height: 25px;
|
overflow: hidden;
|
}
|
|
.lq-cTop-item p span{
|
font-size: 28px;
|
}
|
|
.lq-wendu{
|
width: 90px;
|
height: 200px;
|
position: absolute;
|
bottom: 0;
|
z-index: 99;
|
left: 0;
|
}
|
|
.lq-wendu-color,
|
.lq-wendu-color img{
|
width: 10px;
|
height: 200px;
|
}
|
|
.lq-wendu-num{
|
width: 75px;
|
}
|
|
.lq-wendu-num p{
|
line-height: 20px;
|
color: #000;
|
font-size: 14px;
|
margin-bottom: 70px;
|
}
|
|
.lq-cPic-box{
|
width: 80%;
|
|
margin: 3% auto 0 auto;
|
text-align: center;
|
}
|
|
.lq-cPic{
|
width: 100%;
|
margin: 0 auto;
|
}
|
|
.lq-right{
|
width: 90px;
|
position: absolute;
|
right: 0;
|
top: 0;
|
z-index: 99;
|
height: 100%;
|
}
|
|
.lq-r-fx{
|
width: 80px;
|
margin-left: 10px;
|
margin-top: 25px;
|
height: 80px;
|
background: url(../../img/dzhwk/grain/img-dnxb.png) center no-repeat;
|
overflow: hidden;
|
position: relative;
|
}
|
|
.lq-r-fx p{
|
line-height: 15px;
|
font-size: 12px;
|
height: 15px;
|
overflow: hidden;
|
color: #000;
|
text-align: center;
|
margin-bottom: 17px;
|
width: 100%;
|
}
|
|
.lq-rMenu{
|
position: absolute;
|
bottom: 0;
|
width: 90px;
|
z-index: 99;
|
}
|
.lq-rMenu li{
|
width: 90px;
|
height: 90px;
|
margin-top: 10px;
|
text-align: center;
|
background: #fff;
|
}
|
.lq-rMenu li a{
|
display: block;
|
width: 100%;
|
height: 100%;
|
}
|
.lq-rMenu li a span{
|
width: 48px;
|
height: 48px;
|
margin-top: 5px;
|
|
}
|
|
.lq-rMenu li a p{
|
line-height: 20px;
|
color: #FFF;
|
font-size: 14px;
|
height: 20px;
|
overflow: hidden;
|
font-weight: bold;
|
}
|
|
.lq-rMenu li .lq-rMenu-icon1{
|
background: url(../../img/dzhwk/grain/lq-r-icon1.png);
|
}
|
|
.lq-rMenu li .lq-rMenu-icon2{
|
background: url(../../img/dzhwk/grain/lq-r-icon2.png);
|
}
|
.lq-rMenu li .lq-rMenu-icon3{
|
background: url(../../img/dzhwk/grain/lq-r-icon3.png);
|
}
|
.lq-rMenu li .lq-rMenu-icon4{
|
background: url(../../img/dzhwk/grain/lq-r-icon4.png);
|
}
|
.lq-rMenu li .lq-rMenu-icon5{
|
background: url(../../img/dzhwk/grain/lq-r-icon5.png);
|
}
|
|
.lq-rMenu li .lq-rMenu-icon6{
|
background: url(../../img/dzhwk/grain/lq-r-icon6.png);
|
}
|
|
.lq-a1{
|
background: url(../../img/dzhwk/grain/lq-c-bg1.png) no-repeat;
|
background-size: 100% 100%;
|
border-radius: 6px;
|
}
|
|
.lq-a2{
|
background: url(../../img/dzhwk/grain/lq-c-bg2.png) no-repeat;
|
background-size: 100% 100%;
|
border-radius: 6px;
|
}
|
|
.lq-a3{
|
background: url(../../img/dzhwk/grain/lq-c-bg3.png) no-repeat;
|
background-size: 100% 100%;
|
border-radius: 6px;
|
}
|
|
.lq-a4{
|
background: url(../../img/dzhwk/grain/lq-c-bg4.png) no-repeat;
|
background-size: 100% 100%;
|
border-radius: 6px;
|
}
|
.lq-a5{
|
background: url(../../img/dzhwk/grain/lq-c-bg5.png) no-repeat;
|
background-size: 100% 100%;
|
border-radius: 6px;
|
}
|
|
.lq-a6{
|
background: url(../../img/dzhwk/grain/lq-c-bg6.png) no-repeat;
|
background-size: 100% 100%;
|
border-radius: 6px;
|
}
|
|
.lq-rMenu li:hover,
|
.lq-rMenu li.active{
|
background: #53adce;
|
}
|
|
|
.lq-rMenu li:hover a p,
|
.lq-rMenu li.active a p{
|
color: #fff;
|
}
|
|
.lq-rMenu li:hover .lq-rMenu-icon1,
|
.lq-rMenu li.active .lq-rMenu-icon1{
|
background: url(../../img/dzhwk/grain/lq-r-icon1-h.png);
|
}
|
|
.lq-rMenu li:hover .lq-rMenu-icon2,
|
.lq-rMenu li.active .lq-rMenu-icon2{
|
background: url(../../img/dzhwk/grain/lq-r-icon2-h.png);
|
}
|
.lq-rMenu li:hover .lq-rMenu-icon3,
|
.lq-rMenu li.active .lq-rMenu-icon3{
|
background: url(../../img/dzhwk/grain/lq-r-icon3-h.png);
|
}
|
.lq-rMenu li:hover .lq-rMenu-icon4,
|
.lq-rMenu li.active .lq-rMenu-icon4{
|
background: url(../../img/dzhwk/grain/lq-r-icon4-h.png);
|
}
|
.lq-rMenu li:hover .lq-rMenu-icon5,
|
.lq-rMenu li.active .lq-rMenu-icon5{
|
background: url(../../img/dzhwk/grain/lq-r-icon5-h.png);
|
}
|
|
.lq-rMenu li:hover .lq-rMenu-icon6,
|
.lq-rMenu li.active .lq-rMenu-icon6{
|
background: url(../../img/dzhwk/grain/lq-r-icon6-h.png);
|
}
|
|
.lq-cLow{
|
background: #fff;
|
height: 30px;
|
padding: 8px 15px;
|
overflow: hidden;
|
width: 740px;
|
left: 60px;
|
bottom: 0px;
|
position: absolute;
|
}
|
|
.lq-cLow-left{
|
line-height: 24px;
|
}
|
|
.top5{
|
margin-top: 5px;
|
}
|
|
.lq-cLow-1{
|
width: 90px;
|
color: #000;
|
font-size: 14px;
|
border-right: 1px solid #eceef0;
|
}
|
|
.lq-cLow-1 span{
|
color: #37bd34;
|
}
|
|
.lq-cLow-2{
|
margin-left: 20px;
|
}
|
|
|
.lq-cLow-left .layui-form-item{
|
margin-bottom: 0;
|
clear: initial;
|
}
|
|
.lq-cLow-left .layui-form-label{
|
padding: 2px 0;
|
text-align: left;
|
width: auto;
|
}
|
|
.lq-cLow-left .layui-input-block{
|
min-height: 24px;
|
margin-left: 5px;
|
float: left;
|
}
|
|
|
.lq-cLow-left .layui-form-switch{
|
margin-top: 0;
|
}
|
|
.lq-cLow-left .layui-form-switch{
|
padding: 0;
|
}
|
|
.lq-cLow-left .layui-form-onswitch {
|
border-color: #53adce;
|
background-color: #53adce;
|
}
|
|
|
.lq-cLow-right .layui-btn{
|
height: 30px;
|
line-height: 30px;
|
/*color: #324251;*/
|
font-size: 14px;
|
/*padding: 0 8px;*/
|
/*background-color: #53adce;*/
|
}
|
|
.lq-cLow-right .layui-btn:hover{
|
border-color: #7b8e9f;
|
background: #7b8e9f;
|
color: #fff;
|
}
|
|
|
|
@media all and (max-width: 1650px) {
|
.lq-cPic-box {
|
margin: 5% auto 0 auto;
|
}
|
.lq-center{
|
padding-bottom: 80px;
|
|
}
|
.lq-left2-list li {
|
padding: 3% 6%;
|
}
|
|
.lq-cTop-item p span{
|
font-size: 24px;
|
}
|
}
|
