.crumbs{
display: flex;align-items: center;justify-content: space-between;
line-height: 20px;
padding-top: 20px;
}
.crumbs p{
font-size: 12px;
color: #666666;
line-height: 20px;
}
.crumbs p span{
color: #3370FF;
}
.newsnav img{
width: 16px;
height: 16px;
margin-right: 5px;
}
.newsnav{
display: flex;
align-items: center;
font-size: 12px;
}
.newsnav{
font-size: 12px;
font-weight: 400;
color: #999999;
}
.newsnav a{
padding-right: 5px;
padding-left: 5px;
}
.con1{
height: auto;
background: #FFFFFF;
}
.condition{
display: flex;align-items: center;justify-content: space-between;
margin-top: 20px !important;
}
.condition .right{
background: url(https://cdn.chiefgr.com/hz12/img/list-8@2x.png) no-repeat;
width: 240px;
height: 260px;
background-size:100% 100%;
padding: 20px;
overflow: hidden;
}
.condition .right h2{
font-size: 18px;
color: #FFFFFF;
line-height: 30px;
text-align: center;
}
.condition .right .btn-box{
display: flex;align-items: center;
margin-top: 10px;
}
.condition .right .btn-box .btn{
display: flex;align-items: center;justify-content: center;
width: 95px;
height: 30px;
background: #FFFFFF;
border-radius: 20px 20px 20px 20px;
font-size: 12px;
font-weight: bold;
color: #3370FF;
line-height: 20px;
}
.condition .right .btn-box .btn:nth-child(2){
background: #00C8AD;
color: #FFFFFF;
margin-left:10px ;
}
.condition .right .title{
margin-top: 20px;
display: flex;align-items: center;justify-content: space-between;
}
.condition .right .title h4{
font-size: 14px;
font-weight: bold;
color: #FFFFFF;
line-height: 20px;
}
.condition .right .title img{
width: 8px;
height: 4px;
}
.condition .right .title{
padding-bottom: 5px;
border-bottom:1px solid rgba(255,255,255,0.2);
}
.condition .right .swiper-container{
margin-top: 10px;
height: 100px;
}
.condition .right .swiper-container p{
height: 40px;
font-size: 12px;
color: #FFFFFF;
line-height: 20px;
display:-webkit-box ;-webkit-line-clamp:2 ; -webkit-box-orient:vertical ;width:100%;overflow:hidden; text-overflow:ellipsis;
}
.con1{
background: url(https://cdn.chiefgr.com/hz12/img/list-bg@2x.png) no-repeat;
width: 100%;
height: 340px;
background-size:100% 100%;
margin-top: 60px !important;
}
.con1 .top{
margin-top: 10px;
height: 50px;
border-bottom:1px solid #EEEEEE;
display: flex;align-items: center;
padding: 0 20px;
}
.con1 .top .text{
font-size: 12px;
color: #000000;
line-height: 20px;
border-right:1px solid #EEEEEE;
padding-right: 15px;
}
.con1 .top .btn-box{
display: flex;align-items: center;
margin-left: 20px;
}
.con1 .top .btn-box a{
width: 80px;
background: #F5F7FA;
font-size: 12px;
text-align: center;
color: #333333;
line-height: 26px;
margin-right: 5px;
}
.con1 .top .btn-box a:hover{
color: #1D43FF;
}
.con1 .cen{
position: relative;
width: 960px;
height: 260px;
background: #FFFFFF;
padding: 0 20px;
}
.con1 .cen .cen-list{
display: flex;align-items: center;
padding-top: 20px;
font-size: 0;
}
.con1 .cen .cen-list a{
font-size: 12px;
font-weight: 400;
color: #333333;
}
.con1 .cen .cen-list .input{
display: flex;align-items: center;
color: #AAAAAA;
}
.con1 .cen .cen-list .input input:focus{
outline: 0;border: 1px solid #1D43FF;
}
.con1 .cen .cen-list .input input{
width: 60px;
height: 23px;
border-radius: 0px 0px 0px 0px;
border: 1px solid #DDDDDD;
margin: 0 5px;
padding: 0 5px;
font-size: 12px;
}
.con1 .cen .cen-list .input .btn{
display: flex;align-items: center;justify-content: center;
width: 60px;
height: 23px;
background: rgba(34,84,244,0.1);
border-radius: 0px 0px 0px 0px;
font-size: 12px;
color: #1D43FF;
}
.con1 .cen .cen-list .text{
display: flex;align-items: center;
color:#333333 ;
font-size: 12px;
margin-right: 10px;
}
.con1 .cen .text img {
width: 14px;
height: 14px;
margin-right:5px;
}
.con1 .cen .cen-list a{
padding-right: 20px;
}
.con1 .cen .cen-list .active{
color: #1D43FF !important;
font-weight: bold;
}
.con1 .cen .cen-list a:hover{
color: #1D43FF;
font-weight: bold;
}
.con1 .cen .cen-list .leimu{
width: 100px;
height: 26px;
background: #FFFFFF;
position: relative;
margin-right: 10px;
border: 1px solid #CCCCCC;
}
.con1 .cen .cen-list .leimu input{
position: relative;
z-index: -1;
opacity: 0;
}
.con1 .cen .cen-list .leimu .tong{
width: 100%;
height: 26px;
display: flex;
align-items: center;
justify-content: space-between;
cursor: pointer;
padding: 0 10px 0 10px;
}
.con1 .cen .cen-list .leimu .tong p{
font-size: 12px;
color: #666666;
}
.con1 .cen .cen-list .leimu .tong img{
width: 6px;
height: 4px;
}
.con1 .cen .cen-list .leimu .select {
width: 100%;
background: #FFFFFF;
position: absolute;
left: 0;
top: 100%;
z-index: 9;
box-sizing: border-box;
display: none;
border: 1px solid #CCCCCC;
padding-bottom: 20px;
}
.con1 .cen .cen-list .leimu .select a{
width: 100%;
font-size: 12px;
color: #333333;
cursor: pointer;
padding:10px;
display: flex;align-items: center;
}
.con1 .cen .cen-list .leimu .select a:hover {
color: #1D43FF;
}
.con1 .bott {
display: flex;align-items: center;
font-size: 12px;
font-weight: 400;
color: #666666 ;
padding-top: 20px;
}
.con1 .bott .item{
display: flex;align-items: center;
font-size: 12px;
font-weight: 400;
}
.con1 .bott .item a{
width: 100px;
background: rgba(255,255,255,0.2);
border-radius: 2px 2px 2px 2px;
border: 1px solid rgba(255,255,255,0.2);
display: flex;align-items: center;justify-content: space-between;
margin-right: 10px;
border: 1px solid #CCCCCC;
padding: 5px 8px;
font-size: 12px;
}
.con1 .bott .item a img{
width: 8px;
height: 8px;
}
.con1 .bott .item a p{
font-size: 12px;
}
.con1 .bott .item .kong{
width: 80px;
font-size: 12px;
}
.con1 .bott .item .kong img{
width: 14px;
height: 14px;
margin-left: 2px;
}
.con1 .bott .text{
color: #333333;
font-size: 12px;
margin-right: 10px;
}
.con2{
margin: 10px auto;
display: flex;align-items: center;justify-content: space-between;
}
.con2 .text{
font-size: 12px;
color: #666666;
line-height: 30px;
}
.con2 .text span{
font-size: 12px;
color: #E52900;
line-height: 30px;
}
.con2 .btn-box{
display: flex;align-items: center;
}
.con2 .btn{
width: 120px;
height: 30px;
background: #FFFFFF;
border: 1px solid #1D43FF;
display: flex;align-items: center;justify-content: center;
font-size: 12px;
color: #1D43FF;
line-height: 19px;
margin-right: 5px;
}
.con2 .btn:nth-child(2){
background: #1D43FF;
color: #FFFFFF;
margin: 0;
}
.con2 img{
width: 12px;
height: 12px;
margin-right: 4px;
}
.list-bg{
background: url(https://cdn.chiefgr.com/hz12/img/list-bg2@2x.png) no-repeat;
width: 100%;
height: 1540px;
background-size:100% 100%;
padding-top: 20px;
}
.list{
background: rgba(255,255,255,0.8);
box-shadow: 0px 10px 20px 0px rgba(51,112,255,0.05);
border-radius: 10px 10px 10px 10px;
backdrop-filter: blur(50px);
height: auto;
}
.list li{
width: 100%;
height: 140px;
padding: 30px 40px;
border-bottom:1px solid #EEEEEE ;
position: relative;
}
.list li a{
display: flex;align-items: center;justify-content: space-between;
}
.list li .flex{
position: absolute;
top: 30px;
right: 72px;
width: 46px;
height: 30px;
}
.list li a .goods-cen{
width: 500px;
}
.list li:hover .title .pic{
display: block;
margin-left: 10px;
}
.list li:hover .title h4{
font-weight: bold;
color: #FF2943;
}
.list .title{
width: 100%;
display: flex;align-items: center;
white-space: nowrap; /* 防æ¢æ–‡æœ¬æ¢è¡Œ */
overflow: hidden; /* éšè—è¶…å‡ºå…ƒç´ çš„å†…å®¹ */
text-overflow: ellipsis;/* 当文本溢出时显示çœç•¥å· */
}
.list .title h4{
font-size: 16px;
font-weight: 400;
color: #333333;
line-height: 30px;
}
.list .title .img{
width: 30px;
height: 30px;
margin-right: 10px;
}
.list .title .pic{
width: 150px;
height: 30px;
margin-left: 10px;
display: none;
}
.list .right-item {
display: flex;align-items: center;
}
.list .right-item .btn{
margin-top: 30px;
width: 150px;
height: 40px;
background: #3370FF;
border-radius: 2px 2px 2px 2px;
font-size: 14px;
color: #FFFFFF;
line-height: 30px;
display: flex;align-items: center;justify-content: center;
}
.list .right-item .btn:nth-child(2){
background: #FFFFFF;
border: 1px solid #3370FF;
color: #3370FF;
margin-left: 10px;
}
.goods-cen{
padding-top: 20px;
display: flex;
justify-content: space-between;
align-items: center;
}
.goods-cen h5{
height: 14px;
font-size: 14px;
color: #333;
font-weight: 400;
}
.goods-cen h5 img{
width: 14px;
height: 14px;
}
.goods-cen p{
height: 12px;
font-size: 12px;
color: #999;
padding-top: 7px;
}
.goods-cen .btn{
width: 100px;
height: 30px;
border-radius: 2px 2px 2px 2px;
border: 1px solid #3370FF;
font-size: 14px;
color: #3370FF;
line-height: 30px;
display: flex;align-items: center;justify-content: center;
}
.page-list {
height: 40px;
display: flex;
align-items: center;
justify-content: center;
}
.page-list a {
display: block;
width: 40px !important;
height: 40px;
background: #FFFFFF;
font-size: 12px;
font-family: Microsoft YaHei;
font-weight: 400;
color: #333333;
line-height: 40px;
text-align: center;
}
.page .end{
display: flex;
}
.page .start{
display: flex;
}
.page .start a:hover,
.page .end a:hover,
.page-list a:hover {
background: #7D3CEB;
color: #FEFEFE;
}
.page {
/*width: 280px;*/
height: 40px;
margin: 20px auto;
display: flex;
align-items: center;
justify-content: center;
}
.page a {
display: block;
width: 40px;
height: 40px;
background-color: #fff;
color: #333333;
font-size: 12px;
font-family: Microsoft YaHei;
font-weight: 400;
color: #333333;
line-height: 40px;
text-align: center;
}
.page b{
width: 40px;
height: 40px;
color: #333333;
font-size: 12px;
font-family: Microsoft YaHei;
font-weight: 400;
background: #7D3CEB;
color: #FEFEFE;
line-height: 40px;
text-align: center;
}
.m-nav-box{
display: none;
}
.shai{
display: none;
}
.m-con1{
display: none;
}
@media (max-width: 630px){
.page a:nth-child(2n+1){
display: none;
}
.dy{
overflow: hidden;
}
.list-bg{
height: auto;
min-height: 14rem;
padding: 1rem 0.3rem;
}
.list{
padding: 0 !important;
backdrop-filter: initial;
}
.list li{
width: 100%;
padding: 20px 15px 30px 15px;
height: auto;
position: initial;
}
.list .left-item{
width: 100%;
}
.list li a .goods-cen{
width: 100%;
}
.list li a .goods-cen div:nth-child(n+6){
display: none;
}
.list .right-item{
display: none;
}
.list li .flex{
display: none;
}
.list li:hover .title .pic {
display: none;
}
.list .title h4{
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
font-size: 0.28rem;
font-weight: 400;
color: #333333;
line-height: 0.6rem;
}
.goods-cen h5{
font-size: 0.24rem;
}
.m-con1{
margin-top: 1rem;
display: block;
width: 100%;
height: 40px;
}
.m-con1 .m-con1-box{
height: 100%;
position: relative;
}
.m-con1 .m-nav{
padding: 0 0.3rem;
width: auto;
height: 100%;
display: flex;align-items: center;justify-content: space-between;
backdrop-filter: blur(50px);
background: rgba(255,255,255,0.8);
box-shadow: 0px 5px 10px 0px rgba(51,112,255,0.1);
border-radius: 5px 5px 5px 5px;
border: 1px solid #FFFFFF;
}
.m-con1 .m-nav p{
width: calc(100%/4);
font-size: 0.24rem;
color: #000000;
line-height: 0.4rem;
display: flex;align-items: center;
}
.m-con1 .m-nav .active{
color: #3370FF;
}
.m-con1 .m-nav .active i{
background: url(https://cdn.chiefgr.com/hz12/img/m-nav-icon-hover.png) no-repeat;
background-size:100% 100%;
}
.m-con1 .m-nav p img{
width: 0.28rem;
height: 0.28rem;
margin-right: 3px;
}
.m-con1 .m-nav p i{
display: block;
background: url(https://cdn.chiefgr.com/hz12/img/m-nav-icon.png) no-repeat;
width: 8px;
height: 4px;
background-size:100% 100%;
margin-left: 2px;
}
.m-con1 .item{
position: absolute;
top: 0.8rem;
width: 6.9rem;
height: auto;
background: #FFFFFF;
box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.15);
border-radius: 5px 5px 5px 5px;
}
.m-con1 .item a{
height: 0.6rem;
margin-bottom: 0.2rem;
font-size: 12px;
color: #333333;
line-height: 20px;
padding: 0 15px;
display: flex;align-items: center;justify-content: space-between;
}
.m-con1 .item a:hover{
background: rgba(51,112,255,0.1);
color: #3370FF;
}
.m-con1 .item .active{
background: rgba(51,112,255,0.1);
color: #3370FF;
}
.m-con1 .item .active img{
display: block;
}
.m-con1 .item a:hover img{
display: block;
}
.m-con1 .item a img{
width: 0.28rem;
height: 0.28rem;
display: none;
}
.m-list-bg{
width: 100%;
height: 1rem;
}
.con1 {
display: none;
}
.con2 {
display: none;
}
.list .title6,.title5,.title4,.title3,.title2{
display: none;
}
.list .item a{
font-size: 0.24rem;
}
.list .item span{
font-size: 0.24rem;
}
.list .item{
height: 0.8rem;
padding: 0 0.3rem;
}
.list .title1{
width: 60%;
}
.list .title7{
width: 1rem;
}
.list .title8{
width: 1.2rem;
text-align: center;
}
.list .item .title8{
border: 1px solid #F64C35;
color: #F64C35;
background: #FFFFFF;
}
.list .item .title8:hover{
border: 0;
color: #FFFFFF;
background: linear-gradient(90deg, #FF7D55 0%, #F64C35 100%);
}
.m-nav-box .nav {
width: 100%;
height: 0.8rem;
background: linear-gradient(90deg, #FFFFFF 50%, rgba(0,0,0,0.05) 180%);
box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.02);
padding-bottom: 5px;
display: flex;
align-items: center;
padding:0 0.3rem;
justify-content: space-between;
}
.m-nav-box {
display: flex;
align-items: center;
padding-top: 65px;
}
.m-nav-box .nav a{
display: flex;
align-items: center;
font-size: 0.24rem;
color: #333333;
}
.m-nav-box .nav a i {
width: 0.01rem;
height: 0.28rem;
background:#DDDDDD ;
display: block;
margin: 0 0.3rem;
}
.m-nav-box .nav a:hover {
font-weight: bold;
color: #1D43FF;
}
.m-nav-box .nav .active{
font-weight: bold;
color: #1D43FF;
}
.m-nav-box .nav a:hover i {
transform: rotate(180deg);
}
.m-nav-box .nav .active i {
transform: rotate(180deg);
}
.select{
width: 1.6rem;
height: 0.8rem;
display: flex;align-items: center;justify-content: center;
background: #FFFFFF;
font-size: 12px;
font-weight: 400;
color: #1D43FF;
}
.select img{
width: 0.28rem;
height: 0.28rem;
margin-right: 4px;
}
/*弹窗结æŸ*/
.shai:not(.shai-show) .shai-box{
transform: scale(0);
}
.shai:not(.shai-show){
opacity: 0;
pointer-events: none;
}
/*ç›é€‰æ¡ä»¶å¼€å§‹*/
.shai{
width:100%;
height: 100%;
position: fixed;
left: 0;
top: 0;
bottom: 0;
display: flex;justify-content: center;align-items: center;
z-index: 99999;
background: rgba(0, 0, 0, 0.6);
transition: all 0.5s ease 0s;
}
.shai .shai-box{
width: 300px;
position: fixed;
height: auto;
right: 0;
top: 0;
bottom: 0;
background: #FFFFFF;
overflow: auto;
}
.shai .item{
margin-top: 20px;
padding: 0 12px;
width: 100%;
display: flex;align-items: center;
flex-wrap: wrap;
}
.shai .item .txt{
width: 100%;
font-size: 12px;
color: #666666;
padding-bottom: 20px;
font-weight: bold;
}
.shai .item li{
display: flex;align-items: center;justify-content: center;
width: 84px;
height: 26px;
background: #F5F7FA;
border-radius: 50px 50px 50px 50px;
font-size: 12px;
color: #666666;
margin-bottom: 12px;
margin-right: 8px;
}
.shai .item .active{
background: rgba(34,84,244,0.1);
color: #333333;
}
.shai .submit{
display: flex;align-items: center;justify-content: space-between;
margin-top: 50px;
padding: 0 12px;
}
.shai .submit .btn{
display: flex;align-items: center;justify-content: center;
width: 135px;
height: 30px;
border-radius: 50px 50px 50px 50px;
opacity: 1;
border: 1px solid #2875FF;
font-size: 12px;
color: #2875FF;
}
.shai .submit .btn2{
color: #FFFFFF;
background: linear-gradient(90deg, #4CBBFC 0%, #2774FE 100%);
margin-left: 5px;
}
/*ç›é€‰æ¡ä»¶ç»“æŸ*/
}