@charset "utf-8";

html, body{height:100%;}

/*   内容页弹窗 */


.details {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 9999;
    background-color: #08328fcc;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    padding: .4rem .55rem 0;
    pointer-events: none;
    transition: all .5s .5s;
    opacity: 0;
    transform: translateY(100%)
}

.details.on {
    transition: all .5s;
    opacity: 1;
    pointer-events: auto;
    transform: translateY(0)
}

.details.on .details-content {
    transition: all .5s .7s;
    transform: scale(1);
    height: 100%;
    pointer-events: auto;
    animation: _shans3 .35s .5s 1 forwards;
    padding-bottom: .85rem;
}

.details-content {
    position: relative;
    z-index: 9;
    transition: all .5s;
    transform-origin: center bottom;
    opacity: 0;
    animation: _shans2 .25s 1 forwards;
    display: flex;
    padding: .4rem 0 0;
 
}

.details-content .colse-details {
    position: absolute;
    right: .28rem;
    top: .28rem;
    z-index: 9;
    cursor: pointer;
opacity: 0;pointer-events: none;
}

.details-content .colse-details svg {
    display: block;
    width: .285rem
}

.details-content .colse-details:hover {
    transition: all .5s;
    transform: rotate(360deg)
}

.details-content .details-border1 {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    pointer-events: none;
    z-index: -1
}

.details-content .details-border1:before {
    content: "";
    position: absolute;
    top: .3rem;
    bottom: 0;
    left: 0;
    right: 0;
    border-left: 1px solid rgba(255,255,255,.3);
    border-right: 1px solid rgba(255,255,255,.3)
}

.details-content .details-border1:after {
    content: "";
    position: absolute;
    left: .3rem;
    right: .3rem;
    top: 0;
    bottom: 0;
    border-top: 1px solid rgba(255,255,255,.3)
}

.details-content .details-border2 {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    pointer-events: none;
    z-index: -1
}

.details-content .details-border2:before {
    content: "";
    position: absolute;
    right: .3rem;
    top: 0;
    height: .42rem;
    width: 1px;
    background: rgba(36,216,213,.6);
    transform: rotate(-45deg);
    transform-origin: left top;
    z-index: -1;
    pointer-events: none
}

.details-content .details-border2:after {
    content: "";
    position: absolute;
    right: auto;
    bottom: auto;
    height: .42rem;
    left: .3rem;
    top: 0;
    transform-origin: right top;
    width: 1px;
    background: rgba(36,216,213,.6);
    transform: rotate(45deg);
    z-index: -1;
    pointer-events: none
}

.details-content .details-jiao1 {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    pointer-events: none;
    z-index: -1
}

.details-content .details-jiao1:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: .6rem;
    height: .6rem;
    background: url(../images/aiznss-border.svg) no-repeat;
    background-position: left top;
    background-size: 16rem auto
}

.details-content .details-jiao1:after {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    width: .6rem;
    height: .6rem;
    background: url(../images/aiznss-border.svg) no-repeat;
    background-position: right top;
    background-size: 16rem auto
}

.details-content .details-l {
    width: 69.8%;
    height: 100%;
    padding: 0 .8rem 0 .7rem;
    display: flex;
    flex-direction: column
}

.details-content .details-l .details-tit {
    width: 100%;
    border-bottom: solid 1px #24d8d5;
    padding-bottom: .2rem;
    margin-bottom: .4rem
}

.details-content .details-l .details-tit h3 {
    font-size: .3rem;
    font-weight: 400;
    font-stretch: normal;
    line-height: .5rem;
    letter-spacing: -01px;
    color: #f3f3f3;
    text-align: center
}

.details-content .details-l .details-tit p {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: .04rem
}

.details-content .details-l .details-tit p span {
    font-size: .12rem;
    font-weight: 400;
    font-stretch: normal;
    line-height: .27rem;
    color: #f3f3f3;
    margin: 0 .1rem
}

.details-content .details-l .details-body {
    width: 100%;
    flex: 1;
    min-width: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0 .3rem;
    color:#fff;
    font-size: .16rem;
}

.details-content .details-l .details-body a{
    color: #24d8d5 !important;
}

.details-content .details-l .details-body::-webkit-scrollbar {
    display: none
}

