/* 案例详情统一背景 */
.alxqbg{
	background: #f6f6f8;
}

/* banner开始 */
.alxqbanner {
    height: 4rem;
    position: relative;
	background-position: bottom!important;
}

.alxqbanner .bg{
    filter: blur(.8rem);
    z-index: 0;
    position: absolute;
}

.alxqbanner > .wp{
    position:relative;
    z-index:1;
}

/* .alxqbanner::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 300px;
    background: url(../images/aljianbian.png)no-repeat;
    background-size: cover;
} */

.alxqbanner .alname {
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
}

.alxqbanner .alname h5 {
    color: #fff;
    font-size: var(--f66);
    line-height: 1.5;
}

.alxqbanner .alname div {
    display: flex;
    align-items: center;
    gap: 0.175rem;
}

.alxqbanner .alname div h6 {
    font-size: var(--f30);
    line-height: 1.5;
    color: #fff;
    text-transform: uppercase;
    font-family: 'en-font' !important;
}

.alxqbanner .wp-cont {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.alxqbanner .alname div a {
    width: 0.26875rem;
    height: 0.26875rem;
    position: relative;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.alxqbanner .alname div a::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: url(../images/btn-play.png)no-repeat;
    background-size: cover;
    animation: roll 3s infinite linear;
}

.alxqbanner .alfk {
    display: flex;
    align-items: center;
    gap: 0.5625rem;
    padding-top: 0.2rem;
}

.alxqbanner .alfk>div {
    display: flex;
    align-items: flex-end;
}

.alxqbanner .alfk p {
    color: #fff;
    font-size: var(--f18);
    line-height: 1.5;
}

.alxqbanner .alfk>div div {
    display: flex;
    align-items: flex-end;

}

.alxqbanner .alfk>div span {
    color: #fff;
    font-family: avantgardebold;
    font-size: var(--f70);
    line-height: .9375;
    /* width: 0.8rem; */
    text-align: center;
	font-family: 'num-font';
	margin-left: 0.1rem;
}

.alxqbanner .alfk>div em {
    font-size: var(--f40);
    color: #fff;
}
/* banner结束 */



/* 详情内容部分开始 */
.alnr .wp-cont {
    display: flex;
    align-items: flex-start;
}

.alnr .wp-cont .alleft {
    /* max-width: 7.625rem; */
	/* width: 60%; */
    /* width: 100%; */
	flex: 1;
    background: #fff;
    padding: 0.25rem 0.175rem 0.225rem;
    margin-top: -0.4rem;
	z-index: 1;
    border-radius: .05rem 0rem 0rem .05rem;
}

.alnr .wp-cont .alleft .alhead {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: .0875rem;
    border-bottom: 1px solid #e8e8e8;
    margin-bottom: 0.1375rem;
}


.alnr .wp-cont .alleft .alhead div {
    display: flex;
    align-items: center;
    gap: 10px;
}

.alnr .wp-cont .alleft .alhead .alyead {
    color: #424242;
    font-size: var(--f20);
	font-weight: bold;
    line-height: 1.5;
}

.alnr .wp-cont .alleft .alhead .alliulan {
    color: #999999;
    font-size: var(--f16);
    line-height: 1.5;
}

.alnr .wp-cont .alleft .alhead .alliulan i {
    font-size: var(--f24);
}

.alnr .wp-cont .alleft .ar-article h5 {
    color: #3b3b3b;
    font-size: var(--f20);
    line-height: 1.25;
    margin-bottom: .075rem;
}

.alnr .wp-cont .alleft .ar-article p {
    color: #696969;
    font-size: var(--f18);
    line-height: 2.2em;
}

.alnr .wp-cont .alright {
    /* padding: 0.25rem 0.3rem 1rem; */
    padding: 0.20rem;
    width: 2.29rem;
    margin-top: -0.9rem;
    background: #005ab2;
    display: grid;
    gap: 0.3575rem;
    position: sticky;
    z-index: 0;
    top: 0.5rem;
	overflow: hidden;
    border-radius: .05rem;
}

.alnr .wp-cont .alright::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: url(../images/alxqbg.png)center center no-repeat;
    background-size: 100% auto;
    bottom: -30%;
    z-index: -1;
}

.alnr .wp-cont .alright h5 {
    font-size: var(--f28);
    line-height: 1.5;
    color: #fff;
    margin-bottom: 0.2rem;
}

.alnr .wp-cont .alright ul {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.1rem 0.15rem;
}

.alnr .wp-cont .alright ul li {
    color: #fff;
    font-size: var(--f17);
    line-height: 1.5;
    padding-left: 0.1rem;
    position: relative;
}

.alnr .wp-cont .alright ul li::before {
    content: '';
    position: absolute;
    width: 8px;
    height: 8px;
    background: #fff;
    border-radius: 50%;
    left: 0;
    top: 50%;
    transform: translate(0, -50%);
}

.alnr .wp-cont .alright .tsmore {
    display: flex;
    flex-direction: column;
    gap: 0.13125rem;
}

.alnr .wp-cont .alright .tsmore a {
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #fff;
    border-radius: 0.1875rem;
    color: #fff;

    line-height: 1.5;
    font-size: var(--f18);
    transition: all .5s;
    height: 0.3625rem;
}

.alnr .wp-cont .alright .tsmore a:first-child {
    color: #171717;
    background: #fff;
}

.alnr .wp-cont .alright .tsmore a:hover {
    /* color: #171717;
     * background: #fff; */
    font-size: var(--f20);
}

.alnr .wp-cont .alright .updown {
    /* display: flex;
     * align-items: center;
     * justify-content: space-between; */
}

.alnr .wp-cont .alright .updown a {
    color: #fff;
    font-size: var(--f22);
    line-height: 1.5;
    width: 100%;

}

.alnr .wp-cont .alright .updown .zy {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: 0.06rem;
}

.alnr .wp-cont .alright .updown .zy i {
    color: #fff;
    font-size: var(--f22);
}
.alnr .wp-cont .alright .goback{
    color: #fff;
    display: inline-block;
    margin: .3rem auto 0;
    font-size: var(--f20);
}
/* 详情内容部分结束 */