新增优化样式

This commit is contained in:
dragon
2024-09-27 12:01:24 +08:00
parent 0027331d6d
commit 63d5fb3e43
15 changed files with 310 additions and 53 deletions

View File

@@ -21,32 +21,32 @@
<input type="text" disabled placeholder="Currency Type:USD">
<!-- <img src="./images/right.png" alt="" class="right"> -->
</div>
<p class="p "><span>*</span> <b class="p1"></b></p>
<div class="box country">
<span>*</span>
<input type="text" readonly placeholder="Country" class="text5">
<img src="./images/right.png" alt="" class="right">
</div>
<p class="p "><span>*</span> <b class="p2"></b></p>
<div class="box payeeAccountNo">
<span>*</span>
<input type="text" placeholder="payeeAccountNo" class="text6">
</div>
<p class="p "><span>*</span> <b class="p3"></b></p>
<div class="box bankName">
<span>*</span>
<input type="text" placeholder="Bank Name" class="text7"
onkeyup="this.value=this.value.replace(/[^a-zA-Z]/g,'')">
</div>
<p class="p "><span>*</span> <b class="p4"></b></p>
<div class="box sWIFTCode">
<span>*</span>
<input type="text" placeholder="SWIFT Code" class="text8"
onkeyup="this.value=this.value.replace(/[^a-zA-Z]/g,'')">
</div>
<p class="p 5"><span>*</span> <b class="p5"></b></p>
<div class="box payeeName">
<span>*</span>
<input type="text" placeholder="payeeName" class="text9"
onkeyup="this.value=this.value.replace(/[^a-zA-Z]/g,'')">
</div>
<p class="p "><span>*</span> <b class="p6"></b></p>
<div class="box Address">
<span>*</span>
<input type="text" placeholder="Address" class="text10"
onkeyup="this.value=this.value.replace(/[^a-zA-Z]/g,'')">
</div>
@@ -65,6 +65,7 @@
<div class="countryPub"></div>
</div>
</div>
<div class="null"></div>
</body>
<script src="../../common/js/flexible.js"></script>
<script src="../../common/js/jquery-3.2.1.min.js"></script>

View File

@@ -21,18 +21,19 @@
<input type="text" disabled placeholder="Currency Type:USD" class="text6">
<!-- <img src="./images/right.png" alt="" class="right"> -->
</div>
<p class="p "><span>*</span> <b class="p1"></b></p>
<div class="box country">
<span>*</span>
<input type="text" readonly placeholder="Country" class="text7">
<img src="./images/right.png" alt="" class="right">
</div>
<p class="p "><span>*</span> <b class="p7"></b></p>
<div class="box payeeAccountNo">
<span>*</span>
<input type="text" placeholder="payeeAccountNo" class="text8">
</div>
<p class="p 5"><span>*</span> <b class="p5"></b></p>
<div class="box payeeName">
<span>*</span>
<input type="text" placeholder="payeeName" class="text9" onkeyup="this.value=this.value.replace(/[^a-zA-Z]/g,'')">
<input type="text" placeholder="payeeName" class="text9"
onkeyup="this.value=this.value.replace(/[^a-zA-Z]/g,'')">
</div>
<!-- 按钮 -->
<div class="but">

View File

@@ -21,13 +21,13 @@
<input type="text" disabled placeholder="Currency Type:USD">
<!-- <img src="./images/right.png" alt="" class="right"> -->
</div>
<p class="p "><span>*</span> <b class="p1"></b></p>
<div class="box country">
<span>*</span>
<input type="text" readonly placeholder="Country" class="text7">
<img src="./images/right.png" alt="" class="right" >
</div>
<p class="p "><span>*</span> <b class="p2"></b></p>
<div class="box payeeAccountNo">
<span>*</span>
<input type="text" placeholder="payeeAccountNo" class="text8">
</div>
<!-- 按钮 -->

View File

