@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;}
.jyxappmarket{width: 90%;margin: 0 5%;overflow: hidden;}
.head{width: 100%;margin: 0 auto;overflow: hidden;background:#111;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}
.jyxappmarketlogo{float:left;color:#fff;width: 30%;height:60px;margin: 20px auto;overflow: hidden;line-height:40px;}
.jyxappmarketlogo img{height:30px;margin:5px 0 0 0}
.jyxappmarketwebmenu{float:right;width: 60%;margin: 15px auto;height:60px;overflow: hidden; line-height:60px}
.jyxappmarketwebmenu li{float:right;}
.jyxappmarketwebmenu li a{color:#bbb;font-size:16px;line-height:60px;text-align:LEFT;margin:0 0 0 20px}
.jyxappmarketwebmenu li a:hover{ transition: all 1s ease 0s;color:#fff}
.pagevdwith{float:left;width: 90%;margin:5% 5% 5% 5%;min-height:75vh}
.jyxappleft{float:left;width: 100%;}
.jyxappleft-1{float:left;line-height:50px;text-align:center;font-size:32px;margin:30px 0 20px 0;font-weight:700;color:#fff;}
.jyxappleft-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;}
.jyxappleft-2{float:left;width:100%;overflow: hidden;margin:0px auto;}
.jyxappleft-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}
.jyxappleft-2 a:hover{ transition: all 1s ease 0s;font-weight:700;color:#000}
.jyxappleft-2 a.bbk{background:#bcff2f;color:#000;}
.jyxappright{-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%;}
.newith{width: 100%;margin: 0px auto;padding:100px 0;overflow: hidden;background: linear-gradient(-45deg, #000, #333);font-size:14px;}
.jyxappne-tit{width: 100%;font-size:32px;line-height:50px;margin:0 0 20px 0;font-weight:700;text-align:center;color:#fff;}
.jyxappne-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 .jyxappntit{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;}
.jyxappimwith{width: 100%;margin: 0px auto;padding:100px 0;overflow: hidden;background: linear-gradient(-45deg, #000, #333);font-size:14px;}
.jyxappimwith img{width: 100%;}
.jyxappnswith{width: 100%;margin: 0px auto;padding:100px 0;overflow: hidden;background: linear-gradient(-45deg, #000, #333);font-size:14px;}
.jyxappnlist dd{width: 100%;line-height:40px;height:40px;overflow: hidden;}
.jyxappnlist dd a{color:#fff;line-height:40px;font-size:14px;padding:0 0 0 15px;}
.jyxappnlist dd a:hover{ transition: all 1s ease 0s;color:#bcff2f;}
.foot{width:100%;float:left;margin:100px 0}
.jyxappmarketlogofoot{float:left;width:100%;margin:0 1% 50px 1%;}
.jyxappmarketlogofoot img{height:45px;display: block;margin: 0px auto;}
.jyxappmarketlogofoot a{color:#fff;line-height:40px;}
.jyxappmarketlogofoot p{color:#fff;line-height:50px;font-size:12px;text-align:center}
.jyxappmarketwebmenufoot{display:none;float:left;width:14.666%;margin:0 1% 50px 1%;}
.jyxappmarketwebmenufoot li{line-height:40px;}
.jyxappmarketwebmenufoot a{color:#666;}
.jyxappfoott{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;}
.jyxappfoottxz{float:left;width:90%;border-radius: 100px;margin:0px 5%;text-align:center;height:50px;line-height: 50px;background:#fff;}
.jyxappfoottxz a{color:#000;font-weight:700;font-size:16px}
.jyxappfoottxz:hover{ transition: all 1s ease 0s;background:#bcff2f;}
.jyxappfoottxz a:hover{ transition: all 1s ease 0s;color:#000}
#oktop {width: 40px;height: 40px;border-radius: 40px;background-color:#bcff2f;position: fixed;bottom: 158px;right: 5%;display: none;text-align:center;line-height:40px;font-size:20px;cursor:pointer;}
#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;}
.jyxappmarket{width: 1200px;margin: 0 auto;overflow: hidden;}
.head{width: 100%;margin: 0 auto;overflow: hidden;background:#111;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}
.jyxappmarketlogo{float:left;color:#fff;width: 30%;height:60px;margin: 30px auto;overflow: hidden;line-height:40px;}
.jyxappmarketlogo img{height:30px;}
.jyxappmarketwebmenu{float:right;width: 60%;margin: 20px auto;overflow: hidden;line-height:60px}
.jyxappmarketwebmenu li{float:right;}
.jyxappmarketwebmenu li a{color:#bbb;font-size:18px;text-align:LEFT;margin:0 0 0 40px}
.jyxappmarketwebmenu li a:hover{ transition: all 1s ease 0s;color:#fff}
.pagevdwith{float:left;width: 90%;margin:5% 5% 5% 5%;min-height:75vh}
.jyxappleft{float:left;width: 65%;}
.jyxappleft-1{float:left;line-height:50px;font-size:59px;margin:80px 0 0 0;font-weight:700;color:#fff;}
.jyxappleft-1 p{float:left;line-height:50px;font-size:22px;margin:28px 0 0 0;font-weight:500;color:#bbb;}
.jyxappleft-2{float:left;width:100%;margin:0px auto;}
.jyxappleft-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}
.jyxappleft-2 a:hover{ transition: all 1s ease 0s;font-weight:700;color:#000}
.jyxappleft-2 a.bbk{background:#bcff2f;color:#000;}
.jyxappright{-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%;}
.newith{width: 100%;margin: 0px auto;padding:150px 0;overflow: hidden;background: linear-gradient(-45deg, #000, #333);font-size:14px;}
.jyxappne-tit{width: 100%;font-size:32px;margin:0 0 20px 0;font-weight:700;text-align:center;color:#fff;}
.jyxappne-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 .jyxappntit{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;}
.jyxappimwith{width: 100%;margin: 0px auto;padding:100px 0;overflow: hidden;background: linear-gradient(-45deg, #000, #333);font-size:14px;}
.jyxappimwith img{width: 100%;}
.jyxappnswith{width: 100%;margin: 0px auto;padding:100px 0;overflow: hidden;background: linear-gradient(-45deg, #333, #000);font-size:14px;}
.jyxappnlist dd{width: 100%;line-height:40px;height:40px;overflow: hidden;}
.jyxappnlist dd a{color:#fff;line-height:40px;font-size:14px;padding:0 0 0 15px;}
.jyxappnlist dd a:hover{ transition: all 1s ease 0s;color:#bcff2f;}
.foot{width:100%;float:left;margin:100px 0}
.jyxappmarketlogofoot{float:left;width:100%;margin:0 1% 60px 1%;}
.jyxappmarketlogofoot img{height:45px;margin:0 30px 0 0;}
.jyxappmarketlogofoot a{color:#fff;line-height:40px;}
.jyxappmarketlogofoot p{color:#fff;line-height:50px;font-size:12px;text-align:left}
.jyxappmarketwebmenufoot{float:left;width:14.666%;margin:0 1% 50px 1%;}
.jyxappmarketwebmenufoot li{line-height:40px;}
.jyxappmarketwebmenufoot a{color:#666;}
.jyxappfoott{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;}
.jyxappfoottxz{float:left;width:90%;border-radius: 100px;margin:0px 5%;text-align:center;height:50px;line-height: 50px;background:#fff;}
.jyxappfoottxz a{color:#000;font-weight:700;font-size:16px}
.jyxappfoottxz:hover{ transition: all 1s ease 0s;background:#bcff2f;}
.jyxappfoottxz a:hover{ transition: all 1s ease 0s;color:#000}
#oktop {width: 40px;height: 40px;border-radius: 40px;background-color:#bcff2f;position: fixed;bottom: 158px;right: 5%;display: none;text-align:center;line-height:40px;font-size:20px;cursor:pointer;}
#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;}
}

.jyxappmarketwebmenufoot li{color:#fff;}
.jyx-footer a{color:#fff;}
.jyx-footer .jyxappmarket{color:#fff;}
.feature-icons{display:flex;justify-content:center;gap:20px;flex-wrap:wrap;padding:40px 0;}
.feature-icon-item{text-align:center;color:#fff;width:120px;}
.feature-icon-item svg{width:80px;height:80px;margin:0 auto 15px;display:block;}
.feature-icon-item p{font-size:14px;color:#ccc;line-height:22px;}
.feature-icon-item h3{font-size:16px;font-weight:700;margin-bottom:10px;}