@media only screen and (max-width: 768px) {
body, h1, h2, h3, h4, h5, h6, p, ul, ol, li, input, select, textarea, div, table, td, th, tr, dt, dd, dl{margin: 0;padding: 0;list-style: none;}
ul, ol{list-style: none;}
em, i{font-style: normal;}
img{object-fit: cover;border: 0;vertical-align: middle;}
input, select{vertical-align: middle;outline: none;}
a{text-decoration: none;}
img{border: none;}
body{background:#000;width:100%;font-family: 'Microsoft YaHei', 'Arial', 'Heiti SC';font-size:14px;}
body{transform: scale(x, y);   /***-webkit-user-select:none;-moz-user-select:none; -ms-user-select:none;user-select:none;**/}
.ok-new-market{width: 90;margin: 0 5%;overflow: hidden;}
.head{width: 100%;margin: 0 auto;overflow: hidden;background:#222;font-size:14px;height:40px}   
.head p{float:left;color:#fff;width: 50%;margin: 0 auto;font-size:12px;overflow: hidden;line-height:40px;}   
.head span{float:right;width: 50%;margin: 0 auto;overflow: hidden;line-height:40px}   
.head span a{float:right;font-size:14px;color:#fff;font-size:12px;text-align:right;margin:0 0 0 30px}   

.ok-new-marketlogo{float:left;color:#fff;width: 30%;height:60px;margin: 20px auto;overflow: hidden;line-height:40px;}
.ok-new-marketlogo img{height:30px;margin:5px 0 0 0}
.ok-new-marketwebmenu{float:right;width: 60%;margin: 15px auto;height:60px;overflow: hidden; line-height:60px} 
.ok-new-marketwebmenu li{float:right;} 
.ok-new-marketwebmenu li a{color:#bbb;font-size:16px;line-height:60px;text-align:LEFT;margin:0 0 0 20px}   
.ok-new-marketwebmenu li a:hover{ transition: all 1s ease 0s;color:#fff}   
.pagevdwith{float:left;width: 90%;margin:5% 5% 5% 5%;min-height:75vh}
.ok-new-left{float:left;width: 100%;}
.ok-new-left-1{float:left;line-height:50px;text-align:center;font-size:32px;margin:30px 0 20px 0;font-weight:700;color:#fff;}
.ok-new-left-1 p{width:100%;float:left;line-height:30px;font-size:14px;text-align:center;margin:18px 0 0 0;font-weight:500;color:#bbb;}
.ok-new-left-2{float:left;width:100%;/**height:130px;**/overflow: hidden;margin:0px auto;}
.ok-new-left-2 a{float:left;width:100%;border-radius: 100px;margin:30px 5% 0 0%;text-align:center;height:60px;line-height: 60px;background:#fff;color:#000;font-size:18px}
.ok-new-left-2 a:hover{ transition: all 1s ease 0s;font-weight:700;color:#000}
.ok-new-left-2 a.bbk{background:#bcff2f;;color:#000;}
.ok-new-right{-webkit-box-sizing: border-box;    box-sizing: border-box;    padding-left: 12px;    padding-right: 12px;    width: 100%;float:right;flex: 0 0 auto;margin:50px 0}

.pp-img{width: 100%;}
.ok-new-left-3{display:none;float:left;font-size:0px;width:100%;height:190px;margin:0px 0;background:#000 url(../images/okdd.webp) 0% 80px no-repeat;background-size:100% auto}

.newith{width: 100%;margin: 0px auto;padding:100px 0;overflow: hidden;  background: linear-gradient(-45deg, #000,  #333);font-size:14px;}
.ok-new-ne-tit{width: 100%;font-size:32px;line-height:50px;margin:0 0 20px 0;font-weight:700;text-align:center;color:#fff;}
.ok-new-ne-titw{width: 100%;font-size:16px;margin:0 0 30px 0;line-height:30px;font-weight:500;text-align:center;color:#ccc;}
.ne-tex{width:100%}
.ne-tex li{float:left;width:40%;padding:0 0%;margin:0px 5%;color:#fff;height:350px;overflow: hidden;}
.ne-tex li img{max-width:100%;display: block;    margin:20px auto;height:118px}
.ne-tex .ok-new-ntit{float:left;text-align:center;font-weight:700;width:100%;font-size:16px;margin:0 0 20px 0}
.ne-tex .ntxt{float:left;width:100%;margin:0%;color:#ccc;font-size: 14px;line-height: 25px;}

.jr{width:100%;padding: 100px 0;    background: linear-gradient(-45deg, #333,  #000);}
.jr-tit{float:left;width:100%;text-align:center;margin:0 0 50px 0;font-weight:700;color:#fff;font-size:28px;line-height:40px;}
.jr-ms{float:left;width:80%;border-radius: 100px;margin:0px 10%;text-align:center;height:60px;line-height: 60px;background:#fff;}
.jr-ms a{color:#000;font-weight:700;font-size:22px}
.jr-ms:hover{ transition: all 1s ease 0s;background:#bcff2f;}
.jr-ms a:hover{ transition: all 1s ease 0s;color:#000;}

.ok-new-imwith{width: 100%;margin: 0px auto;padding:100px 0;overflow: hidden;  background: linear-gradient(-45deg, #000,  #333);font-size:14px;}
.ok-new-imwith img{width: 100%;}

.ok-new-nswith{width: 100%;margin: 0px auto;padding:100px 0;overflow: hidden;  background: linear-gradient(-45deg, #000,  #333);font-size:14px;}
.ok-new-nlist dd{width: 100%;line-height:40px;height:40px;overflow: hidden;}
.ok-new-nlist dd a{color:#fff;background: url(../images/10.webp) 0% 8px no-repeat;line-height:40px;font-size:14px;background-size:5px 5px;border-bottom:0px solid #666;padding:0 0 0 15px;}
.ok-new-nlist dd a:hover{ transition: all 1s ease 0s;color:#bcff2f;}

.foot{width:100%;float:left;margin:100px 0}
.ok-new-marketlogofoot{float:left;width:100%;margin:0 1% 50px 1%;}
.ok-new-marketlogofoot img{height:45px;display: block;  margin: 0px auto;}
.ok-new-marketlogofoot a{color:#fff;line-height:40px;}
.ok-new-marketlogofoot p{color:#fff;line-height:50px;font-size:12px;text-align:center}
.ok-new-marketwebmenufoot{display:none;float:left;width:14.666%;margin:0 1% 50px 1%;}
.ok-new-marketwebmenufoot li{line-height:40px;}
.ok-new-marketwebmenufoot a{color:#666;}
.ok-new-foott{color:#fff;font-size:16px;margin:20px 0;font-weight:700;}
.jyx-footer{text-align:center;height:40px;line-height:20px;color:#555;font-size:12px;border-top:1px solid #333;margin:0px 0 60px 0 ;padding:20px 0 0 0;}
.ok-new-foottxz{float:left;width:90%;border-radius: 100px;margin:0px 5%;text-align:center;height:50px;line-height: 50px;background:#fff;}
.ok-new-foottxz a{color:#000;font-weight:700;font-size:16px}
.ok-new-foottxz:hover{ transition: all 1s ease 0s; transition: all 1s ease 0s;background:#bcff2f;}
.ok-new-foottxz a:hover{ transition: all 1s ease 0s; transition: all 1s ease 0s; transition: all 1s ease 0s;color:#000}
.ok-new-foottewm{float:left;width:90%;border-radius: 100px;  margin:30px 5%;}
.ok-new-foottewm img{width:100%; border-radius: 16px;}
#oktop {width: 40px;height: 40px;border-radius: 40px;background: url(../images/top.png) no-repeat;background-size: 40px 40px;
position: fixed;bottom: 158px;right: 5%;display: none;}
#okxz{position: fixed;  left: 0;  right: 0;  bottom: 0;  width: 100%; height:30px;line-height:30px; text-align: center;  background-color:#bcff2f;  color: white; font-size:16px; padding: 10px 0;  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);display: none;}
#okxz a{color:#000;font-size:16px;}


}
@media only screen and (min-width: 768px) {
body, h1, h2, h3, h4, h5, h6, p, ul, ol, li, input, select, textarea, div, table, td, th, tr, dt, dd, dl{margin: 0;padding: 0;list-style: none;}
ul, ol{list-style: none;}
em, i{font-style: normal;}
img{object-fit: cover;border: 0;vertical-align: middle;}
input, select{vertical-align: middle;outline: none;}
a{text-decoration: none;}
img{border: none;}
body{background:#000;width:100%;font-family: 'Microsoft YaHei', 'Arial', 'Heiti SC';font-size:14px;}
body{transform: scale(x, y);   /***-webkit-user-select:none;-moz-user-select:none; -ms-user-select:none;user-select:none;**/}
.ok-new-market{width: 1200px;margin: 0 auto;overflow: hidden;}
.head{width: 100%;margin: 0 auto;overflow: hidden;background:#222;height:40px}   
.head p{float:left;color:#fff;width: 50%;margin: 0 auto;overflow: hidden;line-height:40px;}   
.head span{float:right;width: 50%;margin: 0 auto;overflow: hidden;line-height:40px}   
.head span a{float:right;color:#fff;text-align:right;margin:0 0 0 30px}   

.ok-new-marketlogo{float:left;color:#fff;width: 30%;height:60px;margin: 30px auto;overflow: hidden;line-height:40px;}
.ok-new-marketlogo img{height:30px;}
.ok-new-marketwebmenu{float:right;width: 60%;margin: 20px auto;overflow: hidden;line-height:60px} 
.ok-new-marketwebmenu li{float:right;} 
.ok-new-marketwebmenu li a{color:#bbb;font-size:18px;text-align:LEFT;margin:0 0 0 40px}   
.ok-new-marketwebmenu li a:hover{ transition: all 1s ease 0s;color:#fff}   
.pagevdwith{float:left;width: 90%;margin:5% 5% 5% 5%;min-height:75vh}
.ok-new-left{float:left;width: 65%;}
.ok-new-left-1{float:left;line-height:50px;font-size:59px;margin:80px 0 0 0;font-weight:700;color:#fff;}
.ok-new-left-1 p{float:left;line-height:50px;font-size:22px;margin:28px 0 0 0;font-weight:500;color:#bbb;}
.ok-new-left-2{float:left;width:100%;margin:0px auto;}
.ok-new-left-2 a{float:left;width:30%;border-radius: 100px;margin:50px 5% 0 0%;text-align:center;height:60px;line-height: 60px;background:#fff;color:#000;font-size:18px}
.ok-new-left-2 a:hover{ transition: all 1s ease 0s;font-weight:700;color:#000}
.ok-new-left-2 a.bbk{background:#bcff2f;;color:#000;}
.ok-new-right{-webkit-box-sizing: border-box;    box-sizing: border-box;    padding-left: 12px;    padding-right: 12px;    width: 35%;float:right;flex: 0 0 auto;}

.pp-img{width: 100%;}
.ok-new-left-3{float:left;font-size:0px;width:100%;height:190px;margin:0 0;background:#000 url(../images/okdd.webp) 0% 80px no-repeat;background-size:500px 100px}

.newith{width: 100%;margin: 0px auto;padding:150px 0;overflow: hidden;  background: linear-gradient(-45deg, #000,  #333);font-size:14px;}
.ok-new-ne-tit{width: 100%;font-size:32px;margin:0 0 20px 0;font-weight:700;text-align:center;color:#fff;}
.ok-new-ne-titw{width: 100%;font-size:16px;margin:0 0 80px 0;font-weight:500;text-align:center;color:#ccc;}
.ne-tex{width:100%}
.ne-tex li{float:left;width:17%;padding:0 2%;margin:0 1.5%;color:#fff;}
.ne-tex li img{max-width:100%;display: block;    margin: 10px auto;height:149px}
.ne-tex .ok-new-ntit{float:left;text-align:center;font-weight:700;width:100%;font-size:16px;margin:0 0 20px 0}
.ne-tex .ntxt{float:left;width:100%;margin:0%;color:#ccc;font-size: 16px;line-height: 28px;}

.jr{width:100%;padding: 200px 0;    background: linear-gradient(-45deg, #333,  #000);}
.jr-tit{float:left;width:100%;text-align:center;margin:0 0 80px 0;font-weight:700;color:#fff;font-size:52px;line-height:60px;}
.jr-ms{float:left;width:30%;border-radius: 100px;margin:0px 35%;text-align:center;height:60px;line-height: 60px;background:#fff;}
.jr-ms a{color:#000;font-weight:700;font-size:22px}
.jr-ms:hover{ transition: all 1s ease 0s;background:#bcff2f;}
.jr-ms a:hover{ transition: all 1s ease 0s;color:#000;}

.ok-new-imwith{width: 100%;margin: 0px auto;padding:100px 0;overflow: hidden;  background: linear-gradient(-45deg, #000,  #333);font-size:14px;}
.ok-new-imwith img{width: 100%;}

.ok-new-nswith{width: 100%;margin: 0px auto;padding:100px 0;overflow: hidden;  background: linear-gradient(-45deg, #333,  #000);font-size:14px;}
.ok-new-nlist dd{width: 100%;line-height:40px;height:40px;overflow: hidden;}
.ok-new-nlist dd a{color:#fff;background: url(../images/10.webp) 0% 8px no-repeat;line-height:40px;font-size:14px;background-size:5px 5px;border-bottom:0px solid #666;padding:0 0 0 15px;}
.ok-new-nlist dd a:hover{ transition: all 1s ease 0s;color:#bcff2f;}

.foot{width:100%;float:left;margin:100px 0}
.ok-new-marketlogofoot{float:left;width:100%;margin:0 1% 60px 1%;}
.ok-new-marketlogofoot img{height:45px;margin:0 30px 0 0; }
.ok-new-marketlogofoot a{color:#fff;line-height:40px;}
.ok-new-marketlogofoot p{color:#fff;line-height:50px;font-size:12px;text-align:left}
.ok-new-marketwebmenufoot{float:left;width:14.666%;margin:0 1% 50px 1%;}
.ok-new-marketwebmenufoot li{line-height:40px;}
.ok-new-marketwebmenufoot a{color:#666;}
.ok-new-foott{color:#fff;font-size:16px;margin:20px 0;font-weight:700;}
.jyx-footer{height:40px;line-height:40px;color:#555;border-top:1px solid #333;margin:0px 0 80px 0 ;padding:30px 0 0 0;}
.ok-new-foottxz{float:left;width:90%;border-radius: 100px;margin:0px 5%;text-align:center;height:50px;line-height: 50px;background:#fff;}
.ok-new-foottxz a{color:#000;font-weight:700;font-size:16px}
.ok-new-foottxz:hover{ transition: all 1s ease 0s; transition: all 1s ease 0s;background:#bcff2f;}
.ok-new-foottxz a:hover{ transition: all 1s ease 0s; transition: all 1s ease 0s; transition: all 1s ease 0s;color:#000}
.ok-new-foottewm{float:left;width:90%;border-radius: 100px;  margin:30px 5%;}
.ok-new-foottewm img{width:100%; border-radius: 16px;}
#oktop {width: 40px;height: 40px;border-radius: 40px;background: url(../images/top.png) no-repeat;background-size: 40px 40px;
position: fixed;bottom: 158px;right: 5%;display: none;}
#okxz{position: fixed;  left: 0;  right: 0;  bottom: 0;  width: 100%; height:30px;line-height:30px; text-align: center;  background-color:#bcff2f;  color: white; font-size:16px; padding: 10px 0;  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);display: none;}
#okxz a{color:#000;font-size:16px;}
}

.ok-new-marketwebmenufoot li{color:#fff; }
.jyx-footer a{ color:#fff; }
.jyx-footer .ok-new-market{ color:#fff; }





@media only screen and (max-width: 768px) {
.newswith{width:100%;background:#fff;}
.okx-art{width: 100%;margin: 0px auto;padding:20px 0;overflow: hidden;  font-size:14px;}
.okx-art h1{width: 100%;margin: 10px auto;font-size:36px;line-height:50px;padding:20px 0;overflow: hidden; }
.oknav{width: 100%;font-size:14px;margin:30px 0 10px 0;text-align:left;color:#999;}
.oknav a{color:#000;}
.oktime{width:100%;color:#999;margin:20px 0 20px 0}
.okx-text {border-top:1px solid #ddd;float:left;font-size:16px;width:100%;padding:20px 0%;margin:0px 0 30px 0%;color:#000;}
.okx-text p{float:left;width:100%;line-height:35px;margin:0 0 24px 0;}
.okx-text img{    box-shadow: 0 0px 5px #ddd;float:left;width:100%;margin:20px 0}

.listwith{width:100%; background: linear-gradient(-45deg, #333,  #000);padding:100px 0}
.ok-listtt{width:100%;border-bottom:0px solid #333;color:#fff;height:50px;line-height:50px;float:left;font-weight:700;font-size:32px;margin:0% 0% 30px 0%}
.ok-list{float:left;text-align:center;font-weight:700;width:100%;margin:0 0 20px 0}
.ok-list li{border-bottom:1px solid #333;width:100%;margin:0px 0 10px 0;padding:10px 0 20px 0;float:left;}

.ok-list a{float:left;background: url(../images/10.webp) 0% 12px no-repeat;line-height:28px;font-size:16px;background-size:5px 5px;color: #fff;padding:0 0 0 20px;text-align:left; }
.ok-listo{float:left;text-align:center;font-weight:700;width:100%;margin:0 0 80px 0}
.ok-listo li{border-bottom:1px solid #ddd;width:100%;margin:0px 0 10px 0;padding:10px 0 20px 0;float:left;}

.ok-listo a{float:left;background: url(../images/11.webp) 0% 12px no-repeat;line-height:28px;font-size:16px;background-size:5px 5px;color: #000;padding:0 0 0 20px;text-align:left; }
.ok-listo a:hover{color: #149f00;}
a:hover{color:#bcff2f; transition: all 1s ease 0s;}

}
@media only screen and (min-width: 768px) {

.newswith{width:100%;background:#fff;}
.okx-art{width: 100%;margin: 0px auto;padding:20px 0;overflow: hidden;  font-size:14px;}
.okx-art h1{width: 100%;margin: 10px auto;font-size:36px;line-height:32px;padding:20px 0;overflow: hidden; }
.oknav{width: 100%;font-size:14px;margin:30px 0 10px 0;text-align:left;color:#999;}
.oknav a{color:#000;}
.oktime{width:100%;color:#999;margin:20px 0 20px 0}
.okx-text {border-top:1px solid #ddd;float:left;font-size:18px;width:80%;padding:20px 10%;margin:0px 0 30px 0%;color:#000;}
.okx-text p{float:left;width:100%;line-height:40px;margin:0 0 24px 0;}
.okx-text img{    box-shadow: 0 0px 5px #ddd;float:left;width:100%;margin:20px 0}

.listwith{width:100%; background: linear-gradient(-45deg, #000,  #333);padding:100px 0}
.ok-listtt{width:100%;border-bottom:0px solid #333;color:#fff;height:50px;line-height:50px;float:left;font-weight:700;font-size:32px;margin:0% 0% 5% 0%}
.ok-list{float:left;text-align:center;font-weight:700;width:100%;margin:0 0 20px 0}
.ok-list li{border-bottom:1px solid #333;width:100%;float:left;height:80px;overflow: hidden;}

.ok-list a{float:left;background: url(../images/10.webp) 0% 36px no-repeat;line-height:80px;font-size:22px;background-size:10px 10px;color: #fff;padding:0 0 0 30px; }
.ok-listo{float:left;text-align:center;font-weight:700;width:100%;margin:0 0 80px 0}
.ok-listo li{border-bottom:1px solid #ddd;width:100%;float:left;height:80px;overflow: hidden;}

.ok-listo a{float:left;background: url(../images/11.webp) 0% 38px no-repeat;line-height:80px;font-size:22px;background-size:7px 7px;color: #000;padding:0 0 0 30px; }
.ok-listo a:hover{color: #149f00;}
a:hover{color:#bcff2f; transition: all 1s ease 0s;}
}





:root {
    --primary-color: #21D4FD;
    --primary-gradient: linear-gradient(135deg, #21D4FD 0%, #B721FF 100%);
    --secondary-color: #B721FF;
    --accent-color: #FF5E62;
    --dark-color: #151424;
    --dark-accent: #1e1c33;
    --light-color: #F8F9FA;
    --gray-color: #6c757d;
    --success-color: #4CAF50;
    --danger-color: #FF5252;
    --info-color: #03A9F4;
    --warning-color: #FFC107;
    --border-radius: 10px;
    --border-radius-sm: 5px;
    --box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
    --animation-timing: 0.3s ease;
}

/* Download Section */
.userscan-find-section {
    padding: 80px 0;
    background-color: white;
}

.part-first {
    text-align: center;
    margin-bottom: 3rem;
}

.part-first h2 {
    font-size: 2.5rem;
    margin-bottom: 1rem;
}

.part-first p {
    max-width: 600px;
    margin: 0 auto;
    color: var(--gray-color);
}

.part-first.dark h2,
.part-first.dark p {
    color: white;
}

.userscan-find-platforms {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 2rem;
    margin-bottom: 3rem;
}

.userscan-find-feather {
    background: white;
    border-radius: var(--border-radius);
    padding: 2rem;
    box-shadow: var(--box-shadow);
    position: relative;
    transition: transform var(--animation-timing);
}

.userscan-find-feather:hover {
    transform: translateY(-10px);
}

.userscan-find-icon {
    width: 60px;
    height: 60px;
    background: var(--primary-gradient);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.8rem;
    color: white;
    margin-bottom: 1.5rem;
}

.userscan-find-feather h3 {
    font-size: 1.5rem;
    margin-bottom: 1rem;
}

.userscan-find-aspect {
    margin: 1.5rem 0;
}

.userscan-find-aspect li {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-bottom: 0.8rem;
}

.userscan-find-aspect i {
    color: var(--success-color);
}

.btn-download {
    background: var(--primary-gradient);
    color: white;
    padding: 0.8rem 1.5rem;
    border-radius: var(--border-radius-sm);
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    transition: all var(--animation-timing);
}

.btn-download:hover {
    box-shadow: 0 5px 15px rgba(33, 212, 253, 0.4);
}

.userscan-find-ver {
    position: absolute;
    top: 1rem;
    right: 1rem;
    background: var(--dark-color);
    color: white;
    padding: 0.3rem 0.8rem;
    border-radius: 20px;
    font-size: 0.8rem;
    font-weight: 500;
}

.userscan-find-info {
    display: flex;
    gap: 2rem;
    justify-content: center;
    flex-wrap: wrap;
}

.userscan-find-information {
    display: flex;
    align-items: center;
    gap: 1rem;

}

.userscan-find-information i {
    font-size: 1.5rem;
    color: var(--primary-color);
}


/* Features Section */
.choiceus-section {
    padding: 80px 0;
    background: var(--dark-color);
    color: white;
}

.choiceus-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 2rem;
    margin-bottom: 4rem;
}

.choiceus-box {
    background: var(--dark-accent);
    border-radius: var(--border-radius);
    padding: 2rem;
    transition: transform var(--animation-timing);
}

.choiceus-box:hover {
    transform: translateY(-10px);
}

.choiceus-icon {
    width: 50px;
    height: 50px;
    background: var(--primary-gradient);
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.5rem;
    margin-bottom: 1.5rem;
}

.choiceus-box h3 {
    font-size: 1.3rem;
    margin-bottom: 1rem;
}

.stats-row {
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
    gap: 2rem;
}

.stat-item {
    text-align: center;
}

.stat-value {
    display: block;
    font-size: 2.5rem;
    font-weight: 700;
    background: var(--primary-gradient);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-bottom: 0.5rem;
}

.stat-label {
    font-size: 1rem;
    color: var(--light-color);
    opacity: 0.7;
}

/* nowprice Section */
.nowprice-section {
    padding: 80px 0;
    background-color: var(--light-color);
}

.nowprice-tabs {
    display: flex;
    justify-content: center;
    gap: 1rem;
    margin-bottom: 2rem;
}

.tab-antoclick {
    background: transparent;
    border: none;
    padding: 0.5rem 1.5rem;
    font-weight: 600;
    color: var(--gray-color);
    cursor: pointer;
    transition: all var(--animation-timing);
    position: relative;
}

.tab-antoclick::after {
    content: '';
    position: absolute;
    bottom: -5px;
    left: 0;
    width: 0;
    height: 2px;
    background: var(--primary-gradient);
    transition: width var(--animation-timing);
}

.tab-antoclick.active,
.tab-antoclick:hover {
    color: var(--dark-color);
}

.tab-antoclick.active::after,
.tab-antoclick:hover::after {
    width: 100%;
}

.nowprice-table-nrmain {
    overflow-x: auto;
    margin-bottom: 2rem;
    box-shadow: var(--box-shadow);
    border-radius: var(--border-radius);
}

.nowprice-table {
    width: 100%;
    border-collapse: collapse;
    text-align: left;
}

.nowprice-table th,
.nowprice-table td {
    padding: 1rem 1.5rem;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}

.nowprice-table th {
    background-color: rgba(0, 0, 0, 0.02);
    font-weight: 600;
    color: var(--gray-color);
}

.coin-cell {
    width: 200px;
}

.coin-info {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.coin-icon {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background-color: #f3f4f6;
}

.coin-icon.btc {
    background-color: #F7931A;
}

.coin-icon.eth {
    background-color: #627EEA;
}

.coin-icon.sol {
    background-color: #00FFA3;
}

.coin-name {
    display: flex;
    flex-direction: column;
}

.coin-name .name {
    font-weight: 600;
}

.coin-name .symbol {
    color: var(--gray-color);
    font-size: 0.9rem;
}

.nowprice-cta {
    text-align: center;
}

.nowprice-cta p {
    margin-bottom: 1.5rem;
    color: var(--gray-color);
}

.btn-outline {
    background: transparent;
    border: 2px solid var(--primary-color);
    color: var(--primary-color);
    padding: 0.8rem 2rem;
    border-radius: var(--border-radius);
    font-weight: 600;
    transition: all var(--animation-timing);
}

.btn-outline:hover {
    background: var(--primary-gradient);
    color: white;
}