@@ -35,8 +35,10 @@ body {
height: 1.49333rem;
border-radius: 0.21333rem;
background: #F2F3F7;
margin: 0 auto 0.45333rem;
margin: 0 auto 0.32rem;
position: relative;
box-sizing: border-box;
padding: 0 0.26667rem;
}
.box span {
@@ -76,6 +78,29 @@ body {
margin: 0.48rem 0.26667rem 0;
}
.p {
width: 9.2rem;
height: 0.53333rem;
line-height: 0.53333rem;
margin: 0 auto 0.21333rem;
}
.p span {
color: #ED4343;
font-size: 0.37333rem;
font-weight: 600;
height: 100%;
display: block;
float: left;
margin: 0 0.10667rem;
}
.p b {
font-size: 0.37333rem;
color: #313131;
font-weight: 500;
}
.but {
width: 9.2rem;
display: flex;
@@ -194,3 +219,11 @@ body {
right: auto;
left: 0.42667rem;
}
.arabic .p span {
float: right;
}
.null {
height: 6rem;
}

View File

@@ -39,8 +39,10 @@ body {
height: px2rem(112);
border-radius: px2rem(16);
background: #F2F3F7;
margin: 0 auto px2rem(34);
margin: 0 auto px2rem(24);
position: relative;
box-sizing: border-box;
padding: 0 px2rem(20);
span {
color: #ED4343;
@@ -80,6 +82,29 @@ body {
}
}
.p {
width: px2rem(690);
height: px2rem(40);
line-height: px2rem(40);
margin: 0 auto px2rem(16);
span {
color: #ED4343;
font-size: px2rem(28);
font-weight: 600;
height: 100%;
display: block;
float: left;
margin: 0 px2rem(8);
}
b {
font-size: px2rem(28);
color: #313131;
font-weight: 500;
}
}
.but {
@@ -204,4 +229,14 @@ body {
right: auto;
left: px2rem(32);
}
.p {
span {
float: right;
}
}
}
.null {
height: 6rem;
}

View File

@@ -247,11 +247,9 @@ html {
.transfer_dollars .official_withdraw .pop,
.transfer_dollars .agent_settlement .pop {
min-width: 5.76rem;
top: -0.8rem;
left: 2.9rem;
position: absolute;
top: -2.1rem;
left: 2.52rem;
top: -0.4rem;
left: 2.9rem;
font-size: 0.32rem;
line-height: 0.42667rem;
color: #ffffff;
@@ -795,6 +793,61 @@ html {
color: #7b7b7d;
}
.success {
position: fixed;
left: 0;
top: 0;
bottom: 0;
right: 0;
background: rgba(0, 0, 0, 0.5);
z-index: 9999;
display: none;
}
.success .success_in {
width: 9.14667rem;
min-height: 4.64rem;
background: #fff;
border-radius: 0.42667rem;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
.success .success_in .title {
width: 100%;
text-align: center;
color: #313131;
font-size: 0.45333rem;
height: 0.64rem;
margin-top: 0.4rem;
margin-bottom: 0.37333rem;
font-weight: 500;
}
.success .success_in p {
width: 8.08rem;
margin: 0 auto 0.37333rem;
color: #7B7B7D;
font-size: 0.37333rem;
font-weight: 400;
line-height: 0.53333rem;
}
.success .success_in .but {
width: 8.08rem;
height: 1.22667rem;
line-height: 1.22667rem;
text-align: center;
color: #fff;
font-size: 0.42667rem;
font-weight: 500;
margin: 0 auto;
background: #04D5C6;
border-radius: 0.66667rem;
}
.arabic .nav .back {
right: 0.4rem;
left: unset;
@@ -804,7 +857,7 @@ html {
.arabic .transfer_method .official_withdraw .pop {
left: unset;
right: 3.2rem;
top: -1.5rem;
top: -0.8rem;
}
.arabic .my_salary p img {
@@ -831,6 +884,6 @@ html {
}
.english .transfer_method .official_withdraw .pop {
top: -2.1rem;
left: 2.52rem;
top: -0.8rem;
left: 2.9rem;
}

View File

@@ -234,14 +234,12 @@ html {
.pop {
min-width: px2rem(216);
top: -0.8rem;
left: 2.9rem;
// height: px2rem(42);
// background: url(../images/pop.png) no-repeat;
// background-size: 100% 100%;
position: absolute;
top: -2.1rem;
left: 2.52rem;
top: -0.4rem;
left: 2.9rem;
font-size: px2rem(12);
line-height: px2rem(16);
color: #ffffff;
@@ -752,6 +750,61 @@ html {
}
}
.success {
position: fixed;
left: 0;
top: 0;
bottom: 0;
right: 0;
background: rgba(0, 0, 0, 0.5);
z-index: 9999;
display: none;
.success_in {
width: px2rem(343);
min-height: px2rem(174);
background: #fff;
border-radius: px2rem(16);
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
.title {
width: 100%;
text-align: center;
color: #313131;
font-size: px2rem(17);
height: px2rem(24);
margin-top: px2rem(15);
margin-bottom: px2rem(14);
font-weight: 500;
}
p {
width: px2rem(303);
margin: 0 auto px2rem(14);
color: #7B7B7D;
font-size: px2rem(14);
font-weight: 400;
line-height: px2rem(20);
}
.but {
width: px2rem(303);
height: px2rem(46);
line-height: px2rem(46);
text-align: center;
color: #fff;
font-size: px2rem(16);
font-weight: 500;
margin: 0 auto;
background: #04D5C6;
border-radius: px2rem(25);
}
}
}
.arabic {
.nav {
.back {
@@ -764,7 +817,7 @@ html {
.transfer_method .official_withdraw .pop {
left: unset;
right: 3.2rem;
top: -1.5rem;
top: -0.8rem;
}
.my_salary p img {
@@ -804,7 +857,7 @@ html {
.english {
.transfer_method .official_withdraw .pop {
top: -2.1rem;
left: 2.52rem;
top: -0.8rem;
left: 2.9rem;
}
}

View File

@@ -67,7 +67,12 @@ function translateFun() {
$('.text8').attr('placeholder', langReplace(localLang.bank.text8));
$('.text9').attr('placeholder', langReplace(localLang.bank.text9));
$('.text10').attr('placeholder', langReplace(localLang.bank.text10));
$('.p1').text(langReplace(localLang.pTitle.p1));
$('.p2').text(langReplace(localLang.pTitle.p2));
$('.p3').text(langReplace(localLang.pTitle.p3));
$('.p4').text(langReplace(localLang.pTitle.p4));
$('.p5').text(langReplace(localLang.pTitle.p5));
$('.p6').text(langReplace(localLang.pTitle.p6));
}
// 获取
function get() {
@@ -84,10 +89,13 @@ function get() {
if (fields.country == '') {
$('.but .determine').hide();
$('.but .ok').show();
$('.box input').attr('disabled', false)
} else {
$('.but .determine').show();
$('.but .ok').hide();
$('.box input').attr('disabled', true)
}
$('.currencyType input').attr('disabled', true)
$('.country input').val(fields.country);
$('.payeeAccountNo input').val(fields.bank_account);
$('.bankName input').val(fields.bank_name);
@@ -99,7 +107,7 @@ function get() {
var str = '';
res.data.countryOptionalList.forEach(res => {
str += `
<div country='${res}' class="countryPub">${res}</div>
<div country='${res.value}' name="${res.name}" class="countryPub">${res.name}</div>
`
})
$('.pub .pub_in').append(str);
@@ -123,22 +131,24 @@ $('.pub').click(function (params) {
$('.pub').hide();
})
// 选中国家
$('.pub .pub_in').on('click', '.countryPub', function name(params) {
var nameval;
$('.pub .pub_in').on('click', '.countryPub', function (params) {
$(this).addClass('act').siblings().removeClass('act');
nameval = $(this).attr('name');
var country = $(this).attr('country');
fields.country = country;
return false;
})
// 确认选中国家
$('.pub .pub_in .soure').click(function name(params) {
$('.country input').val(fields.country);
$('.pub .pub_in .soure').click(function (params) {
$('.country input').val(nameval);
$('.pub').hide();
})
// 确认绑定按钮
$('.but .ok').click(function (params) {
console.log(fields);
var obj = {}
obj.country = $('.country input').val();
obj.country = fields.country;
obj.bank_account = $('.payeeAccountNo input').val();
obj.bank_name = $('.bankName input').val();
obj.swift_code = $('.sWIFTCode input').val();
@@ -168,6 +178,7 @@ function update(obj) {
if (res.code == 200) {
get();
toastMsg('success');
location.href = './salary_account.html'
} else {
toastMsg(res.message);
}

View File

@@ -64,8 +64,11 @@ function translateFun() {
$('.text5').text(langReplace(localLang.payonner.text5));
$('.text6').attr('placeholder', langReplace(localLang.payonner.text6));
$('.text7').attr('placeholder', langReplace(localLang.payonner.text7));
$('.text8').attr('placeholder', langReplace(localLang.payonner.text8));
$('.text8').attr('placeholder', langReplace(localLang.payonner.p7));
$('.text9').attr('placeholder', langReplace(localLang.payonner.text9));
$('.p1').text(langReplace(localLang.pTitle.p1));
$('.p7').text(langReplace(localLang.pTitle.p7));
$('.p5').text(langReplace(localLang.pTitle.p5));
}
// 获取
@@ -83,10 +86,13 @@ function get() {
if (fields.country == '') {
$('.but .determine').hide();
$('.but .ok').show();
$('.box input').attr('disabled', false)
} else {
$('.but .determine').show();
$('.but .ok').hide();
$('.box input').attr('disabled', true)
}
$('.currencyType input').attr('disabled', true)
$('.country input').val(fields.country);
$('.payeeAccountNo input').val(fields.bank_account);
$('.payeeName input').val(fields.full_name);
@@ -95,7 +101,7 @@ function get() {
var str = '';
res.data.countryOptionalList.forEach(res => {
str += `
<div country='${res}' class="countryPub">${res}</div>
<div country='${res.value}' name="${res.name}" class="countryPub">${res.name}</div>
`
})
$('.pub .pub_in').append(str);
@@ -119,22 +125,24 @@ $('.pub').click(function (params) {
$('.pub').hide();
})
// 选中国家
var nameTitle
$('.pub .pub_in').on('click', '.countryPub', function name(params) {
$(this).addClass('act').siblings().removeClass('act');
nameTitle = $(this).attr('name');
var country = $(this).attr('country');
fields.country = country;
return false;
})
// 确认选中国家
$('.pub .pub_in .soure').click(function name(params) {
$('.country input').val(fields.country);
$('.country input').val(nameTitle);
$('.pub').hide();
})
// 确认绑定按钮
$('.but .ok').click(function (params) {
console.log(fields);
var obj = {}
obj.country = $('.country input').val();
obj.country = fields.country;
obj.bank_account = $('.payeeAccountNo input').val();
obj.full_name = $('.payeeName input').val();
if (obj.country && obj.bank_account && obj.full_name) {
@@ -161,6 +169,7 @@ function update(obj) {
if (res.code == 200) {
get();
toastMsg('success');
location.href = './salary_account.html'
} else {
toastMsg(res.message);
}

View File

@@ -63,6 +63,8 @@ function translateFun() {
$('.text5').text(langReplace(localLang.payonner.text5));
$('.text7').attr('placeholder', langReplace(localLang.payonner.text7));
$('.text8').attr('placeholder', langReplace(localLang.payonner.text8));
$('.p1').text(langReplace(localLang.pTitle.p1));
$('.p2').text(langReplace(localLang.pTitle.p2));
}
// 获取
@@ -80,10 +82,13 @@ function get() {
if (fields.country == '') {
$('.but .determine').hide();
$('.but .ok').show();
$('.box input').attr('disabled', false)
} else {
$('.but .determine').show();
$('.but .ok').hide();
$('.box input').attr('disabled', true)
}
$('.currencyType input').attr('disabled', true)
$('.country input').val(fields.country);
$('.payeeAccountNo input').val(fields.bank_account);
// 渲染国家
@@ -91,7 +96,7 @@ function get() {
var str = '';
res.data.countryOptionalList.forEach(res => {
str += `
<div country='${res}' class="countryPub">${res}</div>
<div country='${res.value}' name="${res.name}" class="countryPub">${res.name}</div>
`
})
$('.pub .pub_in').append(str);
@@ -115,22 +120,24 @@ $('.pub').click(function (params) {
$('.pub').hide();
})
// 选中国家
var nameTitle;
$('.pub .pub_in').on('click', '.countryPub', function name(params) {
$(this).addClass('act').siblings().removeClass('act');
nameTitle = $(this).attr('name');
var country = $(this).attr('country');
fields.country = country;
return false;
})
// 确认选中国家
$('.pub .pub_in .soure').click(function name(params) {
$('.country input').val(fields.country);
$('.country input').val(nameTitle);
$('.pub').hide();
})
// 确认绑定按钮
$('.but .ok').click(function (params) {
console.log(fields);
var obj = {}
obj.country = $('.country input').val();
obj.country = fields.country;
obj.bank_account = $('.payeeAccountNo input').val();
if (obj.country && obj.bank_account) {
fields = obj;
@@ -156,6 +163,7 @@ function update(obj) {
if (res.code == 200) {
get();
toastMsg('success');
location.href = './salary_account.html'
} else {
toastMsg(res.message);
}

View File

@@ -105,6 +105,9 @@ $(function () {
$('.textnew10').html(langReplace(localLang.salary.textnew10));
$('.textnew11').html(langReplace(localLang.salary.textnew11));
$('.textnew12').html(langReplace(localLang.salary.textnew12));
$('.textnew15').html(langReplace(localLang.salary.textnew15));
$('.textnew16').html(langReplace(localLang.salary.textnew16));
$('.textnew17').html(langReplace(localLang.salary.textnew17));
}
});
// 获取usd操作的功能标签tab
@@ -513,9 +516,9 @@ function operateValue(than) {
$('.pubWithdrawal .pubWithdrawal_in .box3 .left p').hide();
$('.pubWithdrawal .pubWithdrawal_in .box4 .right').text(`${((than.attr('guildUsdNum')) - (than.attr('guildUsdNum') * withdrawRate))} ${accountObj.currency}`);
}
$('.pubWithdrawal .pubWithdrawal_in .box1 .right').text(`${than.attr('guildUsdNum')}${accountObj.currency}`);
$('.pubWithdrawal .pubWithdrawal_in .box1 .right').text(`${than.attr('guildUsdNum')} USD`);
$('.pubWithdrawal .pubWithdrawal_in .box2 .right').text(withdrawRate * 100 + '%');
$('.pubWithdrawal .pubWithdrawal_in .box3 .right').text(`${than.attr('guildUsdNum') * withdrawRate} ${accountObj.currency}`);
$('.pubWithdrawal .pubWithdrawal_in .box3 .right').text(`${than.attr('guildUsdNum') * withdrawRate} USD`);
$('.pubWithdrawal').show();
} else {
toastMsg(langReplace(localLang.salary.textnew13))
@@ -540,7 +543,7 @@ $('.pubWithdrawal .pubWithdrawal_in .ok').click(function () {
type,
};
if ($(this).attr('accountType') == 'VODAFONE' && $(this).attr('guildUsdNum') > 1000) {
toastMsg('超出限额')
toastMsg(langReplace(localLang.salary.textnew14))
} else {
operate(obj)
}
@@ -562,7 +565,7 @@ function operate(obj) {
// window.location.href = `./salary_account.html?type=${obj.type}&createTime=${dateFormat(res.data.createTime,'yyyy/MM/dd hh:mm:ss')}&guildUsdNum=${res.data.guildUsdNum}`
if (obj.type == 5) {
$('.pubWithdrawal').hide();
toastMsg('Success')
$('.success').show();
} else {
window.location.href = `./successful.html?type=${obj.type}&data=${JSON.stringify(res.data)}`
}
@@ -603,3 +606,7 @@ $('.selectAccount .selectAccount_in .accountBox').on('click', ' .account .eid',
var type = $(this).attr('type');
location.href = `./${type}.html?type=${type}`
})
// 关闭成功按钮
$('.success .success_in .but').click(function () {
$('.success').hide();
})

View File

@@ -225,7 +225,7 @@ langAr = {
text18: `(نسبة التبادل 1:<b>7000</b>)`,
text19: `تبادل العملات`,
text20: `السحب الرسمي`,
text21: `تفتح قناة السحب في اليومين الأول والثاني من كل شهر، ووقت معالجة طلبات السحب يكون من اليوم الثالث إلى العاشر من كل شهر. `,
text21: `تفتح قناة السحب في اليومين الأول والثاني من كل شهر.`,
text22: `تسوية الوكيل`,
text23: `تسوية وكلاء الشحن`,
text24: `يرجى إدخال المبلغ المراد استرداده`,
@@ -244,6 +244,9 @@ langAr = {
textnew12: `إلغاء`,
textnew13: `يرجى اختيار حساب السحب`,
textnew14: `أكثر من الحد الأقصى للمبلغ القابل للتحويل.`,
textnew15: `نجاح`,
textnew16: `وقت معالجة طلبات السحب يكون من اليوم الثالث إلى العاشر من كل شهر.`,
textnew17: `موافق`,
},
bill: {
text1: `الفاتورة`,
@@ -301,4 +304,13 @@ langAr = {
text9: `اسم المستلم`,
text10: `العنوان`,
},
pTitle: {
p1: `البلد`,
p2: `رقم حساب المستلم`,
p3: `اسم البنك (أدخل الإنجليزية فقط)`,
p4: `رمز SWIFT (أدخل الإنجليزية فقط)`,
p5: `اسم المستلم (أدخل الإنجليزية فقط)`,
p6: `العنوان (أدخل الإنجليزية فقط)`,
p7: `حساب المستلم (صيغة البريد الإلكتروني)`,
}
}

View File

@@ -223,7 +223,7 @@ langEn = {
text18: `(Exchange at a ratio of 1:<b>7000</b>)`,
text19: `Exchange coins`,
text20: `Withdraw`,
text21: `The withdrawal channel opens on the 1st and 2nd of every month, and the processing time for withdrawal requests is from the 3rd to the 10th of every month.`,
text21: `The withdrawal channel opens on the 1st and 2nd of every month.`,
text22: `Agent settlement`,
text23: `Recharge agent settlement`,
text24: `Please enter the amount to be redeemed`,
@@ -242,6 +242,9 @@ langEn = {
textnew12: `Cancel`,
textnew13: `Please select a withdrawal account`,
textnew14: `More than the maximum transferable amount.`,
textnew15: `Success`,
textnew16: `The processing time for withdrawal requests is from the 3rd to the 10th of every month.`,
textnew17: `OK`,
},
bill: {
text1: `Bill`,
@@ -300,4 +303,13 @@ langEn = {
text9: `payeeName`,
text10: `Address`,
},
pTitle: {
p1: `Country`,
p2: `payeeAccountNo`,
p3: `Bank Name(Only Enter English)`,
p4: `SWIFT Code(Only Enter English)`,
p5: `payeeName(Only Enter English)`,
p6: `Address(Only Enter English)`,
p7: `payeeAccount(E-mail fomat)`,
}
}

View File

@@ -226,7 +226,7 @@ langZh = {
text18: `(兌換比例為 1:<b>7000</b>)`,
text19: `兌換硬幣`,
text20: `官方提現`,
text21: `提款通道每月1日和2日開放提款申請的處理時間為每月3日至10日`,
text21: `提款通道每月1日和2日開放。`,
text22: `代理結算`,
text23: `充值代理結算`,
text24: `請輸入要贖回的金額`,
@@ -245,6 +245,9 @@ langZh = {
textnew12: `取消`,
textnew13: `請選擇提款賬戶`,
textnew14: `超過最大可轉賬金額。`,
textnew15: `成功`,
textnew16: `提款申請的處理時間為每月3日至10日。`,
textnew17: `確定`,
},
bill: {
text1: `賬單`,
@@ -302,4 +305,13 @@ langZh = {
text9: `收款人姓名`,
text10: `地址`,
},
pTitle: {
p1: `國家`,
p2: `收款人賬號`,
p3: `銀行名稱(僅輸入英文)`,
p4: `SWIFT 代碼(僅輸入英文)`,
p5: `收款人姓名(僅輸入英文)`,
p6: `地址(僅輸入英文)`,
p7: `收款人賬號(電子郵件格式)`,
}
}

View File

@@ -73,7 +73,8 @@
<!-- 绑定账户 -->
<div class="withdrawalAccount">
<div class="left"><b>*</b><span class="textnew1"></span></div>
<div class="right"><b class="textnew2"> </b><img src="./images/right.png" alt=""></div>
<!-- textnew2 -->
<div class="right"><b class=""> </b><img src="./images/right.png" alt=""></div>
</div>
<!-- 转增金额 -->
<div class="transfer_dollars_tit">
@@ -205,6 +206,15 @@
</div>
</div>
<!-- 提现账户成功弹窗 -->
<div class="success">
<div class="success_in">
<div class="title textnew15">Success</div>
<p class="textnew16">The processing time for withdrawal requests is from the 3rd to the 10th of every month.</p>
<div class="but textnew17">OK</div>
</div>
</div>
<script src="../../common/js/jquery-3.2.1.min.js"></script>
<script src="../../common/js/flexible.js"></script>
<script src="../../common/js/vconsole.min.js"></script>