@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;**/}
.jyxappmarket{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}   

.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%;/**height:130px;**/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%;}
.jyxappleft-3{display:none;float:left;font-size:0px;width:100%;height:190px;margin:0px 0;background:#000 url(../image/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;}
.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:20px 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;background: url(../image/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;}
.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; transition: all 1s ease 0s;background:#bcff2f;}
.jyxappfoottxz a:hover{ transition: all 1s ease 0s; transition: all 1s ease 0s; transition: all 1s ease 0s;color:#000}
.jyxappfoottewm{float:left;width:90%;border-radius: 100px;  margin:30px 5%;}
.jyxappfoottewm img{width:100%; border-radius: 16px;}
#oktop {width: 40px;height: 40px;border-radius: 40px;background: url(../image/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;**/}
.jyxappmarket{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}   

.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%;}
.jyxappleft-3{float:left;font-size:0px;width:100%;height:190px;margin:0 0;background:#000 url(../image/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;}
.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% 30px 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;background: url(../image/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;}
.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; transition: all 1s ease 0s;background:#bcff2f;}
.jyxappfoottxz a:hover{ transition: all 1s ease 0s; transition: all 1s ease 0s; transition: all 1s ease 0s;color:#000}
.jyxappfoottewm{float:left;width:90%;border-radius: 100px;  margin:30px 5%;}
.jyxappfoottewm img{width:100%; border-radius: 16px;}
#oktop {width: 40px;height: 40px;border-radius: 40px;background: url(../image/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;}
}

.jyxappmarketwebmenufoot li{color:#fff; }
.jyx-footer a{ color:#fff; }
.jyx-footer .jyxappmarket{ 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(../image/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(../image/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(../image/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(../image/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;}
}