*{margin: 0; padding: 0;}
.clear { clear:both;}
img { vertical-align:middle;max-width: 100%;}
a,a:hover {text-decoration: none;}
.details { width:1200px; margin: 0 auto;padding: 0;}
li {list-style: none;}
/*-----------*/

.banner {padding: 110px 0 70px;background: #000 url(https://www.5kplayer.com/software/image-style/update-check-new/banner-bg.jpg) no-repeat center top/cover;}
.banner-content {display: flex;align-items: center;flex-wrap: wrap;gap: 15px;}
.banner-left {width: 650px;}
h1 {font-size: 57px;color: #fff;line-height: 1;font-weight: 600;padding: 22px 0 14px;}
.banner-h3 {font-size: 19px;color: #fff;line-height: 1.1;}
.banner-p {font-size: 15px;color: #a7a7a7;line-height: 1.6;padding: 22px 125px 22px 0;}
.banner-feature-title {font-size: 17px;color: #fff;line-height: 1.1;}
.banner-features {display: flex;flex-wrap: wrap;padding: 15px 0 30px;}
.banner-features>li {padding: 0 10px 8px 13px;font-size: 15px;color: #ff9500;line-height: 1.1;background: url(https://www.5kplayer.com/software/image-style/update-check-new/banner-star.png) no-repeat left 3px;}
.the-buttons {display: flex;flex-wrap: wrap;gap: 12px;}
.the-button {display: flex;justify-content: center;align-items: center;width: 315px;height: 60px;font-size: 17px;color: #fff;box-sizing: border-box;border: 2px solid #94cd3e;background-color: #94cd3e;border-radius: 30px;}
.the-button:hover {color: #fff;}
.the-button.copy-button {background-color: transparent;cursor: inherit;}
.copy-icon {width: 16px;height: 16px;margin-left: 7px;position: relative;cursor: pointer;}
.copy-icon.active {box-sizing: border-box;border: 1px solid #94cd3e;border-radius: 50%;}
.copy-icon::before,.copy-icon::after {content: "";width: 9px;height: 9px;border: 1px solid #fff;background-color: #000;border-radius: 2px;position: absolute;top: 5px;left: 5px;}
.copy-icon::after {top: 0px;left: 0px;}
.copy-icon.active.active::before {border: none;width: 3px;height: 7px;transform: rotate(45deg);border-right: 2px solid #94cd3e;border-bottom: 2px solid #94cd3e;background-color: transparent;top: 2px;}
.copy-icon.active.active::after {display: none;}
.button-info {font-size: 13px;color: #5b5b5b;line-height: 1;text-align: center;padding: 6px 0;}
.banner-right {width: 535px;display: flex;}
.banner-right>a {flex-shrink: 0;}
.banner-right>a>img {max-width: initial;}

.main-h2 {font-size: 40px;color: #000;line-height: 1.1;font-weight: 600;text-align: center;}
.main-h2>span {color: #ff9500;}

.table {padding: 15px 0 0;background: #fff url(https://www.5kplayer.com/software/image-style/update-check-new/table-bg.jpg) no-repeat center top;color: #000;}
.table-top-p {font-size: 13px;color: #8d8d8d;line-height: 1.1;padding-bottom: 54px;text-align: center;}
.table-intro {display: flex;justify-content: center;align-items: center;flex-wrap: wrap;gap: 40px;padding: 50px 0 80px;font-size: 19px;line-height: 1.1;color: #4c4c4c;}
.table-intro-left b {color: #000;}
.table-intro-left li+li {margin-top: 20px;}
.table-intro-center {width: 1px;height: 100px;background-color: #ccc;}
.table-intro-right ul {padding-left: 22px;}
.table-intro-right li {margin-top: 8px;list-style: disc;}
.table-intro-right li::marker {color: #4d4d4d;}
.table-content {background-color: #fff;border-radius: 30px;box-shadow: 0 0 30px 0 rgba(0,0,0,0.1);position: relative;}
.table-top {display: flex;justify-content: center;align-items: flex-end;flex-wrap: wrap;}
.table-top-left {width: 315px;padding-bottom: 50px;}
.table-circle-arrow {display: block;width: 77px;height: 77px;color: #3bbd54;border: 3px solid;border-radius: 50%;position: relative;}
.table-circle-arrow::before {content: "";display: block;width: 16px;height: 16px;border-left: 10px solid;border-top: 10px solid;transform: rotate(45deg);margin: 22px 0 0 26px;}
.table-circle-arrow::after {content: "";display: block;width: 10px;height: 32px;background-color: currentColor;position: absolute;top: 28px;left: 50%;margin-left: -5px;}
.table-top-left-h3 {font-size: 40px;line-height: 1;display: block;margin: 18px 0 6px;font-weight: 600;}
.table-top-left-p {font-size: 17px;color: #40414a;line-height: 1.5;text-align: left;}
.table-top-center {width: 345px;padding: 0 52px 50px 0;text-align: center;}
.table-top-center-logo {position: relative;}
.table-arrow1,.table-arrow2 {position: absolute;}
.table-arrow1 {right: 50%;margin-right: 48px;bottom: -23px;}
.table-arrow2 {left: 50%;margin-left: 38px;bottom: -26px;}
.table-top-center-h3 {font-size: 23px;color: #333;line-height: 1;font-weight: 600;margin: 20px 0 10px;}
.table-top-center-p {font-size: 17px;color: #40414a;line-height: 1.1;margin-bottom: 22px;}
.table-top-center .the-buttons,.table-top-right .the-buttons {justify-content: center;}
.table-top-center .the-button {width: 220px;height: 45px;background-color: transparent;border-color: #000;color: #000;}
.table-top-right {width: 331px;height: 409px;box-sizing: border-box;padding: 0 10px 18px;background: url(https://www.5kplayer.com/software/image-style/update-check-new/table-img.jpg);border-radius: 20px;overflow: hidden;display: flex;flex-direction: column;justify-content: flex-end;align-items: center;margin-top: -46px;}
.table-top-right-h3 {font-size: 27px;line-height: 1;font-weight: 600;}
.table-top-right-p {font-size: 17px;color: #40414a;line-height: 1.1;margin: 10px 0 14px;}
.table-top-right .the-buttons {gap: 8px;}
.table-top-right .the-button {width: 254px;height: 45px;}
.table-top-right .the-button.copy-button {height: 31px;border: 1px dashed;color: #747879;font-size: 15px;}
.table-top-right .copy-icon::before, .table-top-right .copy-icon::after {border-color: #747879;background-color: #e0e9eb;}
.table-wrap {padding: 30px 30px 10px;}
table {width: 100%;}
table td {text-align: center;}
table td span {color: #ff3020;}
table tr:nth-child(odd) td {background-color: #f3f5f6;}
table tr:nth-child(odd) td:first-child {border-radius: 10px 0 0 10px;}
table tr:nth-child(odd) td:last-child {border-radius: 0 10px 10px 0;}
table td:first-child {font-size: 17px;color: #40414a;line-height: 1.1;padding: 14px 0 14px 50px;text-align: left;}
.table-yes, .table-no {display: flex;justify-content: center;align-items: center;position: relative;width: 22px;margin: 0 auto;}
.table-yes::before, .table-no::before {content: "";width: 22px;height: 22px;background-color: #3bbd54;border-radius: 50%;overflow: hidden;}
.table-no::before {background-color: #c2c2c2;}
.table-yes::after {content: "";width: 4px;height: 9px;border-right: 2px solid #fff;border-bottom: 2px solid #fff;transform: rotate(45deg);position: absolute;top: 4px;left: 8px;}
.table-no::after {content: "";width: 10px;height: 2px;background-color: #fff;position: absolute;top: 10px;left: 6px;}

.anim {padding: 80px 0 65px;background-color: #fff;}
.anim-p {font-size: 17px;color: #494949;line-height: 1.5;padding: 26px 0 44px;text-align: center;}
.anim-wrap {margin-bottom: 53px;perspective: 1200px;position: relative;}
.anim-toggle {width: 175px;height: 360px;cursor: pointer;position: absolute;z-index: 2;top: 50%;margin-top: -180px;}
.left-toggle {left: 65px;}
.right-toggle {right: 65px;}
.anim-imgs {width: 720px;height: 440px;margin: 0 auto;position: relative;transform-style: preserve-3d;}
.anim-img {width: 720px;height: 440px;border: 2px solid #fff;border-radius: 24px;overflow: hidden;position: absolute;top: 0;left: 0;transform: translate3d(0,0,-1000px);transition: all 0.5s;}
.anim-img.active {transform: translate3d(0,0,0);}
.anim-img.active-l {transform: translate3d(-380px,0,-500px) rotateY(40deg);}
.anim-img.active-r {transform: translate3d(380px,0,-500px) rotateY(-40deg);}
.anim .the-buttons,
.video .the-buttons,
.quality .the-buttons {flex-direction: column;align-items: center;}
.anim .the-button,.video .the-button,
.quality .the-button {width: 320px;}
.anim .the-button.copy-button,
.video .the-button.copy-button,
.quality .the-button.copy-button {height: 45px;border: 1px dashed #707475;color: #707475;}
.anim .copy-icon::before,.anim .copy-icon::after,
.quality .copy-icon::before,.quality .copy-icon::after {border-color: #707475;background-color: #fff;}

.video {padding: 78px 0 70px;background: #000 url(https://www.5kplayer.com/software/image-style/update-check-new/video-bg.jpg) no-repeat center center/cover;color: #fff;}
.video .details {width: 1100px;}
.video .main-h2 {color: #fff;white-space: nowrap;display: flex;justify-content: center;}
.video-p {font-size: 17px;color: #a7a7a7;line-height: 1.1;margin: 30px 0 52px;text-align: center;}
.video-content {display: flex;justify-content: center;flex-wrap: wrap;gap: 32px;margin-bottom: 42px;}
.video-left {width: 405px;}
.video-h3 {font-size: 33px;line-height: 1;font-weight: 600;}
.video-left-p {font-size: 15px;line-height: 1.5;margin: 12px 0 22px;}
.video-item {margin-bottom: 20px;}
.video-item-title {display: flex;align-items: center;font-size: 19px;color: #ff9500;line-height: 1;gap: 12px;margin-bottom: 13px;}
.video-item-title::before {content: "";flex-shrink: 0;width: 41px;height: 41px;border-radius: 8px;background: #2b2e3a url(https://www.5kplayer.com/software/image-style/update-check-new/video-icons.png) no-repeat 6px 8px;}
.video-item:nth-child(2) .video-item-title::before {background-position-y: -81px;}
.video-item:nth-child(3) .video-item-title::before {background-position-y: -171px;}
.video-item:nth-child(4) .video-item-title::before {background-position-y: -262px;}
.video-item-p {font-size: 15px;color: #a7a7a7;line-height: 1.1;}
.video-right {width: 658px;position: relative;}
.video-inner {width: 100%;position: absolute;top: 6.12%;left: 0;}
.video-inner::before {content: "";display: block;padding-top: 56.25%;}
.video-inner video {width: 100%;height: 100%;position: absolute;top: 0;left: 0;}
.video .the-button.copy-button {border-color: #6e7273;color: #fff;}
.video .copy-icon::after {border-color: #fff;background-color: #000;}

.quality {padding: 74px 0 78px;background-color: #fff;text-align: center;color: #000;}
.quality-p {font-size: 17px;line-height: 1.1;margin: 30px 0 38px;}
.quality-compare {display: flex;justify-content: center;flex-wrap: wrap;gap: 230px;padding: 40px 0;}
.quality-compare-title {font-size: 25px;line-height: 1;display: flex;align-items: center;margin-bottom: 17px;}
.quality-compare-title>b {font-size: 45px;line-height: 1;background: linear-gradient(to right, #71c4ff, #4729ff);background-clip: text;-webkit-background-clip: text;-webkit-text-fill-color: transparent;margin-left: 5px;}
.quality-lists {display: flex;gap: 20px;text-align: left;flex-wrap: wrap;}
.quality-lists ul {padding-left: 21px;width: 230px;box-sizing: border-box;}
.quality-lists li {font-size: 15px;line-height: 1;list-style: disc;margin-bottom: 11px;}

.solution{background-color:#e7f2ff;text-align:center;color:#000000;padding:80px 0;}
.solution-data{display:flex;justify-content:center;align-items:center;flex-wrap: wrap;gap:130px;margin:50px 0;}
.solution-data-nums{font-size:56px;font-weight:700;line-height:1.4;background:linear-gradient(to right,#71c4ff,#4729ff);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;}
.solution-data-name{font-size:15px;line-height:1.4;font-weight:700;}
.marquee{display:flex;overflow:hidden;width:100%;padding-top:5px;padding-bottom:5px;}
.marquee-item{display:flex;white-space:nowrap;animation:marquee 40s linear infinite;}
.marquee.reverse .marquee-item{animation:marquee 40s linear infinite;animation-direction:reverse;}
@keyframes marquee{0%{transform:translateX(0);}100%{transform:translateX(-100%);}}
.marquee-item .text-decoration-none{margin-right:20px;padding:3px;border-radius:0.5rem;overflow:hidden;position:relative;}
.marquee-item .text-decoration-none img{height:301px;}
.marquee:hover .marquee-item{animation-play-state:paused;}
.marquee-item img {max-width: initial;}

.image {padding: 56px 0 76px;background: #070828 url(https://www.5kplayer.com/software/image-style/update-check-new/image-bg.jpg) no-repeat center/cover;text-align: center;}

.step {padding: 60px 0 100px;background-color: #e7f2ff;color: #000;}
.step-items {counter-reset: step;margin-top: 50px;}
.step-item {counter-increment: step;position: relative;padding: 33px 180px 0 66px;background-color: #fff;border-radius: 22px;}
.step-item+.step-item {margin-top: 18px;}
.step-item::before {content: counter(step);width: 87px;height: 87px;border-radius: 50%;text-align: center;background-color: #fff;font-size: 87px;color: #ff8124;line-height: 1;font-weight: 600;position: absolute;left: 24px;top: 30px;}
.step-wrap {border-left: 1px dashed #ff8124;padding:0 0 50px 118px;}
.step1-button-title {font-size: 23px;line-height: 1;font-weight: 600;margin-bottom: 16px;}
.icon-buttons {display: flex;}
.icon-button {width: 238px;height: 50px;display: flex;justify-content: center;align-items: center;gap: 15px;border-radius: 6px;background-color: #3079ff;font-size: 21px;color: #fff;}
.icon-button:hover {color: #fff;}
.step1-content-title {font-size: 23px;line-height: 1;display: flex;align-items: center;flex-wrap: wrap;gap: 12px;margin: 55px 0 26px;padding-bottom: 12px;border-bottom: 1px solid #e5e5e5;}
.step1-icons {display: flex;justify-content: space-between;flex-wrap: wrap;}
.step1-icons>img {margin-bottom: 10px;}
.step1-intros {display: flex;flex-wrap: wrap;padding: 15px 0 40px;}
.step1-intros>li {width: 60%;box-sizing: border-box;padding: 0 0 14px 18px;position: relative;font-size: 14px;line-height: 1.1;}
.step1-intros>li:nth-child(even) {width: 40%;}
.step1-intros>li::before {content: "";width: 10px;height: 10px;border: 1px solid #000;position: absolute;left: 0;top: 2px;}
.step1-intros>li::after {content: "";width: 2px;height: 6px;border-right: 1px solid #000;border-bottom: 1px solid #000;transform: rotate(45deg);position: absolute;top: 4px;left: 5px;}
.sup {padding: 0 0 40px;color: #878787;display: flex;gap: 100px;}
.sup .st{font-size: 15px;color: #262626;font-weight: bold;padding-bottom: 25px;}
.sup .inner {display: flex;flex-wrap: wrap;}
.sup .left ul{width: 140px;}
.sup .left ul li.first{color: #262626;}
.sup .right ul{width: 150px;}
.sup .right ul li{padding-bottom: 10px;}
.step1-img {display: flex;justify-content: center;}
.step1-img>img {max-width: initial;flex-shrink: 0;}
.step2-content {width: 540px;margin: 0 auto;}
.step2-p {font-size: 15px;line-height: 1.1;margin-bottom: 11px;}
.step2-box {display: flex;justify-content: center;flex-wrap: wrap;gap: 4px;text-align: center;}
.step2-code {width: 432px;line-height: 60px;box-sizing: border-box;border: 2px solid #000;border-radius: 5px;font-size: 23px;font-weight: 600;}
.step2-copy {width: 104px;line-height: 60px;border-radius: 5px;background-color: #2673ff;font-size: 23px;color: #fff;}
.step2-copy:hover {color: #fff;}
.step2-copy.active {background-color: #94cd3e;}
.step3-item {text-align: center;}
.step3-h3 {display: inline-block;padding: 0 15px;font-size: 49px;color: #fa692c;font-weight: 600;line-height: 35px;border-bottom: 16px solid #fff1c9;margin: 10px 0 60px;}
.step3-h3-num {display: inline-block;vertical-align: bottom;width: 94px;height: 94px;font-size: 67px;line-height: 94px;color: #fff;background-color: #fa6b2e;border-radius: 50%;margin: 0 5px -35px;}
.step3-steps {display: flex;justify-content: center;align-items: flex-start;flex-wrap: wrap;gap: 80px;}
.step3-step {width: 200px;margin-bottom: 30px;position: relative;}
.step3-step::after {content: "";border-top: 11px solid transparent;border-bottom: 11px solid transparent;border-left: 15px solid #fa6b2e;position: absolute;top: 88px;right: -50px;}
.step3-step:last-child::after {display: none;}
.step3-title {font-size: 20px;color: #fa6b2e;line-height: 24px;font-weight: 600;margin-bottom: 4px;}
.step3-title-num {font-size: 24px;}
.step3-info {font-size: 16px;color: #000;font-weight: 600;line-height: 20px;margin-top: 8px;}
.step-colorful-words {color: #fa6b2e;}

.aside-fixed-banner {position: fixed;right: 10px;bottom:2%;z-index: 100;}
.aside-fixed-banner span{position:absolute; right:-3px; font-size:30px; top:-5px; cursor:default;}

@media (max-width:979px){
    
	.aside-fixed-banner {display: none !important;}
    
    .details,.video .details {width: 96%;}

    main {padding-top: 71px;}

    .banner {text-align: center;}
    .banner-content,.banner-features,.the-buttons,.banner-right {justify-content: center;}
    .banner-left,.banner-right {width: 100%;}
    .banner-p {padding-right: 0;}
    .banner-right>a {flex-shrink: 1;}
    .banner-right>a>img {max-width: 100%;}

    .table-intro-center {display: none;}
    .table-intro-left,.table-intro-right {width: 100%;}
    .table-top {padding: 30px 20px;text-align: center;}
    .table-top-left,.table-top-center {width: 100%;padding-right: 0;}
    .table-arrow1, .table-arrow2 {display: none;}
    .table-circle-arrow {margin: 0 auto;}
    .table-top-left-p {text-align: center;}
    table td:first-child {padding-left: 10px;}

    .anim-toggle {display: none;}

    .video-left {width: 100%;}

    .quality-compare {gap: 30px;}

    .solution-data-nums{font-size:35px;}

    .step-item {padding: 30px 20px 0 20px;}
    .step-item::before {font-size: 30px;height: 30px;width: 30px;left: 5px;}
    .step-wrap {padding-left: 20px;}
    .step1-img>img {max-width: 100%;flex-shrink: 1;}
    .step3-h3 {font-size: 35px;margin-bottom: 2px;}
    .step3-h3-num {width: 45px;height: 45px;font-size: 40px;line-height: 45px;margin-bottom: -7px;}
}
@media (max-width:767px){
    h1 {font-size: 35px;}
    .main-h2 {font-size: 29px;}
    .video .main-h2 {flex-wrap: wrap;white-space: normal;}

    .table-top-left-h3 {font-size: 29px;}
    .table-wrap {padding: 15px 5px 10px;}
    table td:first-child {width: 70%;}
    table td:nth-child(2) {width: 15%;}
    table td:last-child {width: 15%;}

    .anim {overflow: hidden;}
    .anim-imgs,.anim-img {width: 100%;height: auto;}
    .anim-imgs::before {content: "";padding-top: 61.12%;display: block;;}
    
    .video-h3 {font-size: 25px;}

    .quality-compare-title>b {font-size: 29px;}

    .solution-data{flex-wrap:wrap;gap:15px;}
    .solution-data-item{width:100%;}

    .step1-icons {justify-content: center;gap: 10px;}
    .sup {gap: 30px;}
    .step2-content {width: 100%;}
    .step3-steps {gap: 30px;}
    .step3-step::after {display: none;}
}
@media (max-width:479px){
    .marquee-item .text-decoration-none img{height:180px;}
    .main-solution{padding:30px 0;}

    .step1-intros>li,.step1-intros>li:nth-child(even) {width: 100%;}
    .step2-code {font-size: 19px;line-height: 40px;}
}