.details-content .details-l .details-body p {
    background: none !important;
    font-size: .14rem;
    font-weight: 400;
    font-stretch: normal;
    line-height: .28rem;
    letter-spacing: -01px;
    color: #f3f3f3;
    text-align: justify
}

.details-content .details-r {
    position: relative;
    flex: 1;
    min-width: 0;
    height: 100%;
    padding-right: .17rem;
    padding-top: .3rem;
    padding-left: .65rem
}

.details-content .details-r:before {
    content: "";
    position: absolute;
    left: 0;
    top: 1rem;
    bottom: 0;
    border-left: 1px dashed rgba(255,255,255,.1)
}

.details-content .details-r .details-rscroll {
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto
}

.details-content .details-r .details-rscroll::-webkit-scrollbar {
    display: none
}

.details-content .details-r .details-rscroll .details-rbox {
    margin-top: .25rem
}

.details-content .details-r .details-rscroll .details-rbox .details-rname h3 {
    font-size: .2rem;
    font-weight: 400;
    font-stretch: normal;
    line-height: .3rem;
    letter-spacing: 1px;
    color: #f3f3f3
}

.details-content .details-r .details-rscroll .details-rbox .details-pubbor {
    margin-top: .13rem;
    position: relative;
    z-index: 1
}

.details-content .details-r .details-rscroll .details-rbox .details-pubbor a{
        color: #24d8d5;
}

.details-content .details-r .details-rscroll .details-rbox .details-pubbor:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: .15rem;
    bottom: .15rem;
    border-top: solid 1px rgba(36,216,213,.6);
    border-left: solid 1px rgba(36,216,213,.6);
    z-index: -1;
    pointer-events: none;
    transition: all .5s
}

.details-content .details-r .details-rscroll .details-rbox .details-pubbor:after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    left: .15rem;
    top: .15rem;
    border-bottom: solid 1px rgba(36,216,213,.6);
    border-right: solid 1px rgba(36,216,213,.6);
    z-index: -1;
    pointer-events: none;
    transition: all .5s
}

.details-content .details-r .details-rscroll .details-rbox .details-pubbor .details-pubbor-son {
    position: relative;
    background: rgba(255,255,255,.11);
    clip-path: polygon(0 0,calc(100% - .7292vw) 0,100% .7292vw,100% 100%,.7292vw 100%,0 calc(100% - .7292vw));
    z-index: 9
}

.details-content .details-r .details-rscroll .details-rbox .details-pubbor .details-pubbor-son:before {
    content: "";
    position: absolute;
    left: .15rem;
    bottom: 0;
    height: 1.0938vw;
    width: 1px;
    background: rgba(36,216,213,.6);
    transform: rotate(-45deg);
    transform-origin: right bottom;
    z-index: -1;
    pointer-events: none;
    transition: all .5s
}

.details-content .details-r .details-rscroll .details-rbox .details-pubbor .details-pubbor-son:after {
    content: "";
    position: absolute;
    right: .15rem;
    top: 0;
    height: 1.0938vw;
    width: 1px;
    background: rgba(36,216,213,.6);
    transform: rotate(-45deg);
    transform-origin: left top;
    z-index: -1;
    pointer-events: none;
    transition: all .5s
}

.details-content .details-r .details-rscroll .details-rbox .details-pubbor .details-pubbor-son .details-tit {
    margin: 0 .04rem;
    padding: .13rem .15rem .1rem;
    border-bottom: solid 1px rgba(36,216,213,.4)
}

.details-content .details-r .details-rscroll .details-rbox .details-pubbor .details-pubbor-son .details-tit h3 {
    font-size: .16rem;
    font-weight: 400;
    font-stretch: normal;
    line-height: .3rem;
    letter-spacing: 1px;
    color: #f3f3f3
}

.details-content .details-r .details-rscroll .details-rbox .details-pubbor .details-pubbor-son .details-more {
    display: flex;
    justify-content: flex-end
}

.details-content .details-r .details-rscroll .details-rbox .details-pubbor .details-pubbor-son .details-more a {
    display: block
}

.details-content .details-r .details-rscroll .details-rbox .details-pubbor .details-pubbor-son .details-more a img {
    display: block;
    width: .16rem
}

