@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(/okxcss/img/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(/okxcss/img/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(/okxcss/img/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(/okxcss/img/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;}
}