.application-detail{--background:linear-gradient(90deg,#004c86,#0070b6)}.application-detail .detail-header{height:600px;max-height:60vh;overflow:hidden;position:relative;width:100vw}.application-detail .detail-header img{left:50%;min-height:500px;min-width:100vw;top:50%;transform:translate(-50%,-50%)}.application-detail .detail-header .detail-header-text,.application-detail .detail-header img{position:absolute}.application-detail .detail-header .detail-header-text{bottom:10%;color:#fff;left:5%;right:5%;text-shadow:var(--color-blue) 1px 0 10px}.application-detail .detail-header .detail-header-text .header-title{font-size:40px;font-weight:600}.application-detail .detail-header .detail-header-text .header-text{font-size:24px;margin-top:20px}.application-detail .detail-content{align-items:center;display:flex;flex-direction:column;padding:60px 0}.application-detail .detail-page{min-width:1200px;width:1200px}.application-detail .detail-page:not(:first-child){margin-top:100px}.application-detail .detail-page .page-header{border-left:12px solid #58a8bd;color:#58a8bd;font-size:24px;font-weight:600;height:34px;line-height:32px;margin-bottom:20px;padding-left:18px}.application-detail .detail-page .page-desc{color:#062248;font-size:18px;font-weight:600;margin-top:8px;text-align:center}.application-detail .detail-page .problem-bolder{font-weight:600}.application-detail .detail-page .page-shadow{background:linear-gradient(0deg,#d0e2f4cc,#d0e2f410);bottom:4px;height:160px;left:0;position:absolute;right:0;transform:rotateX(60deg);transform-origin:50% 100%;z-index:-1}.application-detail .page-imgs{align-items:center;-moz-column-gap:1%;column-gap:1%;display:flex;justify-content:center;margin-top:20px}.application-detail .page-imgs img{border-radius:10px;height:140px;-o-object-fit:cover;object-fit:cover;position:relative;width:20%;z-index:-1;-webkit-box-reflect:below .5px linear-gradient(180deg,transparent,transparent,transparent,rgba(0,0,0,.2))}.application-detail .page-img-texts{align-items:center;-moz-column-gap:12px;column-gap:12px;display:flex;font-size:16px;justify-content:center;margin-top:16px;padding:0 5%}.application-detail .page-img-texts span{background:var(--background);border-radius:20px;color:#fff;flex:1;padding:4px 0;text-align:center;-webkit-box-reflect:below .5px linear-gradient(180deg,transparent,transparent,rgba(0,0,0,.2))}.application-detail .page-sec,.application-detail .page-third{perspective:600px;perspective-origin:50% 50%;position:relative}.application-detail .page-sec .page-shadow{bottom:60px}.application-detail .page-third{align-items:center;display:flex;margin-top:20px;padding-bottom:20px;padding-left:10px}.application-detail .page-third .page-shadow{bottom:4px}.application-detail .page-third:after{background:var(--background);bottom:0;content:" ";height:4px;left:0;position:absolute;right:0}.application-detail .page-third .page-third-text{color:#5f7593;font-size:40px;font-weight:600;line-height:50px;margin-right:20px;width:80px}.application-detail .page-third .page-problems{display:flex;flex:1}.application-detail .page-third .page-problem{color:#5f7593;flex:1;font-size:14px;margin-left:40px}.application-detail .page-third .page-problem-title{font-size:22px;font-weight:600}.application-detail .page-end{perspective:600px;perspective-origin:50% 50%}.application-detail .page-end-text{background:linear-gradient(180deg,#f7f9fb,#d6e1ea);-webkit-background-clip:text;background-clip:text;color:transparent;font-size:120px;font-weight:600;line-height:120px;margin-top:-50px;position:relative;text-align:center;transform:rotateX(60deg);transform-origin:50% 100%}.application-detail .page-end-text:after{background:linear-gradient(0deg,#d0e2f4cc,#d0e2f410);bottom:0;content:" ";height:160px;left:0;position:absolute;right:0;z-index:-1}.application-detail .page-characteristic,.application-detail .page-features{background:var(--background);color:#fff;font-size:22px;height:60px;line-height:60px;text-align:center;-webkit-box-reflect:below .5px linear-gradient(180deg,transparent,transparent,rgba(0,0,0,.3))}.application-detail .page-characteristic{margin-top:16px}.application-detail .page-features{align-items:center;-moz-column-gap:40px;column-gap:40px;display:flex;font-size:18px;height:unset;justify-content:center;min-height:60px}.application-detail .page-feature{font-size:18px;line-height:30px;padding:20px 10px;text-align:left}.application-detail .page-feature>div:first-child{font-weight:600}.application-detail .page-feature>div:first-child:before{background-color:#fff;content:" ";display:inline-block;height:12px;margin-right:12px;transform:rotate(45deg);width:12px}.application-detail .page-feature>div:nth-child(2){font-size:15px}.application-detail .detail-table{align-items:center;display:flex;justify-content:center;padding:40px}.application-detail .detail-table .app-part{flex:1;max-width:400px;min-width:200px;overflow:hidden}.application-detail .detail-table .app-part-item,.application-detail .detail-table .dts-part-item{display:flex;height:80px}.application-detail .detail-table .app-part-item:not(:first-child),.application-detail .detail-table .dts-part-item:not(:first-child){margin-top:10px}.application-detail .detail-table .app-part-item{border-bottom-left-radius:10px;border-top-left-radius:10px;overflow:hidden;position:relative}.application-detail .detail-table .app-part-item .part-name{align-items:center;background:linear-gradient(to right,rgba(36,106,161,0),var(--color-blue));color:var(--color-white);display:flex;font-size:18px;font-weight:600;margin-left:auto;padding-left:90px;padding-right:10px;width:200px}.application-detail .detail-table .app-part-item img{height:100%;inset:0;position:absolute;z-index:-1}.application-detail .detail-table .dts-part-item{align-items:center;flex-direction:column;justify-content:center;padding:10px}.application-detail .detail-table .dts-part-item:first-child{background-color:var(--color-blue);color:var(--color-white);font-size:20px;font-weight:900;padding:10px 30px}.application-detail .detail-table .dts-part-item:not(:first-child){background-color:#246aa11a;color:var(--color-blue)}.application-detail .detail-table .dts-part:nth-child(2) .dts-part-item:first-child{border-top-left-radius:20px}.application-detail .detail-table .dts-part:last-child .dts-part-item:first-child{border-top-right-radius:20px}