.details-content .details-r .details-rscroll .details-rbox .details-pubbor .details-pubbor-son .details-text {
    padding: .3rem .3rem .35rem .25rem
}

.details-content .details-r .details-rscroll .details-rbox .details-pubbor .details-pubbor-son .details-text p {
    font-size: .14rem;
    font-weight: 400;
    font-stretch: normal;
    line-height: .24rem;
    letter-spacing: 1px;
    color: #f3f3f3
}

.details-content .details-r .details-rscroll .details-rbox .details-pubbor .details-pubbor-son .details-con {
    padding: .15rem .2rem .2rem
}
.details-content .details-r .details-rscroll .details-rbox .details-pubbor .details-pubbor-son .details-con .aiznss-jx-xyldpic{
    padding:0;
}
.details-content .details-r .details-rscroll .details-rbox .details-pubbor .details-pubbor-son .details-con dl dd {
    display: flex;
    align-items: flex-start
}

.details-content .details-r .details-rscroll .details-rbox .details-pubbor .details-pubbor-son .details-con dl dd:before {
    content: "";
    display: block;
    width: .04rem;
    height: .04rem;
    border-radius: 50%;
    background-color: #24d8d5;
    margin-top: .13rem;
    margin-right: .09rem
}

.details-content .details-r .details-rscroll .details-rbox .details-pubbor .details-pubbor-son .details-con dl dd p {
    flex: 1;
    min-width: 0;
    font-size: .14rem;
    font-weight: 400;
    font-stretch: normal;
    line-height: .3rem;
    letter-spacing: 1px;
    color: #f3f3f3
}

.details-content .details-r .details-rscroll .details-rbox .details-pubbor .details-pubbor-son .details-con a.flex {
    display: flex;
    align-items: center
}

.details-content .details-r .details-rscroll .details-rbox .details-pubbor .details-pubbor-son .details-con a.flex .icons {
    margin-right: .2rem
}

.details-content .details-r .details-rscroll .details-rbox .details-pubbor .details-pubbor-son .details-con a.flex .icons img {
    display: block;
    width: .33rem
}

.details-content .details-r .details-rscroll .details-rbox .details-pubbor .details-pubbor-son .details-con a.flex p {
    flex: 1;
    min-width: 0;
    font-size: .12rem;
    font-weight: 400;
    font-stretch: normal;
    line-height: .3rem;
    letter-spacing: 1px;
    color: #f3f3f3
}

.details-content .details-r .details-rscroll .details-rbox .details-pubbor:hover:before {
    border-color: #fff
}

.details-content .details-r .details-rscroll .details-rbox .details-pubbor:hover:after {
    border-color: #fff
}

.details-content .details-r .details-rscroll .details-rbox .details-pubbor:hover .details-pubbor-son:before {
    background: #fff
}

.details-content .details-r .details-rscroll .details-rbox .details-pubbor:hover .details-pubbor-son:after {
    background: #fff
}


