.banner-section{
    min-width: 1240px;
    background: url(/public/img/a02390df5f2d8403d86069806b618f95f4b7ba6e1d0a0-PCGUsR.png) no-repeat top center / cover;
    height: 480px; 
    padding-top: 156px;    background-color: #162850;
    color: #FFFFFF;
}
.banner-title{
    font-family: fz;
    font-size: 60px;
    font-weight:400;
    line-height: 1;
    margin-bottom: 24px;
}
.banner-text{
    font-size: 24px;
    line-height: 1;
}
.banner-section .banner-btn{
    width: 120px;
    margin: 56px 0 20px;
    font-size: 14px;
    line-height: 1;
    padding: 14px 0;
}
.banner-section .banner-tip{
    font-size: 13px;
    line-height: 1;
    margin: 0;
}

.com_crumb{
    margin: 48px 0 24px; color: #333333;
}
.com_crumb .com_crumb_link::after{border-color: #333;}

/* main{background-color: #F9F9F9;} */
.container .float_l{width:920px;}
.container .float_r{width:300px;}

.list-nav-cont{border-bottom: 1px solid #DADADA;margin-bottom: 24px;position: relative;}
.list-nav-item{
    padding: 24px 0 18px;
     margin-right: 48px;
    font-size: 24px; font-family: MicrosoftXYaHei;
    color: #000000; line-height: 1; display: inline-block;
}
.list-nav-item a{color: inherit;}
.list-nav-item.active,
.list-nav-item:hover{font-weight: 600;position: relative;}
/* .list-nav-cont::after */
.list-nav-item.active::after
{
    content: "";
    /* width: 100px; */ width:100%;
    height: 3px; position: absolute;
    background: #3269FF; bottom: -1px; left: 0;
    border-radius: 2px; -webkit-transition: left ease .2s; transition: left ease .2s;
}

.list-main .list-item{padding: 12px 0;}
.list-main .article-img-link{
    width: 180px; float: left; float: left;
    height: 112.5px; overflow: hidden;
}
.list-main .article-img-link .img{ width: 100%; height: 100%;-o-object-fit: cover;object-fit: cover;background-color: #b7b7b7;border-radius: 12px;}
.list-item-right{
    margin-left: 205px;
}
.list-main .list-item-top{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;}
.list-main .list-item-top .article-title{position: relative;}
.list-main .list-item-top .article-title .article-link{
    font-size: 18px; padding: 13px 0 19px; max-width: 450px;
    font-family: MicrosoftXYaHei; white-space: nowrap; overflow: hidden;
    font-weight: bold; text-overflow: ellipsis;
    color: #000000; line-height: 24px;display: block;
}
.list-main .list-item-top .article-title::after{
    content: ""; position: absolute;
    width: 48px;  height: 4px;
    background-color: #3269FF;  border-radius: 2px;
    bottom: 0;left: 0;-webkit-transition: width ease .2s;transition: width ease .2s;
}
.list-main .list-item-top .view{
    font-size: 14px;    color: #999999;    line-height: 24px;
}
.list-main .list-item-top .view .article-time{
    margin-left: 36px; padding-left: 24px;
    background: url(/public/img/icon-time.png) no-repeat left center / 18px;
}
.list-main  .list-item-right .article-desc{
    font-size: 16px; margin-top: 14px;
    color: #333333; line-height: 20px;
}


.container .float_r form {
	position:relative;
	width:100%;
	margin-top:24px;
} 
.bar6 select{
	display:none;
}
.bar6 input {
	width:100%;
	height:42px;
	border:2px solid #3269FF;
	border-radius:5px;
	background:transparent;
	top:0;
    padding: 4px 12px;
    right: 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}
.bar6 button {
    width: 42px;
    cursor: pointer;
    position: absolute;
    background: transparent;
    /* background: #ffffff; */
    background-image: url(/public/img/icon-find.png);
    background-repeat: no-repeat;
    background-position: center;
    border: none;
    top: 1px;
    right: 1px;
    padding: 0px;
    bottom: 1px;
    border-radius: 6px;
}
.article-right-cont .list-title{border-bottom: 1px solid #DADADA;margin-bottom: 24px; margin-top:24px;position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;}
.article-right-cont .list-title .rec-title{
    padding: 24px 0 18px;
     margin-right: 48px; font-weight: 600;
    font-size: 24px; font-family: MicrosoftXYaHei;
    color: #000000; line-height: 1; display: inline-block;
}
.article-right-cont .list-title::after{
    content: "";width: 100px;
    height: 3px; position: absolute;
    background: #3269FF; bottom: -2px; left: 0;
    border-radius: 2px; -webkit-transition: left ease .2s; transition: left ease .2s;
}
.article-right-cont .list-title .rec-more{
    font-size: 16px;
    font-family: MicrosoftXYaHei;
    color: #3269FF;
    line-height: 24px;
}
.article-right-cont .list-title .rec-more:hover{text-decoration: underline;}
.article-right-cont .rec-list-cont{
    margin-bottom: 16px;
}
.article-right-cont .rec-list-cont .rec-list-item{
    padding: 15px 0;
}
.article-right-cont .rec-list-cont .rec-list-item .rec-list-left{
	float:left;
	margin-right:10px;
}
.article-right-cont .rec-list-cont .rec-list-item .rec-list-left img{
	width:100px; border-radius: 6px;
	height:62px;background-color: #b7b7b7;
}
.article-right-cont .rec-list-cont .rec-list-title{
    font-size: 16px; display: block;
    font-family: MicrosoftXYaHei; margin-bottom: 12px;
    overflow: hidden;
    color: #000000; 
    line-height: 1.3rem; text-overflow: ellipsis;
	white-space:nowrap;
}
.article-right-cont .rec-list-cont .rec-list-time{
    padding-left: 24px; color: #999999; font-size: 14px;
}

.article-right-cont .rec-list-cont .rec-list-title:hover{color: var(--theme-color);}
.list-main .list-item-top .article-title:hover .article-link{
    color: var(--theme-color);
}
.list-main .list-item-top .article-title:hover::after{width: 100%;}


@media screen and (max-width:768px) {
    body{background-color: #f9f9f9;}
    .banner-section{
        min-width: auto;
        height: 64vw; text-align: center;
        background-image: url(/public/img/a02390df5f;u4dfsga86069806b618f95f4b7ba6e1d0a0-PCGUsR.png);
        padding-top: 30vw;
    }
    .banner-title{
        font-size: 28px; margin-bottom: 18px;
    }
    .banner-text{
        font-size: 12px;
    }
    .com_crumb{
        margin: 24px 0;
    }
    .banner-section .banner-btn{display: none;}
    /* main{background-color: #F9F9F9;} */
    .container .float_l{width:100%}
    .container .float_r{width:100%}
    
    .list-nav-cont{margin-bottom: 15px;}
    .list-nav-item{
        padding: 8px 0 14px;
        margin-right: 32px;
        font-size: 18px; 
    }
    .list-nav-cont::after{
        width: 76px;
        height: 2px; 
    }
    
    .list-main .list-item{padding: 9px 0;}
    .list-main .article-img-link{
        width: 90px; height: 70px;
    }
    .list-item-right{
        margin-left: 110px;
    }
    .list-main .list-item-top .article-title .article-link{
        font-size: 15px; padding: 0 0 10px; max-width: auto; line-height: 19px;    white-space: normal;
    }
    .list-main .list-item-top .article-title::after{
        width: 24px;  height: 2px;
    }
    .list-main .list-item-top .view{
        display: none;
    }
    .list-main  .list-item-right .article-desc{
        font-size: 12px; margin-top: 10px; line-height: 15px;
        display: -webkit-box; -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden; text-overflow: ellipsis;
    }
    .container .float_r form {
	margin-top:0px;
   } 
    .article-right-cont .list-title{margin-bottom: 12px;}
    .article-right-cont .list-title .rec-title{
        padding: 20px 0 12px;
        font-size: 18px; 
    }
    .article-right-cont .list-title::after{
        width: 76px;
        height: 2px; bottom: -1px; 
    }
    .article-right-cont .list-title .rec-more{
        font-size: 12px;
        line-height: 18px;
    }
    .article-right-cont .rec-list-cont{
        margin-bottom: 8px;
    }
    .article-right-cont .rec-list-cont .rec-list-item{
        padding: 12px 0;
    }
    .article-right-cont .rec-list-cont .rec-list-title{
        font-size: 14px;  margin-bottom: 8px;
    }
    .article-right-cont .rec-list-cont .rec-list-time{
        padding-left: 14px; font-size: 12px;
        background: url(/public/img/icon-time.png) no-repeat left center / 9px;
    }    
    
}


/* 列表 pagination */
.com_pager li select{
    margin-left: 0; border: none;
}



/* 详情 */
.article-section .container .float_l{width:900px;}
.article-section .container .float_r{width:290px;}
.com_crumb.yx_details{margin: 130px 0 36px; color: #333;}
/* .yx_details.com_crumb .com_crumb_link::after{background-color: #333;} */

.article-section .container{
    padding: 24px 0 64px;
    background: #FFFFFF;
    border-radius: 6px;
}
.article-section .article-title{
    font-size: 36px;
    font-family: MicrosoftXYaHei;
    font-weight: bold;
    color: #333333;
    line-height: 1;
    padding-bottom: 24px;

}
.article-section .article-info{
    padding-bottom: 24px; font-size: 14px;
    margin-bottom: 36px; color: #999999;
    border-bottom: 1px solid #DADADA;
}
.article-section .article-content{
    line-height: 1.8rem;
    font-size: 16px;
    font-weight: 400;
    color: #666666;
}
.article-section .article-content p{
    margin: 2rem 0;
}
.article-section .article-content img{
    max-width:100%;
    /* min-width:100%;height: auto!important; */
}
.article-section .article-content a{
	width:70%;
	text-align:center;
	display: block;
    margin: 10px auto;
    padding: 15px 0px;
    border: 1px solid #cccccc;
    letter-spacing: 0.1rem;
    /* -----ICP  临时----- */
    /* display: none; */
    /* ------------------- */
}
/* ---ICP-- */
.article-section .article-content .btn-fack{
    width:70%;
	text-align:center;
	display: block;
    margin: 10px auto;
    padding: 15px 0px;
    border: 1px solid #cccccc;
    letter-spacing: 0.1rem;
    position: relative;
    cursor: pointer;
    font-size: 24px;
}
.article-section .article-content .lock{
    display: inline-block;
    /* width: 167px; */
    width: 340px;
    height: 40px;
    -webkit-box-shadow: 0 2px 4px 0 rgba(252,85,49,20%);
    box-shadow: 0 2px 4px 0 rgba(252,85,49,20%);
    border-radius: 20px;
    border: 1px solid #fc5531;
    font-size: 14px;
    font-weight: 500;
    color: #fc5531;
    line-height: 40px;
    padding: 0;
    margin: 8px auto;
    text-align: center;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    -webkit-backdrop-filter: blur(1px);
            backdrop-filter: blur(1px);
    background-color: rgb(255 255 255 / 80%);
    font-weight: 600;
}

.pay-area-wraper {
    padding: 30px 24px;
    height: 200px;
}

.pay-area-wraper .channel-desc-wrap {
    display: none;
}

.pay-area-wraper .scan-wrap {
    float: left;
    position: relative;
    overflow: hidden;
}

.pay-area-wraper .right-tip-box {
    overflow: hidden;
    position: relative;
    padding-left: 28px;
    margin-top: 12px;
}

.pay-area-wraper .count-time {
    display: block;
    position: relative;
    overflow: hidden;
    margin: 0 0 13px -9px;
    padding: 7px 0 7px 18px;
    width: 214px;
    height: 17px;
    line-height: 17px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAANYAAAAcCAYAAAAdkEH8AAAAAXNSR0IArs4c6QAAAn5JREFUeAHt3Muq00Acx/Ek9PQKhbb0hhTFrU9QXPgCrrp1J658DV/BdbfuXPkEInTpwp2u7YVi2lJLLynW//+YU+ZwkjGnObt8B4aGZDKQD/0xSacZ1/lPmUwmTWkylNqXWpfqSqUggMA/gZN8+FJHUl93u9257raGZDqdvpQ2HyuVylWxWHRyuZyeQ0EAAUPgeDw6u93O2Ww2gewedDqdT7HB0pHKdd2ftVrtKp/PG92wiQACUQKHw8FZLBbB6XR65EU1CPcNdaQiVBYhDiFgCGhWNDOya2gLVl9v/ygIIJBcIMxM3xasOs9UyUFpiYAKhJmp24IV+/wFIQIIWAVcW7CsZ3IQAQTiBSKDJb9qRO6P74YjCCBgCtwJkMxdVWaz2bdCoWC2YxsBBO4hcGvGdzweP5bR6mu5XK5Vq9V7dENTBBAwBc4jloxSz2VC+LsEilCZQmwjcIHAdbDm8/kbGak+y78s8jJaXdANpyCAgCmQk5HqvYTqbaPRcJm3MmnYRuByAR2xZhIsRysFAQQeRsBrt9vvPM975fv+n/1+/zC90gsCGRe4fsZqNpsfJFwvlstlsN1uM07C5SOQXuD8q2Cr1foSBMGz9Xr9W0r6nukBgQwLnIOlBr1e70epVHoiL2xNVqtVhlm4dATSCdwKlnYl81i/5LnrKbeE6WA5O9sCd4KlHDJRvMs2C1ePQDqByGCl65KzEUDAFiwmtvh+IHCZgPX1EF9Xn6EggEBygTAzvm3EGumSThQEEEguEGZmFPv6PcufJcekJQIqkGj5s3BFz4Guk6YTxtwW8uVBIFpAs6EZ0axIi4FmJ3bEuumCJaZvJPhEIFIgconpv39Wtku4KqHHAAAAAElFTkSuQmCC) no-repeat 0 0;
    background-size: 100% 100%;
    -webkit-box-sizing: content-box;
            box-sizing: content-box;
    font-family: PingFangSC-Semibold;
    font-size: 14px;
    color: #f7603e;
    letter-spacing: 0;;
}
.pay-area-wraper .count-time-num{font-style: normal;}
.pay-area-wraper .pay-tip-wrap {
    margin-top: 34px;
}

.pay-area-wraper .scan-pay-tip {
    font-family: PingFangSC-Medium;
    font-size: 14px;
    line-height: 14px;
    color: #222;
    opacity: .9;
    /* margin-left: 12px; */
}

.pay-area-wraper .price-wrap {
    margin-top: 13px;
    /* margin-left: 9px; */
    height: 33px;
    line-height: 33px;
    font-size: 14px;
    color: #222;
}

.pay-area-wraper span.price-unit {
    font-family: PingFangSC-Regular;
    font-size: 22px;
    color: #f7603e;
    vertical-align: 1px;
}

.pay-area-wraper span.price {
    font-family: Impact;
    color: #f7603e;
    font-size: 36px;
}

.pay-area-wraper span.sale-price-text {
    margin-left: 12px;
    font-family: PingFangSC-Regular;
    font-size: 14px;
    color: #f7603e;
    vertical-align: 5px;
}
/* -------- */
.article-section .article-footer a:hover{
	color:#3269FF;
}
.article-section .article-info .article-info-item{
    margin-left: 24px; 
	padding-left: 24px;
	border-left:1px solid;
}
.article-section .article-right-cont .list-title .rec-title{padding-top: 0;}
div#pdfCont{margin-top:24px}
div#pdfCont img {
    width: 100%;
}
.article-section .article-footer p{
	width:90%;
	margin-top:12px;
	background: #FAFAFA;
    border-radius: 6px;
    font-size: 16px;
    font-weight: 400;
    color: #444444;
    line-height: 4rem;
	padding-left:12px;
}


@media screen and (max-width:768px) {

    .yx_details.com_crumb{margin: 86px 0 24px;}

    .article-section .container{
        padding: 0; background-color: transparent;
    }
    .article-section .container .float_l{ 
        padding: 40px 18px; width: 100%;
        border-radius: 3px; background-color: transparent;
        margin-bottom: 36px; background-color: #fff;}
    .article-section .container .float_r{width: 100%;    margin-bottom: 48px;}
    .article-section .article-title{
        font-size: 20px;
    padding-bottom: 16px;
    line-height: 1.6rem;
    text-align: center;
    }
    .article-section .article-info{
        font-size: 12px;
        margin-bottom: 36px;
    }
    .article-section .article-info .article-info-time{
        margin-left: 24px; padding-left: 14px; 
        background: url(/public/img/icon-time.png) no-repeat left center / 9px;
    }
	.article-section .article-content img{
		width: 100% !important;
        height: auto !important;
	}
	.article-section .article-footer p{
		overflow:hidden;
		white-space: nowrap;
         width: 100%;
	}
	.article-section .article-info span{
		display: block;
        text-align: center;
	}
	.article-section .article-info .article-info-item{
    display: inline;
    margin-left: 16%;
    line-height: 1.8rem;
    padding-left: 0px;
    border-left: none;
	}
	.article-section .article-content{
		line-height:1.6rem;
	}
	.article-right-cont{
		clear:both;
	}
}


/* 详情---图片弹出 */
.pdfCongLy img {width:100vw}
.layui-layer-dialog.pdfCongLy .layui-layer-content{padding:0;background-color: #000;}
.pdfCongLy .swiper-slide{height: 100vh;    text-align: center;
    background: #000;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;}
.pdfCongLy .layui-layer-setwin{z-index: 1;}
.pdfCongLy .layui-layer-setwin .layui-layer-close2{right: 0;top: 0;}