@keyframes _shans2{0%{opacity:0}25%{opacity:1}50%{opacity:0}75%{opacity:1}to{opacity:1}}
@keyframes _shans3{0%{opacity:1;transform:scale(1)}10%{opacity:0;transform:scale(1.1)}20%{opacity:1}30%{opacity:0}40%{opacity:1}50%{opacity:0}60%{opacity:1;transform:scale(1)}to{opacity:1;transform:scale(1)}}
.details-content .details-l .details-body p{background: none !important;}
.details-content .details-l .details-body p{/* color: #f3f3f3 !important; */background: none !important;}
.details-content .details-l .details-body table{max-width: 100% !important;border-color:#fff}
.details-content .details-l .details-body table td{border-color:rgba(255,255,255,.3) !important;}

.details-l form{
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
}




@media screen and (min-width:1025px){
 /* .details {
                background: no-repeat;
                padding: 0;} */

            .details-r .details-rscroll .details-pubbor dl dd p {
                display: flex;}

            .details-r .details-rscroll .details-pubbor dl dd p span {
                flex-shrink: 0;
                max-width: 100%;}

            .details-r .details-rscroll .details-pubbor dl dd p a {
                color: #24d8d5;
                flex-grow: 1;
                width: 10px;
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;}
            .details-pubbor .aiznss-jx-xyldpic{
                align-items: start;}
            .details-pubbor .aiznss-jx-xyldinfo p{
                display: flex;}
            .details-pubbor .aiznss-jx-xyldinfo p span{
                flex-shrink: 0;
                max-width: 100%;}
            .details-pubbor .aiznss-jx-xyldinfo p a {
                color: #24d8d5;
                flex-grow: 1;
                width: 10px;
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;}
}
/*  嵌套内容页移动端样式 */




.details-wbtn{position: fixed;right: 0;top: 50%;transform: translateY(-50%);z-index: 999;width: .6rem;display: none;}
.details-wbtn ul{position: relative;z-index: 1;padding-left: 0.04rem;}
.details-wbtn ul::before{content: "";position: absolute;left: 0.04rem;top: 0;right: 0;bottom: 0;background-image: linear-gradient(180deg,#0b2e88 0%,#1d55d8 100%);z-index: -1;pointer-events: none;clip-path: polygon(0.1rem 0,100% 0,100% 100%,.1rem 100%,0 calc(100% - .1rem),0 .1rem);}
.details-wbtn ul li{position: relative;z-index: 1;}
.details-wbtn ul li::before{content:"";position: absolute;position: absolute;left: -0.04rem;top: 0;right: 0;bottom: 0;z-index: -1;pointer-events: none;transition: all .5s;transform: translateX(100%);}
.details-wbtn ul li a{display: flex;flex-direction: column;font-size: .18rem;font-weight: 600;font-stretch: normal;line-height: .18rem;letter-spacing: 0rem;color: #f3f3f3;justify-content: center;align-items: center;padding: 0.25rem 0;opacity: .4;}
.details-wbtn ul li a b{writing-mode: vertical-lr;writing-mode: tb-lr;font-weight: 600;margin-top: 0.05rem;}
.details-wbtn ul li:nth-child(1):before{bottom:-.1rem;background-image: linear-gradient(180deg,#14bcc0 0%,#1b8bf3 100%);clip-path: polygon(0.1rem 0,100% 0,100% 100%,0 calc(100% - .25rem),0 .1rem);}
.details-wbtn ul li:nth-child(2):before{top:-.1rem;background-image: linear-gradient(180deg,#14bcc0 0%,#1b8bf3 100%);clip-path: polygon( 100% 0,100% 100%,.1rem 100%,0 calc(100% - .1rem),0 .25rem);}

.details-wbtn ul li.show a{opacity: 1;}
.details-wbtn ul li.show.active a{opacity: 1;}
.details-wbtn ul li.show.active::before{transform: translateX(0);}


@media screen and (max-width:1024px) {
    html{font-size: 100px;}
    body{font-size: .14rem;}
    .details-wbtn{display: block;}
    .details{padding: .1rem .1rem 0 .1rem;}
    .details.on .details-content{display: block;padding-bottom: .3rem;}
    .details-content .details-l{width: auto;padding: 0 .1rem;transition: all .5s;overflow-y: auto;}
    .details-content .details-l.hide{opacity: 0;pointer-events: none;}
    .details-content .details-r{position: fixed;width: 100%;top: 0.4rem;bottom: .3rem;z-index: 9;padding: 0 .15rem;height: calc(100% - .7rem);opacity: 0;transition: all .5s;pointer-events: none;}
    .details-content .details-r.show{opacity: 1;pointer-events: auto;}
    .details-content .colse-details{right: 0.2rem;top: 0.2rem;opacity: 0;pointer-events: none;display:none;}
    .details-content .colse-details.show{opacity: 1;pointer-events: auto;}
    .details-content .colse-details svg{width: .2rem;}
    .details-aijd{display: none;}
    .details-aitj{display: none;}
    .details-aijd.show{display: block;}
    .details-aitj.show{display: block;}
    .details-content .details-l .details-tit h3{font-size: .18rem;line-height: .34rem;}
    .details-content .details-l .details-body{padding: 0;overflow: hidden;}
    .details-content .details-l .details-body p,.details-content .details-l .details-body p *{font-size: .14rem !important;line-height: .3rem !important;}
    .details-l form{display: block;height: auto;}
}