@charset "UTF-8"; html { width: 100%; height: 100%; position: relative; } body { font-size: 14px !important; } * { margin: 0; padding: 0; box-sizing: border-box; } i, b { font-style: normal; } i, b, span { display: inline-block; } a { outline: none; text-decoration: none; } h5, h6 { text-transform: none; } ul, li { list-style: none; } .d-flex { display: flex; } .align-items-center { align-items: center; } .justify-content-center { justify-content: center; } .ptb60 { padding-top: 60px !important; padding-bottom: 60px !important; } .ptb80 { padding-top: 80px !important; padding-bottom: 80px !important; } .pt10 { padding-top: 10px; } .pt20 { padding-top: 20px; } .pt30 { padding-top: 30px; } .pt40 { padding-top: 40px; } .pt50 { padding-top: 50px; } .pt60 { padding-top: 60px; } .pt70 { padding-top: 70px; } .pt80 { padding-top: 80px; } .pt90 { padding-top: 90px; } .pt100 { padding-top: 100px; } .pt80 { padding-top: 80px !important; } .pb60 { padding-bottom: 60px !important; } .mt-f66 { margin-top: -66px; } .mt10 { margin-top: 10px !important; } .mt12 { margin-top: 12px !important; } .mt20 { margin-top: 20px !important; } .mt30 { margin-top: 30px !important; } .mt40 { margin-top: 40px !important; } .mt50 { margin-top: 50px !important; } .mt60 { margin-top: 60px !important; } .mt65 { margin-top: 65px !important; } .mt70 { margin-top: 70px !important; } .mt80 { margin-top: 80px !important; } .mt90 { margin-top: 90px !important; } .mt100 { margin-top: 100px !important; } .mt120 { margin-top: 120px !important; } .mb5 { margin-bottom: 5px !important; } .mb10 { margin-bottom: 10px !important; } .mb15 { margin-bottom: 15px !important; } .mb20 { margin-bottom: 20px !important; } .mb25 { margin-bottom: 25px !important; } .mb30 { margin-bottom: 30px !important; } .mb40 { margin-bottom: 40px !important; } .mb50 { margin-bottom: 50px !important; } .mb60 { margin-bottom: 60px !important; } .mb70 { margin-bottom: 70px !important; } .mb80 { margin-bottom: 80px !important; } .mb90 { margin-bottom: 90px !important; } .mb100 { margin-bottom: 100px !important; } .mb110 { margin-bottom: 110px !important; } .mb120 { margin-bottom: 120px !important; } .mb130 { margin-bottom: 130px !important; } .mb140 { margin-bottom: 140px !important; } .ml5 { margin-left: 5px !important; } .ml10 { margin-left: 10px !important; } .ml15 { margin-left: 15px !important; } .ml20 { margin-left: 20px !important; } .ml25 { margin-left: 25px !important; } .ml30 { margin-left: 30px !important; } .ml40 { margin-left: 40px !important; } .ml50 { margin-left: 50px !important; } .ml60 { margin-left: 60px !important; } .ml70 { margin-left: 70px !important; } .mr10 { margin-right: 10px !important; } .mr15 { margin-right: 15px !important; } .mr20 { margin-right: 20px !important; } input:focus, textarea:focus { outline: none; } input:focus-visible, textarea:focus-visible { outline: none; } .com-disabled { pointer-events: none; } .none { display: none !important; } .btn-box { display: flex; align-items: flex-start; } body, html { font-family: Ubuntu-Regular, Ubuntu; } .w1280 { width: 1280px; margin: 0 auto; } .w1210 { width: 1210px; margin: 0 auto; } .w1260 { width: 1260px; margin: 0 auto; } #copyIptVal { position: fixed; left: -999px; top: -999px; opacity: 0; } .line-clamp-4 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } .lang-logo { display: none; } .line-clamp-2 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .line-clamp-9 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 9; -webkit-box-orient: vertical; } .flex-center-bet { display: flex; align-items: center; justify-content: space-between; } .flexw-wrap { flex-wrap: wrap; } .laypageskin_default .laypage_curr { background-color: #2c71f0; border-radius: 2px; color: #fff !important; box-sizing: border-box; } .laypage_main button, .laypage_main input, .laypageskin_default a { border-radius: 2px; border: 1px solid #c7d1e5; font-size: 15px; font-family: Ubuntu-Regular; color: #55687d; line-height: 18px; } .msgBox { position: fixed; max-width: 80%; top: 50%; left: 50%; transform: translate(-50%, -50%); background-color: rgba(0, 0, 0, 0.5); color: #fff; font-size: 14px; z-index: 99999; border-radius: 4px; padding: 10px 20px; animation: show linear 0.5s; } .bulletin { position: fixed; top: 70px; left: 47px; cursor: pointer; } header { min-height: 70px; width: 100%; position: fixed; left: 0; top: 0; z-index: 989999; background-color: #fff; box-shadow: none; transition: all 0.3s; } header .header-thumb-icon { width: 24px; height: 24px; background-image: url("../img/header/header_icon_thumb.svg"); background-repeat: no-repeat; } header .header-thumb-icon.hticon1 { background-position: 0px 0px; } header .header-thumb-icon.hticon2 { background-position: -29px 0px; } header .header-thumb-icon.hticon3 { background-position: -58px 0px; } header .header-thumb-icon.hticon4 { background-position: -87px 0px; } header .header-thumb-icon.hticon5 { background-position: -116px 0px; } header .header-thumb-icon.hticon6 { background-position: -145px 0px; } header .header-thumb-icon.hticon7 { background-position: -174px 0px; } header .header-thumb-icon.hticon8 { background-position: -203px 0px; } header .header-thumb-icon.hticon9 { background-position: -232px 0px; } header .header-thumb-icon.hticon10 { background-position: -261px 0px; } header .header-thumb-icon.hticon11 { background-position: -290px 0px; } header .header-thumb-icon.hticon12 { background-position: -319px 0px; } header .header-thumb-icon.hticon13 { background-position: -348px 0px; } header .header-thumb-icon.hticon14 { background-position: -377px 0px; } header .header-thumb-icon.hticon15 { background-position: -406px 0px; } header .header-thumb-icon.hticon16 { background-position: -435px 0px; } header .header-thumb-icon.hticon17 { background-position: -464px 0px; } header .header-thumb-icon.hticon18 { background-position: -493px 0px; } header .header-thumb-icon.hticon19 { background-position: -522px 0px; } header .header-thumb-icon.hticon20 { background-position: -551px 0px; } header .header-thumb-icon.hticon21 { background-position: -580px 0px; } header .header-thumb-icon.hticon22 { background-position: -609px 0px; } header .header-thumb-icon.hticon23 { background-position: -638px 0px; } header .header-thumb-icon.hticon24 { background-position: -667px 0px; } header .header-thumb-icon.hticon25 { background-position: -696px 0px; } header .header-thumb-icon.hticon26 { background-position: -725px 0px; } header .header-thumb-icon.hticon27 { background-position: -754px 0px; } header .header-thumb-icon.hticon28 { background-position: -783px 0px; } header .header-thumb-icon.hticon29 { background-position: -812px 0px; } header .header-thumb-icon.hticon30 { background-position: -841px 0px; } header .header-thumb-icon.hticon31 { background-position: -870px 0px; } header .header-thumb-icon.hticon32 { background-position: -899px 0px; } header .header-thumb-flag { width: 24px; height: 24px; background-image: url("../img/header/header_thumb_lang-2.svg"); background-repeat: no-repeat; } header .header-thumb-flag.htflag1 { background-position: -10px -10px; } header .header-thumb-flag.htflag2 { background-position: -44px -10px; } header .header-thumb-flag.htflag3 { background-position: -58px -10px; display: none; } header .header-thumb-flag.htflag4 { background-position: -78px -10px; } header .header-thumb-flag.htflag5 { background-position: -112px -10px; } header .header-thumb-flag.htflag6 { background-position: -145px -10px; } header .header-thumb-flag.htflag7 { background-position: -180px -10px; } header .header-thumb-flag.htflag8 { background-position: -214px -10px; } header .header-thumb-flag.htflag9 { background-position: -248px -10px; } header .header-thumb-flag.htflag10 { background-position: -282px -10px; } header .header-thumb-lang { width: 20px; height: 20px; background-image: url("../img/header/header_thumb_lang.svg"); background-size: auto 20px; background-repeat: no-repeat; display: none; } header .header-thumb-lang.htlang1 { background-position: 0px 0px; } header .header-thumb-lang.htlang2 { background-position: -25px 0px; } header .header-thumb-lang.htlang3 { background-position: -50px 0px; } header .header-thumb-lang.htlang4 { background-position: -75px 0px; } header .header-thumb-lang.htlang5 { background-position: -100px 0px; } header .header-thumb-lang.htlang6 { background-position: -125px 0px; } header .header-thumb-lang.htlang7 { background-position: -150px 0px; } header .header-thumb-lang.htlang8 { background-position: -175px 0px; } header .header-banner, header .header-banner-pay { width: 100%; display: flex; align-items: center; justify-content: center; transition: all .8s; position: relative; z-index: 22; } header .header-banner img, header .header-banner-pay img { width: 100%; } header.show { box-shadow: rgba(0, 0, 0, 0.06) 0px 6px 24px; } header.show .header-banner { opacity: 0; } header .header-cont { width: 100%; min-width: 1380px; height: 70px; display: flex; align-items: center; justify-content: space-between; position: relative; padding: 0 330px 0 230px; background-color: #DFF8FF; z-index: 24; } header .header-cont .hcont-left { display: flex; align-items: center; flex: 1; } header .header-cont .hcont-left .h-logo { flex: none; display: block; margin-right: 48px; position: absolute; left: 20px; top: 50%; transform: translateY(-50%); } header .header-cont .hcont-left .h-logo img { width: 100%; } header .header-cont .hcont-left .h-nav { display: flex; align-items: center; } header .header-cont .hcont-left .h-nav .nav-li { display: flex; align-items: center; margin-right: -70px; cursor: pointer; } header .header-cont .hcont-left .h-nav .nav-li.free_proxy { display: none; } header .header-cont .hcont-left .h-nav .nav-li::after { content: ""; position: relative; left: -50%; bottom: -30px; width: 100px; height: 0px; } header .header-cont .hcont-left .h-nav .nav-li:hover::after { height: 32px; } header .header-cont .hcont-left .h-nav .nav-li:hover > p::after, header .header-cont .hcont-left .h-nav .nav-li:hover .p-a::after { width: 100%; } header .header-cont .hcont-left .h-nav .nav-li:hover > i { transform: rotateZ(-180deg); } header .header-cont .hcont-left .h-nav .nav-li:hover .h-paypop-box, header .header-cont .hcont-left .h-nav .nav-li:hover .h-downbox { display: block; animation: show linear 0.3s; } header .header-cont .hcont-left .h-nav .nav-li:hover .h-location { display: block; animation: show linear 0.3s; } header .header-cont .hcont-left .h-nav .nav-li:hover .h-location-all { display: flex; animation: show linear 0.3s; } header .header-cont .hcont-left .h-nav .nav-li:hover .h-resources { display: block; animation: show linear 0.3s; } header .header-cont .hcont-left .h-nav .nav-li:hover .h-help { display: block; animation: show linear 0.3s; } header .header-cont .hcont-left .h-nav .nav-li:hover .h-video { display: flex; animation: show linear 0.3s; } header .header-cont .hcont-left .h-nav .nav-li:hover .h-use { display: block; animation: show linear 0.3s; } header .header-cont .hcont-left .h-nav .nav-li > p, header .header-cont .hcont-left .h-nav .nav-li .p-a { font-size: 17px; font-family: Ubuntu-Regular, Ubuntu; color: #15357a; line-height: 22px; margin-right: 5px; position: relative; white-space: nowrap; } header .header-cont .hcont-left .h-nav .nav-li > p::after, header .header-cont .hcont-left .h-nav .nav-li .p-a::after { content: ""; display: block; position: absolute; bottom: 1px; left: 0; width: 0; height: 1px; background-color: #15357a; transition: all 0.3s; } header .header-cont .hcont-left .h-nav .nav-li .h-icon { height: 18px; display: flex; align-items: center; padding: 0 5px; background: #00A653; border-radius: 3px; color: #FFF; font-family: "Open Sans"; font-size: 13px; font-style: normal; font-weight: 600; line-height: normal; text-transform: capitalize; position: relative; white-space: nowrap; } header .header-cont .hcont-left .h-nav .nav-li .h-icon::after { content: ''; display: block; width: 7px; height: 7px; background: #00A653; position: absolute; left: -2px; top: 50%; transform: translateY(-50%) rotateZ(45deg); } header .header-cont .hcont-left .h-nav .nav-li > i { display: block; width: 13px; height: 12px; background-image: url("../img/header/ico_down.svg"); background-repeat: no-repeat; background-position: center -2px; background-size: contain; transition: all 0.3s; } header .header-cont .hcont-left .h-nav .nav-li > .tip { display: inline-block; background: #00AC6E; height: 18px; align-items: flex-end; padding: 0 3px; margin-left: 0; gap: 10px; border-radius: 2px; position: relative; } header .header-cont .hcont-left .h-nav .nav-li > .tip > i { transform: scale(0.9); display: block; width: 100%; height: 100%; color: #FFF; font-family: "Ubuntu"; font-size: 12px; font-style: normal; font-weight: 500; line-height: 18px; text-transform: uppercase; } header .header-cont .hcont-left .h-nav .nav-li .h-downbox { display: none; position: absolute; left: 0; top: calc(100%); width: 100%; padding: 15px; background-color: #ffffff; box-shadow: 0 6px 5px 1px rgba(24, 28, 50, 0.1); border-radius: 4px; border-top: 1px solid #EBF5FF; z-index: 9; padding-bottom: 50px; padding-top: 30px; } header .header-cont .hcont-left .h-nav .nav-li .h-downbox > .downCount { width: 1364px; margin: 0 auto; } header .header-cont .hcont-left .h-nav .nav-li .h-downbox > .downCount::after { display: block; clear: both; content: ""; } header .header-cont .hcont-left .h-nav .nav-li .h-downbox > .downCount > .downList { width: 428px; float: left; margin-right: 40px; } header .header-cont .hcont-left .h-nav .nav-li .h-downbox > .downCount > .downList.downlist-how-to { margin-right: 0; } header .header-cont .hcont-left .h-nav .nav-li .h-downbox > .downCount > .downList.downlist-how-to > .li .txt > div { margin-left: 0; } header .header-cont .hcont-left .h-nav .nav-li .h-downbox > .downCount > .downList > div { width: 100%; color: #355395; margin-bottom: 15px; font-family: "Ubuntu"; font-size: 15px; font-style: normal; font-weight: 600; line-height: 17px; /* 113.333% */ text-transform: uppercase; padding-bottom: 15px; border-bottom: 1px solid #EBF5FF; } header .header-cont .hcont-left .h-nav .nav-li .h-downbox > .downCount > .downList > div > span { display: inline-block; background: #2261FF; display: inline-block; height: 15px; align-items: flex-end; padding: 0 3px; margin-left: 5px; gap: 10px; border-radius: 2px; } header .header-cont .hcont-left .h-nav .nav-li .h-downbox > .downCount > .downList > div > span > i { transform: scale(0.9); display: block; width: 100%; height: 100%; color: #FFF; font-family: "Ubuntu"; font-size: 12px; font-style: normal; font-weight: 500; line-height: 15px; text-transform: uppercase; } header .header-cont .hcont-left .h-nav .nav-li .h-downbox > .downCount > .downList > .li { display: block; width: 100%; border-radius: 4px; justify-content: space-between; align-items: center; padding: 8px 10px; margin-bottom: 5px; } header .header-cont .hcont-left .h-nav .nav-li .h-downbox > .downCount > .downList > .li:nth-last-of-type(1) { margin-bottom: 0; } header .header-cont .hcont-left .h-nav .nav-li .h-downbox > .downCount > .downList > .li img { margin-right: 10px; } header .header-cont .hcont-left .h-nav .nav-li .h-downbox > .downCount > .downList > .li .txt { display: block; position: relative; width: 100%; } header .header-cont .hcont-left .h-nav .nav-li .h-downbox > .downCount > .downList > .li .txt::after { display: block; clear: both; content: ""; } header .header-cont .hcont-left .h-nav .nav-li .h-downbox > .downCount > .downList > .li .txt > .header-thumb-icon, header .header-cont .hcont-left .h-nav .nav-li .h-downbox > .downCount > .downList > .li .txt > img { position: absolute; left: 0; top: -3px; display: block; width: 24px; float: none; margin-left: 0; } header .header-cont .hcont-left .h-nav .nav-li .h-downbox > .downCount > .downList > .li .txt > div { float: left; margin-left: 35px; } header .header-cont .hcont-left .h-nav .nav-li .h-downbox > .downCount > .downList > .li .txt > div > p:first-child { color: #15357A; font-family: "Ubuntu"; font-size: 16px; font-style: normal; font-weight: 500; line-height: 100%; /* 16px */ display: block; } header .header-cont .hcont-left .h-nav .nav-li .h-downbox > .downCount > .downList > .li .txt > div > p:last-child { color: #355395; font-family: "Open Sans"; font-size: 13px; font-style: normal; font-weight: 400; line-height: 160%; /* 20.8px */ margin-top: 5px; } header .header-cont .hcont-left .h-nav .nav-li .h-downbox > .downCount > .downList > .li .txt > button { float: right; border-radius: 2px; background: #F5F8FA; color: #55687D; display: flex; height: 30px; padding: 10px 20px; justify-content: center; align-items: center; gap: 10px; border: 0; outline: none; font-family: "Open Sans"; font-size: 13px; font-style: normal; font-weight: 400; line-height: normal; margin-top: 5px; cursor: pointer; } header .header-cont .hcont-left .h-nav .nav-li .h-downbox > .downCount > .downList > .li .txt_down { display: flex; justify-content: center; align-items: center; width: 45px; height: 30px; background: #FFE5DB; border-radius: 4px; margin-left: 15px; } header .header-cont .hcont-left .h-nav .nav-li .h-downbox > .downCount > .downList > .li .txt_down img { margin-right: 0; } header .header-cont .hcont-left .h-nav .nav-li .h-downbox > .downCount > .downList > .li:hover { background-color: #F6F9FE; border-radius: 4px; } header .header-cont .hcont-left .h-nav .nav-li .h-downbox > .downCount > .downList > .li:hover:nth-child(2) { background-color: #F6F9FE; } header .header-cont .hcont-left .h-nav .nav-li .h-downbox > .downCount > .downList > .li:hover .txt > button { background: #0E6FDE; color: #FFF; } header .header-cont .hcont-left .h-nav .nav-li .h-downbox > .downCount > .downList > .li.hot { background-color: #F6F9FE; } header .header-cont .hcont-left .h-nav .nav-li .h-downbox > .downCount > .downList > .li.hot .hoticon { position: absolute; right: 15px; top: 50%; transform: translateY(-50%); } header .header-cont .hcont-left .h-nav .nav-li .h-downbox > .downCount > .textList { width: 428px; float: left; } header .header-cont .hcont-left .h-nav .nav-li .h-downbox > .downCount > .textList > div { width: 100%; color: #355395; margin-bottom: 15px; font-family: "Ubuntu"; font-size: 15px; font-style: normal; font-weight: 600; line-height: 17px; /* 113.333% */ text-transform: uppercase; padding-bottom: 15px; border-bottom: 1px solid #EBF5FF; } header .header-cont .hcont-left .h-nav .nav-li .h-downbox > .downCount > .textList > a { display: flex; align-items: center; padding: 8px; } header .header-cont .hcont-left .h-nav .nav-li .h-downbox > .downCount > .textList > a:hover { background: #F6F9FE; } header .header-cont .hcont-left .h-nav .nav-li .h-downbox > .downCount > .textList > a > img { display: inline-block; width: 24px; vertical-align: middle; } header .header-cont .hcont-left .h-nav .nav-li .h-downbox > .downCount > .textList > a > p { display: inline-block; margin-left: 10px; color: #15357A; font-family: "Ubuntu"; font-size: 15px; font-style: normal; font-weight: 400; line-height: 100%; /* 15px */ text-transform: capitalize; } header .header-cont .hcont-left .h-nav .nav-li .h-video { display: none; position: absolute; left: -30px; top: 40px; width: 320px; padding: 15px; background-color: #ffffff; box-shadow: 0px 6px 10px 1px rgba(24, 28, 50, 0.1); border-radius: 4px; border: 1px solid #e9ecf1; z-index: 9; } header .header-cont .hcont-left .h-nav .nav-li .h-video div > .li { display: flex; align-items: center; padding: 8px 10px; margin-bottom: 5px; } header .header-cont .hcont-left .h-nav .nav-li .h-video div > .li:nth-last-of-type(1) { margin-bottom: 0; } header .header-cont .hcont-left .h-nav .nav-li .h-video div > .li:hover { border-radius: 4px; background-color: #F6F9FE; } header .header-cont .hcont-left .h-nav .nav-li .h-video div > .li img { margin-right: 10px; } header .header-cont .hcont-left .h-nav .nav-li .h-video div > .li .txt { display: flex; align-items: center; } header .header-cont .hcont-left .h-nav .nav-li .h-video div > .li .txt > p { font-size: 16px; color: #15357a; line-height: 19px; margin-bottom: 5px; } header .header-cont .hcont-left .h-nav .nav-li .h-video div > .li .txt > span { font-family: Ubuntu-Light; color: #355395; line-height: 21px; } header .header-cont .hcont-left .h-nav .nav-li .h-video div > .li .txt_down { display: flex; justify-content: center; align-items: center; width: 45px; height: 30px; background: #FFE5DB; border-radius: 4px; margin-left: 15px; } header .header-cont .hcont-left .h-nav .nav-li .h-video div > .li .txt_down img { margin-right: 0; } header .header-cont .hcont-left .h-nav .nav-li .h-video div > .li.hot { background-color: #F6F9FE; } header .header-cont .hcont-left .h-nav .nav-li .h-video div > .li.hot .hoticon { position: absolute; right: 15px; top: 50%; transform: translateY(-50%); } header .header-cont .hcont-left .h-nav .nav-li .h-video > .li { display: flex; align-items: center; padding: 8px 10px; margin-bottom: 5px; } header .header-cont .hcont-left .h-nav .nav-li .h-video > .li:nth-last-of-type(1) { margin-bottom: 0; } header .header-cont .hcont-left .h-nav .nav-li .h-video > .li:hover { background-color: #F6F9FE; border-radius: 4px; } header .header-cont .hcont-left .h-nav .nav-li .h-video > .li:hover:nth-child(2) { background-color: #F6F9FE; } header .header-cont .hcont-left .h-nav .nav-li .h-video > .li img { margin-right: 10px; } header .header-cont .hcont-left .h-nav .nav-li .h-video > .li .txt { display: flex; align-items: center; } header .header-cont .hcont-left .h-nav .nav-li .h-video > .li .txt > p { font-size: 16px; color: #15357a; line-height: 19px; margin-bottom: 5px; } header .header-cont .hcont-left .h-nav .nav-li .h-video > .li .txt > span { font-family: Ubuntu-Light; color: #355395; line-height: 21px; } header .header-cont .hcont-left .h-nav .nav-li .h-video > .li .txt_down { display: flex; justify-content: center; align-items: center; width: 45px; height: 30px; background: #FFE5DB; border-radius: 4px; margin-left: 15px; } header .header-cont .hcont-left .h-nav .nav-li .h-video > .li .txt_down img { margin-right: 0; } header .header-cont .hcont-left .h-nav .nav-li .h-video > .li.hot { background-color: #F6F9FE; } header .header-cont .hcont-left .h-nav .nav-li .h-video > .li.hot .hoticon { position: absolute; right: 15px; top: 50%; transform: translateY(-50%); } header .header-cont .hcont-left .h-nav .nav-li .h-downbox > .li .txt > p { margin-bottom: 0; } header .header-cont .hcont-left .h-nav .nav-li .h-location { display: none; position: absolute; left: 50%; transform: translateX(-50%); top: 40px; background: #ffffff; z-index: 9; width: 440px; background: #ffffff; box-shadow: 0px 6px 10px 0px rgba(24, 28, 50, 0.1); border-radius: 4px 4px 4px 4px; opacity: 1; border: 1px solid #e9ecf1; cursor: default; padding-top: 30px; } header .header-cont .hcont-left .h-nav .nav-li .h-location .hloc-h { font-size: 16px; font-family: Ubuntu-Bold, Ubuntu; font-weight: normal; color: #94a3b8; line-height: 19px; margin-bottom: 20px; padding: 30px 40px 0; font-size: 15px; font-family: Ubuntu-Regular, Ubuntu; font-weight: 400; color: #15357a; } header .header-cont .hcont-left .h-nav .nav-li .h-location .loc-ul { display: flex; padding: 20px; flex-wrap: wrap; } header .header-cont .hcont-left .h-nav .nav-li .h-location .loc-ul .li { width: 195px; height: 59px; display: flex; align-items: center; padding: 10px; margin-right: 8px; } header .header-cont .hcont-left .h-nav .nav-li .h-location .loc-ul .li:nth-of-type(2n) { margin-right: 0; } header .header-cont .hcont-left .h-nav .nav-li .h-location .loc-ul .li:hover { background-color: #f6f9fe; } header .header-cont .hcont-left .h-nav .nav-li .h-location .loc-ul .li img { width: 35px; height: 35px; margin-right: 10px; } header .header-cont .hcont-left .h-nav .nav-li .h-location .loc-ul .li .txt > p { font-size: 14px; font-family: Ubuntu-Medium, Ubuntu; font-weight: 500; color: #15357A; } header .header-cont .hcont-left .h-nav .nav-li .h-location .loc-ul .li .txt > span { font-size: 14px; font-family: Open Sans-Regular, Open Sans; font-weight: 400; color: #355395; } header .header-cont .hcont-left .h-nav .nav-li .h-location .loc-more { width: 400px; height: 1px; opacity: 1; border: 1px dashed #DFE6F1; margin-left: auto; margin-right: auto; } header .header-cont .hcont-left .h-nav .nav-li .h-location .loc-more-box { height: 52px; display: flex; justify-content: center; align-items: center; } header .header-cont .hcont-left .h-nav .nav-li .h-location .loc-more-box div { font-size: 16px; font-family: Ubuntu-Regular, Ubuntu; font-weight: 400; color: #15357a; cursor: pointer; } header .header-cont .hcont-left .h-nav .nav-li .h-location .loc-more-box div img { margin-left: 2px; } header .header-cont .hcont-left .h-nav .nav-li .h-location .loc-more-box div .arr1 { width: 17px; height: 13px; } header .header-cont .hcont-left .h-nav .nav-li .h-location .loc-more-box div .arr2 { width: 17px; height: 13px; display: none; } header .header-cont .hcont-left .h-nav .nav-li .h-location .loc-more-box div:hover { font-weight: 400; color: #0e6fde; text-decoration: underline; } header .header-cont .hcont-left .h-nav .nav-li .h-location .loc-more-box div:hover .arr1 { display: none; } header .header-cont .hcont-left .h-nav .nav-li .h-location .loc-more-box div:hover .arr2 { display: inline-block; } header .header-cont .hcont-left .h-nav .nav-li .h-location-all { display: none; position: absolute; left: 50%; transform: translateX(-50%); top: 40px; background: #ffffff; z-index: 9; width: 432px; background: #ffffff; box-shadow: 0px 6px 10px 0px rgba(24, 28, 50, 0.1); border-radius: 4px 4px 4px 4px; opacity: 1; border: 1px solid #e9ecf1; cursor: default; align-items: center; flex-wrap: wrap; padding: 20px 15px; } header .header-cont .hcont-left .h-nav .nav-li .h-location-all .lovation-li { width: 195px; display: flex; align-items: center; padding: 8px; border-radius: 4px; margin-bottom: 5px; margin-right: 10px; } header .header-cont .hcont-left .h-nav .nav-li .h-location-all .lovation-li:nth-of-type(2n) { margin-right: 0; } header .header-cont .hcont-left .h-nav .nav-li .h-location-all .lovation-li:hover { background-color: #F6F9FE; } header .header-cont .hcont-left .h-nav .nav-li .h-location-all .lovation-li:nth-of-type(1) .num { color: #FF144B; } header .header-cont .hcont-left .h-nav .nav-li .h-location-all .lovation-li:nth-of-type(2) .num { color: #FF6626; } header .header-cont .hcont-left .h-nav .nav-li .h-location-all .lovation-li:nth-of-type(3) .num { color: #FFC330; } header .header-cont .hcont-left .h-nav .nav-li .h-location-all .lovation-li .num { width: 16px; text-align: center; font-weight: 500; font-size: 14px; line-height: 100%; color: #94A3B8; margin-right: 5px; flex: none; } header .header-cont .hcont-left .h-nav .nav-li .h-location-all .lovation-li .img-box { padding: 2px; border-radius: 50%; width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; box-shadow: 0 0 4px 0 rgba(21, 53, 122, 0.15); flex: none; } header .header-cont .hcont-left .h-nav .nav-li .h-location-all .lovation-li .img-box > img { width: 38px; height: 38px; border-radius: 50%; } header .header-cont .hcont-left .h-nav .nav-li .h-location-all .lovation-li .txt { margin-left: 10px; display: flex; flex-direction: column; align-items: flex-start; } header .header-cont .hcont-left .h-nav .nav-li .h-location-all .lovation-li .txt p { position: relative; font-weight: 300; font-size: 14px; line-height: 100%; color: #355395; margin-bottom: 5px; } header .header-cont .hcont-left .h-nav .nav-li .h-location-all .lovation-li .txt p i { position: absolute; left: 110%; top: 50%; width: 13px; height: 13px; transform: translateY(-50%); background-repeat: no-repeat; background-position: center; background-image: url("../img/header/recommend.png"); background-size: contain; } header .header-cont .hcont-left .h-nav .nav-li .h-location-all .lovation-li .txt span { font-weight: 400; font-size: 15px; line-height: 100%; color: #15357A; display: inline-block; } header .header-cont .hcont-left .h-nav .nav-li .h-video { width: 181px; flex-wrap: wrap; } header .header-cont .hcont-left .h-nav .nav-li .h-video::after { display: block; clear: both; content: ''; } header .header-cont .hcont-left .h-nav .nav-li .h-video > div { width: 50%; float: left; } header .header-cont .hcont-left .h-nav .nav-li .h-video > div > .li { width: 100%; display: flex; } header .header-cont .hcont-left .h-nav .nav-li .h-video > div > .li .txt > p { font-size: 15px; font-family: Ubuntu-Regular, Ubuntu; margin-bottom: 0; } header .header-cont .hcont-left .h-nav .nav-li .h-use { display: none; position: absolute; left: 50%; transform: translateX(-50%); top: 40px; padding: 15px; background: #ffffff; z-index: 9; background: #ffffff; box-shadow: 0px 6px 10px 0px rgba(24, 28, 50, 0.1); border-radius: 4px 4px 4px 4px; opacity: 1; border: 1px solid #e9ecf1; cursor: default; } header .header-cont .hcont-left .h-nav .nav-li .h-use .huse_d { display: flex; justify-content: space-around; margin-bottom: 10px; } header .header-cont .hcont-left .h-nav .nav-li .h-use .huse_d > span { font-family: 'Ubuntu'; font-weight: 400; font-size: 16px; color: #042040; margin-right: 310px; } header .header-cont .hcont-left .h-nav .nav-li .h-use .loc-ul { width: 60%; display: flex; flex-wrap: wrap; justify-content: space-between; border-right: 1px solid #E9EDF5; } header .header-cont .hcont-left .h-nav .nav-li .h-use .loc-ul:nth-child(1) { padding-right: 10px; } header .header-cont .hcont-left .h-nav .nav-li .h-use .loc-ul:nth-child(2) { border-right: none; margin-left: 10px; } header .header-cont .hcont-left .h-nav .nav-li .h-use .loc-ul .li { margin-bottom: 5px; width: 190px; height: 46px; display: flex; align-items: center; padding: 8px 10px; } header .header-cont .hcont-left .h-nav .nav-li .h-use .loc-ul .li:hover { background-color: #f6f9fe; } header .header-cont .hcont-left .h-nav .nav-li .h-use .loc-ul .li img { margin-right: 10px; } header .header-cont .hcont-left .h-nav .nav-li .h-use .loc-ul .li .txt > p { font-size: 15px; font-family: Ubuntu-Regular, Ubuntu; font-weight: 400; color: #15357A; line-height: 17px; } header .header-cont .hcont-left .h-nav .nav-li .h-use .loc-ul .li .txt > span { font-size: 14px; font-family: Open Sans-Regular, Open Sans; font-weight: 400; color: #355395; } header .header-cont .hcont-left .h-nav .nav-li .h-use .locul { align-content: flex-start; } header .header-cont .hcont-left .h-nav .nav-li .h-paypop-box { border-radius: 4px; width: 100%; display: none; position: absolute; left: 0; top: calc(100%); background: #fff; padding-bottom: 50px; box-shadow: 0 6px 5px 1px rgba(24, 28, 50, 0.1); border-radius: 4px; border-top: 1px solid #EBF5FF; padding-top: 30px; } header .header-cont .hcont-left .h-nav .nav-li .h-paypop-box .border-box { overflow: hidden; width: calc(100% + 8px); height: calc(100% + 8px); position: absolute; left: -4px; top: -4px; z-index: 0; padding: 20px; overflow: hidden; padding-bottom: 64px; border-radius: 4px; } header .header-cont .hcont-left .h-nav .nav-li .h-paypop-box .border-box::after { content: ""; display: block; width: calc(100% - 8px); height: calc(100% - 8px); border: 4px solid #FF8822; box-shadow: 0px 2px 15px rgba(57, 96, 243, 0.2); position: absolute; left: 0%; top: 0%; z-index: 0; } header .header-cont .hcont-left .h-nav .nav-li .h-paypop { width: 1364px; margin: 0 auto; background: #FFFFFF; position: relative; padding-bottom: 64px; z-index: 9; } header .header-cont .hcont-left .h-nav .nav-li .h-paypop::after { clear: both; content: ""; display: block; } header .header-cont .hcont-left .h-nav .nav-li .h-paypop > .pay_list { width: 497px; float: left; margin-right: 40px; } header .header-cont .hcont-left .h-nav .nav-li .h-paypop > .pay_list > div { width: 100%; color: #355395; margin-bottom: 15px; font-family: "Ubuntu"; font-size: 15px; font-style: normal; font-weight: 600; line-height: 17px; /* 113.333% */ text-transform: uppercase; padding-bottom: 15px; border-bottom: 1px solid #EBF5FF; } header .header-cont .hcont-left .h-nav .nav-li .h-paypop > .img_list { width: 250px; float: left; } header .header-cont .hcont-left .h-nav .nav-li .h-paypop > .img_list > div { width: 100%; color: #355395; margin-bottom: 15px; font-family: "Ubuntu"; font-size: 15px; font-style: normal; font-weight: 600; line-height: 17px; /* 113.333% */ text-transform: uppercase; padding-bottom: 15px; border-bottom: 1px solid #EBF5FF; } header .header-cont .hcont-left .h-nav .nav-li .h-paypop > .img_list > a { width: 250px; height: 78px; border-radius: 4px; margin-bottom: 5px; } header .header-cont .hcont-left .h-nav .nav-li .h-paypop > .img_list > a > img { display: block; width: 250px; height: 78px; } header .header-cont .hcont-left .h-nav .nav-li .h-paypop > .img_list > a:hover { background: none !important; } header .header-cont .hcont-left .h-nav .nav-li .h-paypop .border-b { position: absolute; left: 0; bottom: -2px; width: 100%; height: 76px; background-repeat: no-repeat; background-position: center bottom; background-size: 102%; background-image: url("../img/index/activity/pay/header_snow_bom.png"); padding-top: 30px; padding-left: 30px; } header .header-cont .hcont-left .h-nav .nav-li .h-paypop .border-b > p { font-family: "Open Sans"; font-size: 14px; font-weight: 800; line-height: 19px; letter-spacing: 0em; text-align: left; color: #fff; } header .header-cont .hcont-left .h-nav .nav-li .h-paypop .border-b > p > span { font-family: "Open Sans"; font-size: 18px; font-style: normal; line-height: 100%; /* 18px */ font-weight: 600; -webkit-text-stroke: 3px #FF4800; -webkit-text-fill-color: transparent; -webkit-background-clip: text; position: relative; } header .header-cont .hcont-left .h-nav .nav-li .h-paypop .border-b > p > span:after { content: " " attr(text) ""; background: linear-gradient(to bottom, #fff, #FFD959); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; position: absolute; z-index: 2; left: 0; right: 0; top: 0; -webkit-text-stroke-width: 0; } header .header-cont .hcont-left .h-nav .nav-li .h-paypop::after { content: ""; position: absolute; left: 20px; top: -21px; width: 200px; height: 22px; } header .header-cont .hcont-left .h-nav .nav-li .h-paypop .static .li:hover { background-color: #F6F9FE; } header .header-cont .hcont-left .h-nav .nav-li .h-paypop .li { min-width: 366px; display: flex; align-items: center; justify-content: space-between; padding: 8px 10px; padding-left: 40px; margin-bottom: 5px; position: relative; } header .header-cont .hcont-left .h-nav .nav-li .h-paypop .li > .header-thumb-icon { display: block; position: absolute; left: 5px; top: 14px; } header .header-cont .hcont-left .h-nav .nav-li .h-paypop .li:nth-last-of-type(1) { margin-bottom: 0; } header .header-cont .hcont-left .h-nav .nav-li .h-paypop .li:hover { background-color: #F6F9FE; } header .header-cont .hcont-left .h-nav .nav-li .h-paypop .li .l { display: flex; flex-direction: column; align-items: flex-start; width: 382px; padding-right: 15px; } header .header-cont .hcont-left .h-nav .nav-li .h-paypop .li .l .tit { font-size: 16px; font-family: Ubuntu-Medium, Ubuntu; font-weight: 500; color: #15357A; line-height: 17px; margin-bottom: 5px; position: relative; margin-top: 5px; } header .header-cont .hcont-left .h-nav .nav-li .h-paypop .li .l .tit .icon { position: absolute; left: calc(100% + 7px); bottom: 0; max-width: none; } header .header-cont .hcont-left .h-nav .nav-li .h-paypop .li .l .tit .iconbest { position: absolute; right: -114px; bottom: 0; } header .header-cont .hcont-left .h-nav .nav-li .h-paypop .li .l span { font-family: "Open Sans"; font-size: 13px; font-weight: 400; line-height: 21px; letter-spacing: 0em; text-align: left; color: #355395; } header .header-cont .hcont-left .h-nav .nav-li .h-paypop .li .r { width: 116px; display: flex; flex-direction: column; align-items: flex-end; border-left: 1px solid #EBECF2; } header .header-cont .hcont-left .h-nav .nav-li .h-paypop .li .r > p { font-size: 14px; font-family: Open Sans-Light, Open Sans; font-weight: 300; color: #355395; line-height: 16px; margin-bottom: 4px; } header .header-cont .hcont-left .h-nav .nav-li .h-paypop .li .r .ip { display: flex; align-items: center; } header .header-cont .hcont-left .h-nav .nav-li .h-paypop .li .r .ip span { font-size: 12px; font-family: Open Sans-Regular, Open Sans; font-weight: 400; color: #15357A; line-height: 20px; } header .header-cont .hcont-left .h-nav .nav-li .h-paypop .li .r .ip b { font-size: 24px; font-family: Ubuntu-Bold, Ubuntu; font-weight: 800; color: #15357A; line-height: 20px; } header .header-cont .hcont-left .h-nav .nav-li .h-paypop .li .r .ip p { font-size: 12px; font-family: Open Sans-Regular, Open Sans; font-weight: 400; color: #042040; line-height: 20px; } header .header-cont .hcont-left .h-nav .nav-li.navli-halloween:hover .p-a::after { width: 0 !important; display: none; } header .header-cont .hcont-left .h-nav .nav-li.navli-halloween:hover .p-a-pric::before { display: block; } header .header-cont .hcont-left .h-nav .nav-li.navli-halloween .p-a-pric { display: flex; align-items: center; position: relative; z-index: 1; } header .header-cont .hcont-left .h-nav .nav-li.navli-halloween .p-a-pric::before { content: ''; display: none; width: 28px; height: 40px; background-repeat: no-repeat; background-position: center; background-image: url("../img/index/activity/h_gui.png"); position: absolute; left: 83px; top: -19px; z-index: -1; } header .header-cont .hcont-left .h-nav .nav-li.navli-halloween .p-a-pric .h-jb { width: 59px; height: 20px; background-repeat: no-repeat; background-position: center; background-image: url("../img/index/activity/h_jb.png"); font-size: 13px; font-family: Open Sans-SemiBold, Open Sans; font-weight: 600; color: #FFFFFF; line-height: 13px; display: flex; align-items: center; padding-left: 5px; margin-left: 12px; } header .header-cont .hcont-left .h-nav .nav-li.navli-halloween .h-paypop { border: 4px solid #2A2C43; position: absolute; z-index: 1; padding-bottom: 70px; } header .header-cont .hcont-left .h-nav .nav-li.navli-halloween .h-paypop .bomimg { content: ''; display: block; width: 100%; height: 68px; background-repeat: no-repeat; background-position: center; background-image: url("../img/index/activity/pay_img1.png"); background-size: cover; position: absolute; bottom: 0; top: auto; left: 0; } header .header-cont .hcont-left .h-nav .nav-li.navli-halloween .h-paypop::before { content: ''; display: block; width: 129px; height: 178px; background-repeat: no-repeat; background-position: center; background-image: url("../img/index/activity/pay_img2.png"); background-size: cover; position: absolute; top: 0; right: 0; } header .header-cont .hcont-left .h-nav .nav-li .h-resources { display: none; position: absolute; left: 0; top: calc(100%); width: 100%; padding: 15px; background-color: #ffffff; box-shadow: 0 6px 5px 1px rgba(24, 28, 50, 0.1); border-radius: 4px; border-top: 1px solid #EBF5FF; z-index: 9; padding-bottom: 50px; padding-top: 30px; } header .header-cont .hcont-left .h-nav .nav-li .h-resources > .downCount { width: 1364px; margin: 0 auto; } header .header-cont .hcont-left .h-nav .nav-li .h-resources > .downCount::after { display: block; clear: both; content: ""; } header .header-cont .hcont-left .h-nav .nav-li .h-resources > .downCount > .pay_list { width: 467px; float: left; margin-right: 40px; } header .header-cont .hcont-left .h-nav .nav-li .h-resources > .downCount > .pay_list > div { width: 100%; color: #355395; margin-bottom: 15px; font-family: "Ubuntu"; font-size: 15px; font-style: normal; font-weight: 600; line-height: 17px; /* 113.333% */ text-transform: uppercase; padding-bottom: 15px; border-bottom: 1px solid #EBF5FF; } header .header-cont .hcont-left .h-nav .nav-li .h-resources > .downCount > .pay_list > a { display: block; margin-bottom: 5px; padding: 8px; position: relative; } header .header-cont .hcont-left .h-nav .nav-li .h-resources > .downCount > .pay_list > a:hover { background: #F6F9FE; border-radius: 4px; } header .header-cont .hcont-left .h-nav .nav-li .h-resources > .downCount > .pay_list > a > .header-thumb-icon, header .header-cont .hcont-left .h-nav .nav-li .h-resources > .downCount > .pay_list > a > img { position: absolute; left: 8px; top: 8px; display: block; width: 24px; margin-left: 0px; } header .header-cont .hcont-left .h-nav .nav-li .h-resources > .downCount > .pay_list > a > div { margin-left: 34px; } header .header-cont .hcont-left .h-nav .nav-li .h-resources > .downCount > .pay_list > a > div > div > i { font-family: "Ubuntu"; font-size: 16px; font-style: normal; font-weight: 600; line-height: 100%; /* 16px */ color: #15357A; } header .header-cont .hcont-left .h-nav .nav-li .h-resources > .downCount > .pay_list > a > div > span { display: block; color: #15357A; font-family: "Open Sans"; font-size: 13px; font-style: normal; font-weight: 400; margin-top: 5px; line-height: 160%; /* 20.8px */ } header .header-cont .hcont-left .h-nav .nav-li .h-resources > .downCount > .two_list { width: 467px; float: left; margin-right: 40px; } header .header-cont .hcont-left .h-nav .nav-li .h-resources > .downCount > .two_list > .title { width: 100%; color: #355395; margin-bottom: 15px; font-family: "Ubuntu"; font-size: 15px; font-style: normal; font-weight: 600; line-height: 17px; /* 113.333% */ text-transform: uppercase; padding-bottom: 15px; border-bottom: 1px solid #EBF5FF; } header .header-cont .hcont-left .h-nav .nav-li .h-resources > .downCount > .two_list > .list_count { width: 100%; } header .header-cont .hcont-left .h-nav .nav-li .h-resources > .downCount > .two_list > .list_count::after { display: block; clear: both; content: ""; } header .header-cont .hcont-left .h-nav .nav-li .h-resources > .downCount > .two_list > .list_count > .list_left { float: left; } header .header-cont .hcont-left .h-nav .nav-li .h-resources > .downCount > .two_list > .list_count > .list_right { float: right; } header .header-cont .hcont-left .h-nav .nav-li .h-resources > .downCount > .two_list > .list_count > div { width: 45%; } header .header-cont .hcont-left .h-nav .nav-li .h-resources > .downCount > .two_list > .list_count > div > a { width: 100%; display: flex; align-items: center; padding: 8px; position: relative; } header .header-cont .hcont-left .h-nav .nav-li .h-resources > .downCount > .two_list > .list_count > div > a:hover { background: #F6F9FE; } header .header-cont .hcont-left .h-nav .nav-li .h-resources > .downCount > .two_list > .list_count > div > a > .header-thumb-icon, header .header-cont .hcont-left .h-nav .nav-li .h-resources > .downCount > .two_list > .list_count > div > a > img { display: inline-block; vertical-align: middle; width: 24px; } header .header-cont .hcont-left .h-nav .nav-li .h-resources > .downCount > .two_list > .list_count > div > a > p { width: 200px; color: #15357A; font-family: "Ubuntu"; font-size: 15px; font-weight: 400; line-height: 19px; letter-spacing: 0em; text-align: left; display: inline-block; vertical-align: middle; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-left: 5px; } header .header-cont .hcont-left .h-nav .nav-li .h-resources > .downCount > .locations_list { width: 350px; float: left; } header .header-cont .hcont-left .h-nav .nav-li .h-resources > .downCount > .locations_list > .title { width: 100%; color: #355395; margin-bottom: 15px; font-family: "Ubuntu"; font-size: 15px; font-style: normal; font-weight: 600; line-height: 17px; /* 113.333% */ text-transform: uppercase; padding-bottom: 15px; border-bottom: 1px solid #EBF5FF; } header .header-cont .hcont-left .h-nav .nav-li .h-resources > .downCount > .locations_list > .title > a { float: right; color: #355395; font-family: "Ubuntu"; font-size: 15px; line-height: 17px; letter-spacing: 0em; text-align: left; font-weight: 400; text-transform: none; } header .header-cont .hcont-left .h-nav .nav-li .h-resources > .downCount > .locations_list > .list_count { width: 100%; } header .header-cont .hcont-left .h-nav .nav-li .h-resources > .downCount > .locations_list > .list_count::after { display: block; clear: both; content: ""; } header .header-cont .hcont-left .h-nav .nav-li .h-resources > .downCount > .locations_list > .list_count > .list_left { float: left; } header .header-cont .hcont-left .h-nav .nav-li .h-resources > .downCount > .locations_list > .list_count > .list_right { float: right; } header .header-cont .hcont-left .h-nav .nav-li .h-resources > .downCount > .locations_list > .list_count > div { width: 50%; } header .header-cont .hcont-left .h-nav .nav-li .h-resources > .downCount > .locations_list > .list_count > div > a { width: 100%; display: flex; align-items: center; padding: 8px; position: relative; } header .header-cont .hcont-left .h-nav .nav-li .h-resources > .downCount > .locations_list > .list_count > div > a::after { display: block; clear: both; content: ""; } header .header-cont .hcont-left .h-nav .nav-li .h-resources > .downCount > .locations_list > .list_count > div > a:hover { background: #F6F9FE; } header .header-cont .hcont-left .h-nav .nav-li .h-resources > .downCount > .locations_list > .list_count > div > a > .header-thumb-icon, header .header-cont .hcont-left .h-nav .nav-li .h-resources > .downCount > .locations_list > .list_count > div > a > img { display: inline-block; vertical-align: middle; width: 24px; float: left; stroke-width: 1px; stroke: #FFF; filter: drop-shadow(0px 0px 4px rgba(21, 53, 122, 0.15)); } header .header-cont .hcont-left .h-nav .nav-li .h-resources > .downCount > .locations_list > .list_count > div > a > p { color: #15357A; font-family: "Ubuntu"; width: 125px; height: 24px; margin-left: 5px; font-size: 15px; font-weight: 500; line-height: 17px; letter-spacing: 0em; text-align: left; float: left; display: flex; align-items: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } header .header-cont .hcont-left .h-nav .nav-li .h-help { display: none; position: absolute; left: 0; top: calc(100%); width: 100%; padding: 15px; background-color: #ffffff; box-shadow: 0 6px 5px 1px rgba(24, 28, 50, 0.1); border-radius: 4px; border-top: 1px solid #EBF5FF; z-index: 9; padding-bottom: 50px; padding-top: 30px; } header .header-cont .hcont-left .h-nav .nav-li .h-help > .downCount { width: 1364px; margin: 0 auto; } header .header-cont .hcont-left .h-nav .nav-li .h-help > .downCount::after { display: block; clear: both; content: ""; } header .header-cont .hcont-left .h-nav .nav-li .h-help > .downCount > .pay_list { width: 382px; float: left; margin-right: 40px; } header .header-cont .hcont-left .h-nav .nav-li .h-help > .downCount > .pay_list > div { width: 100%; color: #355395; margin-bottom: 15px; font-family: "Ubuntu"; font-size: 15px; font-style: normal; font-weight: 600; line-height: 17px; /* 113.333% */ text-transform: uppercase; padding-bottom: 15px; border-bottom: 1px solid #EBF5FF; } header .header-cont .hcont-left .h-nav .nav-li .h-help > .downCount > .pay_list > a { display: block; margin-bottom: 5px; padding: 8px; position: relative; } header .header-cont .hcont-left .h-nav .nav-li .h-help > .downCount > .pay_list > a:hover { background: #F6F9FE; border-radius: 4px; } header .header-cont .hcont-left .h-nav .nav-li .h-help > .downCount > .pay_list > a > .header-thumb-icon, header .header-cont .hcont-left .h-nav .nav-li .h-help > .downCount > .pay_list > a > img { position: absolute; left: 8px; top: 8px; display: block; width: 24px; margin-left: 0px; } header .header-cont .hcont-left .h-nav .nav-li .h-help > .downCount > .pay_list > a > div { margin-left: 34px; } header .header-cont .hcont-left .h-nav .nav-li .h-help > .downCount > .pay_list > a > div > div > i { font-family: "Ubuntu"; font-size: 16px; font-style: normal; font-weight: 600; line-height: 100%; /* 16px */ color: #15357A; } header .header-cont .hcont-left .h-nav .nav-li .h-help > .downCount > .pay_list > a > div > span { display: block; color: #355395; font-family: "Open Sans"; font-size: 13px; font-style: normal; font-weight: 400; margin-top: 5px; line-height: 160%; /* 20.8px */ } header .header-cont .hcont-left .h-nav .nav-li .h-help > .downCount > .two_list { width: 180px; float: left; margin-right: 40px; } header .header-cont .hcont-left .h-nav .nav-li .h-help > .downCount > .two_list > .title { width: 100%; color: #355395; margin-bottom: 15px; font-family: "Ubuntu"; font-size: 15px; font-style: normal; font-weight: 600; line-height: 17px; /* 113.333% */ text-transform: uppercase; padding-bottom: 15px; border-bottom: 1px solid #EBF5FF; } header .header-cont .hcont-left .h-nav .nav-li .h-help > .downCount > .two_list > .list_count { width: 100%; } header .header-cont .hcont-left .h-nav .nav-li .h-help > .downCount > .two_list > .list_count::after { display: block; clear: both; content: ""; } header .header-cont .hcont-left .h-nav .nav-li .h-help > .downCount > .two_list > .list_count > .list_left { float: left; } header .header-cont .hcont-left .h-nav .nav-li .h-help > .downCount > .two_list > .list_count > .list_right { float: right; } header .header-cont .hcont-left .h-nav .nav-li .h-help > .downCount > .two_list > .list_count > div { width: 100%; } header .header-cont .hcont-left .h-nav .nav-li .h-help > .downCount > .two_list > .list_count > div > a { width: 100%; padding: 8px; position: relative; display: flex; align-items: center; } header .header-cont .hcont-left .h-nav .nav-li .h-help > .downCount > .two_list > .list_count > div > a:hover { background: #F6F9FE; } header .header-cont .hcont-left .h-nav .nav-li .h-help > .downCount > .two_list > .list_count > div > a > .header-thumb-icon, header .header-cont .hcont-left .h-nav .nav-li .h-help > .downCount > .two_list > .list_count > div > a > img { display: inline-block; vertical-align: middle; width: 24px; } header .header-cont .hcont-left .h-nav .nav-li .h-help > .downCount > .two_list > .list_count > div > a > p { width: 110px; color: #15357A; font-family: "Ubuntu"; font-size: 15px; font-weight: 400; line-height: 17px; letter-spacing: 0em; text-align: left; display: inline-block; margin-left: 10px; vertical-align: middle; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-left: 5px; } header .header-cont .hcont-left .h-nav .nav-li .h-help > .downCount > .textList { width: 382px; float: left; margin-right: 40px; } header .header-cont .hcont-left .h-nav .nav-li .h-help > .downCount > .textList > .title { width: 100%; color: #355395; margin-bottom: 15px; font-family: "Ubuntu"; font-size: 15px; font-style: normal; font-weight: 600; line-height: 17px; /* 113.333% */ text-transform: uppercase; padding-bottom: 15px; border-bottom: 1px solid #EBF5FF; } header .header-cont .hcont-left .h-nav .nav-li .h-help > .downCount > .textList > .title > a { float: right; color: #355395; font-family: "Ubuntu"; font-size: 15px; line-height: 17px; letter-spacing: 0em; text-align: left; font-weight: 400; text-transform: none; } header .header-cont .hcont-left .h-nav .nav-li .h-help > .downCount > .textList > a { display: flex; align-items: center; padding: 8px; } header .header-cont .hcont-left .h-nav .nav-li .h-help > .downCount > .textList > a:hover { background: #F6F9FE; } header .header-cont .hcont-left .h-nav .nav-li .h-help > .downCount > .textList > a > img { display: inline-block; width: 24px; vertical-align: middle; } header .header-cont .hcont-left .h-nav .nav-li .h-help > .downCount > .textList > a > p { display: inline-block; margin-left: 10px; color: #15357A; font-family: "Ubuntu"; font-size: 15px; font-style: normal; font-weight: 400; line-height: 100%; /* 15px */ text-transform: capitalize; } header .header-cont .hcont-left .h-nav .nav-li .h-help > .downCount > .videoList { width: 300px; float: left; } header .header-cont .hcont-left .h-nav .nav-li .h-help > .downCount > .videoList > .title { width: 100%; color: #355395; margin-bottom: 15px; font-family: "Ubuntu"; font-size: 15px; font-style: normal; font-weight: 600; line-height: 17px; /* 113.333% */ text-transform: uppercase; padding-bottom: 15px; border-bottom: 1px solid #EBF5FF; } header .header-cont .hcont-left .h-nav .nav-li .h-help > .downCount > .videoList > .title > a { float: right; color: #355395; font-family: "Ubuntu"; font-size: 15px; line-height: 17px; letter-spacing: 0em; text-align: left; font-weight: 400; text-transform: none; } header .header-cont .hcont-left .h-nav .nav-li .h-help > .downCount > .videoList > a { display: block; padding: 8px; } header .header-cont .hcont-left .h-nav .nav-li .h-help > .downCount > .videoList > a::after { display: block; clear: both; content: ""; } header .header-cont .hcont-left .h-nav .nav-li .h-help > .downCount > .videoList > a:hover { background: #F6F9FE; } header .header-cont .hcont-left .h-nav .nav-li .h-help > .downCount > .videoList > a > img { display: inline-block; width: 106px; vertical-align: middle; float: left; } header .header-cont .hcont-left .h-nav .nav-li .h-help > .downCount > .videoList > a .header_video_sprite { display: inline-block; vertical-align: middle; float: left; width: 106px; height: 50px; background-color: #010045; background-image: url("../img/header/header-video-sprite.png"); background-size: auto 50px; background-repeat: no-repeat; border-radius: 4px; } header .header-cont .hcont-left .h-nav .nav-li .h-help > .downCount > .videoList > a .header_video_sprite.hvs1 { background-position: 0px 0px; } header .header-cont .hcont-left .h-nav .nav-li .h-help > .downCount > .videoList > a .header_video_sprite.hvs2 { background-position: -111px 0px; } header .header-cont .hcont-left .h-nav .nav-li .h-help > .downCount > .videoList > a .header_video_sprite.hvs3 { background-position: -222px 0px; } header .header-cont .hcont-left .h-nav .nav-li .h-help > .downCount > .videoList > a > p { display: inline-block; width: 165px; height: 50px; margin-left: 10px; font-family: "Ubuntu"; font-size: 15px; font-weight: 400; line-height: 19px; letter-spacing: 0em; text-align: left; color: #15357A; float: right; align-items: center; display: flex; } header .header-cont .hcont-left .h-nav .nav-li .h-help > .downCount > .img_cont { width: 300px; float: left; margin-left: 40px; } header .header-cont .hcont-left .h-nav .nav-li .h-help > .downCount > .img_cont > .title { width: 100%; color: #355395; margin-bottom: 15px; font-family: "Ubuntu"; font-size: 15px; font-style: normal; font-weight: 600; line-height: 17px; /* 113.333% */ text-transform: uppercase; padding-bottom: 15px; border-bottom: 1px solid #EBF5FF; } header .header-cont .hcont-left .h-nav .nav-li .h-help > .downCount > .img_cont > .count { display: flex; flex-direction: column; align-items: flex-start; gap: 10px; align-self: stretch; } header .header-cont .hcont-left .h-nav .nav-li .h-help > .downCount > .img_cont > .count > p { color: var(--pia-text-01, #15357A); font-family: Ubuntu; font-size: 16px; font-style: normal; font-weight: 500; line-height: 100%; /* 16px */ } header .header-cont .hcont-left .h-nav .nav-li .h-help > .downCount > .img_cont > .count > span { color: var(--pia-text-02, #355395); font-family: Open Sans; font-size: 13px; font-style: normal; font-weight: 400; line-height: 160%; /* 20.8px */ align-self: stretch; } header .header-cont .hcont-left .tip { display: inline-block; height: 15px; align-items: flex-end; padding: 0 3px; margin-left: 5px; gap: 10px; border-radius: 2px; background: #00AC6E; } header .header-cont .hcont-left .tip > i { transform: scale(0.9); display: block; width: 100%; height: 100%; color: #FFF; font-family: "Ubuntu"; font-size: 12px; font-style: normal; font-weight: 500; line-height: 15px; /* 10px */ text-transform: uppercase; } header .header-cont .hcont-left .tip2 { background: #00AC6E; } header .header-cont .hcont-right-box { display: flex; align-items: center; min-width: 350px; justify-content: flex-end; position: absolute; right: 20px; top: 50%; transform: translateY(-50%); } header .header-cont .hcont-right { display: flex; align-items: center; flex: none; } header .header-cont .hcont-right .ptxt { font-size: 17px; font-family: Ubuntu-Regular, Ubuntu; color: #15357a; line-height: 22px; margin-right: 20px; margin-left: 20px; cursor: pointer; position: relative; } header .header-cont .hcont-right .ptxt:hover::after { width: 100%; } header .header-cont .hcont-right .ptxt::after { content: ""; display: block; position: absolute; bottom: 0px; left: 0; width: 0; height: 1px; background-color: #15357a; transition: all 0.3s; } header .header-cont .hcont-right .header-login-box { position: relative; } header .header-cont .hcont-right .header-login-box.logintxtshow:hover .header_menu { animation: show linear 0.3s; display: block; } header .header-cont .hcont-right .header_menu { display: none; width: 275px; position: absolute; top: 40px; right: 0px; border-radius: 6px; background-color: #fff; box-shadow: 0 0 50px 0 rgba(82, 63, 105, 0.15); z-index: 99; padding-top: 20px; padding-bottom: 20px; } header .header-cont .hcont-right .header_menu::after { content: ""; display: block; width: 150px; position: absolute; right: 0; top: -20px; height: 30px; } header .header-cont .hcont-right .header_menu .top { display: flex; align-items: center; padding: 0 20px; padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px solid #eff2f5; } header .header-cont .hcont-right .header_menu .top > img { width: 50px; height: 50px; border-radius: 6px; margin-right: 16px; } header .header-cont .hcont-right .header_menu .top .h-user { font-size: 15px; color: #181c32; font-family: Ubuntu-Bold, Ubuntu; line-height: 22px; text-align: left; } header .header-cont .hcont-right .header_menu .top .h-user .header_email { color: #a1a5b7; font-size: 12px; line-height: 18px; font-family: Ubuntu-Regular, Ubuntu; } header .header-cont .hcont-right .header_menu .top .h-user .header-user { color: #a1a5b7; font-size: 12px; line-height: 18px; font-family: Ubuntu-Regular, Ubuntu; display: flex; align-items: center; } header .header-cont .hcont-right .header_menu .top .h-user .header-user span { word-break: break-all; margin-left: 3px; } header .header-cont .hcont-right .header_menu .men-li { display: flex; align-items: center; justify-content: space-between; position: relative; height: 37px; padding: 0 16px; } header .header-cont .hcont-right .header_menu .men-li > div { width: 100%; height: 100%; display: flex; align-items: center; padding: 0 16px; border-radius: 6px; color: #3f4254; font-size: 14px; cursor: pointer; } header .header-cont .hcont-right .header_menu .men-li > div:hover { background-color: rgba(245, 248, 250, 0.8); color: #009ef7; } header .header-cont .hcont-right .header_menu .men-li .lang-p { display: flex; align-items: center; justify-content: space-between; position: relative; } header .header-cont .hcont-right .header_menu .men-li .lang-p p { color: #3f4254; font-size: 14px; } header .header-cont .hcont-right .header_menu .men-li .lang-p .lang-u { display: flex; align-items: center; padding: 6px 9px; background-color: rgba(245, 248, 250, 0.8); border-radius: 6px; } header .header-cont .hcont-right .header_menu .men-li .lang-p .lang-u > img { width: 15px; height: 15px; border-radius: 3px; margin-left: 5px; } header .header-cont .hcont-right .header_menu .men-li .lang-p:hover .langlist { display: block; animation: show linear 0.3s; } header .header-cont .hcont-right .header_menu .men-li .langlist { position: absolute; right: calc(100% + 15px); top: 0px; background-color: #ffffff; box-shadow: 0px 0px 10px 1px rgba(24, 28, 50, 0.1); border-radius: 4px; border: 1px solid #d3dae5; padding: 7px 5px; z-index: 9; width: 180px; display: none; background: #ffffff; box-shadow: 0px 6px 10px 1px rgba(24, 28, 50, 0.1); border-radius: 4px 4px 4px 4px; opacity: 1; border: 1px solid #e9ecf1; } header .header-cont .hcont-right .header_menu .men-li .langlist::after { content: ''; display: block; align-items: center; width: 20px; height: 37px; position: absolute; right: -20px; top: 0; } header .header-cont .hcont-right .header_menu .men-li .langlist .cont-box { max-height: 220px; overflow-y: scroll; overflow-x: hidden; } header .header-cont .hcont-right .header_menu .men-li .langlist .cont-box::-webkit-scrollbar { width: 3px; } header .header-cont .hcont-right .header_menu .men-li .langlist .cont-box::-webkit-scrollbar-thumb { background-color: #E9EFF9; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } header .header-cont .hcont-right .header_menu .men-li .langlist .cont-box > .li { height: 40px; width: 168px; padding: 0 20px; font-family: Poppins-Regular, Poppins; font-size: 15px; font-weight: 400; color: #15357a; line-height: 15px; display: flex; align-items: center; box-sizing: border-box; } header .header-cont .hcont-right .header_menu .men-li .langlist .cont-box > .li > img { width: 20px; height: 20px; margin-right: 15px; border-radius: 4px; } header .header-cont .hcont-right .header_menu .men-li .langlist .cont-box > .li:hover { background-color: #f6f9fe; } header .header-cont .hcont-right .header_menu .ips { height: auto; display: flex; margin-bottom: 10px; } header .header-cont .hcont-right .header_menu .ips > div { display: flex; justify-content: space-between; padding: 0 16px; } header .header-cont .hcont-right .header_menu .ips > div > div { display: flex; flex-direction: column; } header .header-cont .hcont-right .header_menu .ips > div > div span { font-weight: 400; font-size: 13px; line-height: 18px; color: #55687D; } header .header-cont .hcont-right .header_menu .ips > div > div p { font-weight: 700; font-size: 16px; line-height: 100%; color: #2C71F0; } header .header-cont .hcont-right .header_menu .ips > div a { background: #F5F8FA; border-radius: 4px; padding: 4px 10px; display: flex; align-items: center; justify-content: center; } header .header-cont .hcont-right .header_menu .ips > div a p { font-weight: 400; font-size: 13px; line-height: 18px; color: #55687D; } header .header-cont .hcont-right .header_menu .men-foot { display: flex; flex-direction: column; } header .header-cont .hcont-right .header_menu .men-foot .foot-li { color: #55687D; } header .header-cont .hcont-right .header_menu .men-foot .foot-li div { padding: 8px 16px; } header .header-cont .hcont-right .header_menu .men-foot .foot-li div:hover { background-color: rgba(245, 248, 250, 0.8); color: #009ef7; } header .header-cont .hcont-right .header_menu .men-foot .foot-li a { display: inline-block; width: 100%; color: #55687D; } header .header-cont .hcont-right .header_menu .men-foot .foot-li a:hover { background-color: rgba(245, 248, 250, 0.8); color: #009ef7; } header .header-cont .hcont-right .header_menu .men-foot div { padding: 2px 16px; } header .header-cont .hcont-right .header_menu .men-foot div a { padding: 8px 16px; } header .header-cont .hcont-right .header_menu .men-foot .logOutBtn { cursor: pointer; } header .header-cont .hcont-right .n-icon { background-image: url("../img/header/Group 1000004329.svg"); width: 124px; height: 32px; font-size: 14px; font-family: Ubuntu-Bold, Ubuntu; font-weight: bold; color: #FFFFFF; line-height: 16px; position: absolute; top: 40px; right: 34px; padding: 12px 19px 4px 18px; } header .hcont-activity { position: absolute; left: 0; top: 0%; overflow: hidden; transition: all .3s; } header .hcont-activity img { width: 100%; } header .hcont-activity.show { top: 100%; } header .wap-header { display: none; height: 100%; align-items: center; justify-content: space-between; padding: 0 20px; position: relative; } header .wap-header .header-right { width: 24px; height: 24px; background-image: url("../img/wap/menu.svg"); background-repeat: no-repeat; background-position: center; } header .wap-header .header-right.show { background-image: url("../img/wap/nor.svg"); } .header-placeholder { height: 70px; transition: all .8s; } .head-right-pop { display: none; position: fixed; right: -100%; top: 70px; width: 100%; height: 100%; background-color: #fff; z-index: 99; padding-bottom: 70px; transition: all 0.5s; flex-direction: column; justify-content: space-between; padding: 32px 20px 120px; } .head-right-pop.show { right: 0; } .head-right-pop .pop-top .li { display: flex; align-items: center; justify-content: space-between; margin-bottom: 35px; } .head-right-pop .pop-top .li:nth-last-of-type(1) { margin-bottom: 0; } .head-right-pop .pop-top .li p { font-size: 15px; font-family: Ubuntu-Medium; color: #042040; line-height: 15px; } .head-right-pop .pop-top .li i { display: block; width: 20px; height: 20px; background-image: url("../img/wap/ico_right.svg"); background-repeat: no-repeat; background-position: center; } .head-right-pop .pop-bom > a { display: flex; align-items: center; justify-content: center; height: 47px; font-size: 17px; font-family: Ubuntu-Medium; color: #0e6fde; border-radius: 4px; border: 1px solid #0e6fde; } .head-right-pop .pop-bom > a:nth-of-type(2) { color: #ffffff; margin-top: 15px; background-color: #0e6fde; } .head-right-pop .pop-bom .logOutBtn { color: #ffffff; margin-top: 15px; background-color: #0e6fde; } .footer-bgbox { background: #F9F9FA; position: relative; z-index: 10; } footer { padding: 40px 0; } footer .footer-cont { display: flex; justify-content: space-between; } footer .footer-cont .cont-l > img { width: 165px; } footer .footer-cont .cont-l .lang-select { display: flex; align-items: center; justify-content: space-between; border: 1px solid #eeeeee; border-radius: 4px; width: 170px; cursor: pointer; padding: 6px 15px; position: relative; } footer .footer-cont .cont-l .lang-select > p { font-size: 16px; font-family: Ubuntu-Light; color: #15357a; line-height: 22px; max-width: 120px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } footer .footer-cont .cont-l .lang-select > i { width: 14px; height: 14px; background-repeat: no-repeat; background-position: center; background-image: url("../img/footer/down.svg"); } footer .footer-cont .cont-l .lang-select .select-list { position: absolute; left: 0px; top: 44px; background-color: #ffffff; box-shadow: 0px 0px 10px 1px rgba(24, 28, 50, 0.1); border-radius: 4px; border: 1px solid #d3dae5; padding: 7px 5px; z-index: 9; display: none; overflow-y: scroll; } footer .footer-cont .cont-l .lang-select .select-list::-webkit-scrollbar { width: 3px; } footer .footer-cont .cont-l .lang-select .select-list::-webkit-scrollbar-thumb { background-color: #aeccfd; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } footer .footer-cont .cont-l .lang-select .select-list > .li { display: flex; align-items: center; width: 160px; padding: 8px 20px; font-size: 13px; font-family: Poppins-Regular, Poppins; color: #0c1b4d; line-height: 15px; } footer .footer-cont .cont-l .lang-select .select-list > .li img { width: 20px; height: 20px; margin-right: 10px; } footer .footer-cont .cont-l .lang-select .select-list > .li:hover { background-color: #f7f9fc; } footer .footer-cont .cont-l .ts_info { margin-bottom: 20px; width: 346px; font-size: 14px; font-family: Open Sans-Light, Open Sans; font-weight: 300; color: #15357A; line-height: 26px; } footer .footer-cont .cont-l .pay_wrap { display: flex; flex-wrap: wrap; align-items: center; } footer .footer-cont .cont-l .pay_wrap .pay_li { margin-right: 6px; line-height: 30px; color: #55687D; } footer .footer-cont .cont-l .pay_wrap .pay_li img { max-width: 36px; } footer .footer-cont .cont-l .party-li { display: flex; align-items: center; margin-bottom: 15px; cursor: pointer; } footer .footer-cont .cont-l .party-li:hover > p::after { width: 100%; } footer .footer-cont .cont-l .party-li > img { margin-right: 12px; } footer .footer-cont .cont-l .party-li > p { font-size: 16px; font-family: Open Sans-Regular, Open Sans; color: #355395; line-height: 19px; position: relative; max-width: 210px; } footer .footer-cont .cont-l .party-li > p::after { content: ""; display: block; position: absolute; bottom: 1px; left: 0; width: 0; height: 1px; background-color: #15357a; transition: all 0.3s; } footer .footer-cont .cont-r { width: 790px; } footer .footer-cont .cont-r::after { display: block; clear: both; content: ""; } footer .footer-cont .cont-r .foot-li { width: 167.5px; float: left; display: flex; flex-direction: column; align-items: flex-start; margin-bottom: 30px; margin-right: 40px; } footer .footer-cont .cont-r .foot-li:nth-child(4) { margin-right: 0; } footer .footer-cont .cont-r .foot-li.foot-li_country { margin-top: 50px; } footer .footer-cont .cont-r .foot-li.foul50 { width: 100%; } footer .footer-cont .cont-r .foot-li .link-box { width: 100%; align-items: center; flex-wrap: wrap; } footer .footer-cont .cont-r .foot-li .link-box .lin-a { width: 100%; margin-bottom: 20px; } footer .footer-cont .cont-r .foot-li .link-box .link_rightBox { color: #15357A; } footer .footer-cont .cont-r .foot-li .link-box .link_rightBox i { width: 17px; height: 13px; background-repeat: no-repeat; background-position: center; background-image: url("../img/footer/foot_right.svg"); margin-left: 5px; margin-bottom: -2px; } footer .footer-cont .cont-r .foot-li .link-box .link_rightBox:hover { color: #0E6FDE; } footer .footer-cont .cont-r .foot-li .link-box .link_rightBox:hover i { background-image: url("../img/footer/foot_right1.svg"); } footer .footer-cont .cont-r .foot-li .link-box .link_rightBox:hover::after { background-color: #0E6FDE; } footer .footer-cont .cont-r .foot-li .tit { font-size: 17px; font-family: Ubuntu-Regular, Ubuntu; font-weight: 400; color: #15357A; line-height: 18px; margin-bottom: 30px; margin-top: 0; } footer .footer-cont .cont-r .foot-li .li { color: var(--PIA_Text-02, #355395); font-family: Open Sans-Regular, Open Sans; font-size: 15px; font-style: normal; font-weight: 400; line-height: 120%; /* 18px */ position: relative; margin-bottom: 20px; cursor: pointer; } footer .footer-cont .cont-r .foot-li .li:nth-last-of-type(1) { margin-bottom: 0; } footer .footer-cont .cont-r .foot-li .li::after { content: ""; display: block; position: absolute; bottom: 1px; left: 0; width: 0; height: 1px; background-color: #15357a; transition: all 0.3s; } footer .footer-cont .cont-r .foot-li .li:hover::after { width: 100%; } footer .footer-cont .cont-r .foot-li .li.contact01 { position: relative; margin-left: 37px; } footer .footer-cont .cont-r .foot-li .li.contact01::before { content: ''; position: absolute; top: 0px; left: -39px; width: 25px; height: 25px; background: url("../img/header/contact01.svg") no-repeat; } footer .footer-cont .cont-r .foot-li .li.contact02 { position: relative; margin-left: 37px; } footer .footer-cont .cont-r .foot-li .li.contact02::before { content: ''; position: absolute; top: 0px; left: -39px; width: 25px; height: 25px; background: url("../img/header/contact02.svg") no-repeat; } footer .footer-cont .cont-r .foot-li .li.contact03 { position: relative; margin-left: 37px; } footer .footer-cont .cont-r .foot-li .li.contact03::before { content: ''; position: absolute; top: 0px; left: -39px; width: 25px; height: 25px; background: url("../img/header/contact03.svg") no-repeat; } footer .footer-cont .cont-r .foot-li .li.contact04 { position: relative; margin-left: 37px; } footer .footer-cont .cont-r .foot-li .li.contact04::before { content: ''; position: absolute; top: 0px; left: -39px; width: 25px; height: 25px; background: url("../img/header/contact04.svg") no-repeat; } footer .footer-cont .cont-r .foot-li .li.contact05 { position: relative; margin-left: 37px; } footer .footer-cont .cont-r .foot-li .li.contact05::before { content: ''; position: absolute; top: 0px; left: -39px; width: 25px; height: 25px; background: url("../img/header/contact05.svg") no-repeat; } footer .footer-cont .cont-r .foot-li .ahovertxt { color: #15357A; display: flex; align-items: center; } footer .footer-cont .cont-r .foot-li .ahovertxt i { width: 17px; height: 13px; background-repeat: no-repeat; background-position: center; background-image: url("../img/footer/foot_right.svg"); margin-left: 5px; } footer .footer-cont .cont-r .foot-li .ahovertxt:hover { color: #0E6FDE; } footer .footer-cont .cont-r .foot-li .ahovertxt:hover i { background-image: url("../img/footer/foot_right1.svg"); } footer .footer-cont .cont-r .foot-li .ahovertxt:hover::after { background-color: #0E6FDE; } footer .footer-cont-wap { display: none; } footer .footer-cont-wap > img { width: 148px; } footer .footer-cont-wap .ul { display: flex; justify-content: space-between; margin-top: 35px; } footer .footer-cont-wap .ul .list { min-width: 140px; } footer .footer-cont-wap .ul .list .tit { font-size: 17px; font-family: Ubuntu-Bold, Ubuntu; color: #15357a; line-height: 17px; margin-bottom: 20px; } footer .footer-cont-wap .ul .list > a { display: block; font-size: 15px; font-family: Poppins-Regular, Poppins; color: #355395; line-height: 18px; margin-bottom: 15px; } footer .footer-cont-wap .ul .list > a:nth-last-of-type(1) { margin-bottom: 0; } footer .fulLinks { border-top: 1px solid #E2E5F4; padding-top: 20px; display: flex; } footer .fulLinks > .footusefulLinks { display: flex; align-items: flex-start; align-self: stretch; } footer .fulLinks > .footusefulLinks > .tit { width: 8%; margin-right: 2%; margin-top: 10px; color: var(--PIA_Text-01, #15357A); font-family: Ubuntu-Regular, Ubuntu; font-size: 17px; font-style: normal; font-weight: 400; line-height: 100%; /* 17px */ overflow-wrap: break-word; } footer .fulLinks > .footusefulLinks > .link-box { width: 90%; } footer .fulLinks > .footusefulLinks > .link-box::after { clear: both; content: ""; display: block; } footer .fulLinks > .footusefulLinks > .link-box > div { display: inline-block; margin-right: 15px; color: var(--PIA_Text-02, #355395); margin-top: 10px; } footer .fulLinks > .footusefulLinks > .link-box > div > a { color: var(--PIA_Text-02, #355395); font-family: Open Sans-Regular, Open Sans; font-size: 15px; font-style: normal; font-weight: 400; } .foot_abouticon { width: 20px; height: 20px; margin-right: 12px; background-repeat: no-repeat; background-image: url("../img/footer/foot_abouticon_sprite.png"); background-size: auto 20px; } .foot_abouticon.fotaicon1 { background-position: 0px 0px; } .foot_abouticon.fotaicon2 { background-position: -25px 0px; } .foot_abouticon.fotaicon3 { background-position: -50px 0px; } .foot_abouticon.fotaicon4 { background-position: -75px 0px; } .footer-bg { width: 100%; padding: 25px 0; background: #F9F9FA; position: relative; z-index: 10; } .footer-bg .a-hover { position: relative; } .footer-bg .a-hover::after { content: ''; display: block; width: 0; height: 1px; position: absolute; bottom: 0; left: 0; background-color: #0E6FDE; transition: all 0.3s; } .footer-bg .a-hover:hover { color: #0E6FDE !important; } .footer-bg .a-hover:hover > a { color: #0E6FDE !important; } .footer-bg .a-hover:hover::after { width: 100%; } .footer-bg > .footer-content { width: 1320px; margin: 0 auto; display: flex; flex-direction: column; align-items: flex-start; gap: 25px; align-self: stretch; } .footer-bg > .footer-content > .content-top { display: flex; justify-content: space-between; align-items: center; align-self: stretch; } .footer-bg > .footer-content > .content-top > .download-list { display: flex; align-items: flex-start; gap: 10px; } .footer-bg > .footer-content > .content-top > .download-list > button { display: flex; padding: 7px 12px; align-items: center; gap: 6px; border-radius: 4px; border: 1px solid var(--PIA24-Line-01, #DEE0E9); cursor: pointer; } .footer-bg > .footer-content > .content-top > .download-list > button > .img-box { width: 22px; height: 22px; } .footer-bg > .footer-content > .content-top > .download-list > button:nth-child(1) > .img-box { background: url(../img/new_header/foot-down-2.svg) no-repeat center; background-size: 100% 100%; } .footer-bg > .footer-content > .content-top > .download-list > button:nth-child(2) > .img-box { background: url(../img/new_header/foot-down-3.svg) no-repeat center; background-size: 100% 100%; } .footer-bg > .footer-content > .content-top > .download-list > button:nth-child(3) > .img-box { background: url(../img/new_header/foot-down-4.svg) no-repeat center; background-size: 100% 100%; } .footer-bg > .footer-content > .content-top > .download-list > button:nth-child(4) > .img-box { background: url(../img/new_header/foot-down-5.svg) no-repeat center; background-size: 100% 100%; } .footer-bg > .footer-content > .content-top > .download-list > button:hover { background: #DEE0E9; } .footer-bg > .footer-content > .content-top > .download-list > button:hover > .img-box { background: url(../img/new_header/foot-down-1.svg) no-repeat center; background-size: 100% 100%; } .footer-bg > .footer-content > .content-top > .download-list > button > .text { display: flex; flex-direction: column; align-items: flex-start; gap: 1px; } .footer-bg > .footer-content > .content-top > .download-list > button > .text > p { color: var(--PIA24-BK-01, #042040); font-family: "Open Sans"; font-size: 10px; font-style: normal; font-weight: 400; line-height: 100%; /* 10px */ } .footer-bg > .footer-content > .content-top > .download-list > button > .text > span { color: var(--PIA24-BK-01, #042040); font-family: "Open Sans"; font-size: 13px; font-style: normal; font-weight: 700; line-height: 100%; /* 13px */ } .footer-bg > .footer-content > .line { width: 100%; height: 1px; background: #E7EEF2; } .footer-bg > .footer-content > .a-list { display: flex; width: 100%; align-items: flex-start; gap: 40px; align-self: stretch; } .footer-bg > .footer-content > .a-list > .li { display: flex; flex-direction: column; align-items: flex-start; gap: 20px; flex: 1 0 0; } .footer-bg > .footer-content > .a-list > .li > .title { color: var(--PIA24-BK-01, #042040); font-family: "Open Sans"; font-size: 15px; font-style: normal; font-weight: 400; line-height: 100%; /* 15px */ text-transform: capitalize; } .footer-bg > .footer-content > .a-list > .li > div { display: flex; flex-direction: column; align-items: flex-start; } .footer-bg > .footer-content > .a-list > .li > div > a { display: inline; margin-bottom: 15px; color: var(--PIA24-BK-02, #55687D); font-family: "Open Sans"; font-size: 13px; font-style: normal; font-weight: 400; line-height: 110%; /* 14.3px */ text-transform: capitalize; } .footer-bg > .footer-content > .a-list > .li > div > a:last-child { margin-bottom: 0; } .footer-bg > .footer-content > .partner-list::after { content: ""; clear: both; display: block; } .footer-bg > .footer-content > .partner-list > .lin-a { float: left; margin-right: 15px; } .footer-bg > .footer-content > .partner-list > .lin-a > a { color: var(--PIA24-BK-02, #55687D); font-family: "Open Sans"; font-size: 13px; font-style: normal; font-weight: 400; line-height: 190%; /* 24.7px */ } .footer-bg > .footer-content > .email-content { display: flex; justify-content: space-between; align-items: center; align-self: stretch; } .footer-bg > .footer-content > .email-content > .content-left { display: flex; flex-direction: column; justify-content: center; align-items: flex-start; gap: 5px; } .footer-bg > .footer-content > .email-content > .content-left > .top { display: flex; align-items: center; gap: 5px; } .footer-bg > .footer-content > .email-content > .content-left > .top > span:nth-child(2) { color: var(--PIA24-BK-01, #042040); font-family: "Open Sans"; font-size: 13px; font-style: normal; font-weight: 400; line-height: 100%; /* 13px */ } .footer-bg > .footer-content > .email-content > .content-left > .top > span:nth-child(3) { color: var(--PIA24-BK-02, #55687D); font-family: "Open Sans"; font-size: 13px; font-style: normal; font-weight: 400; line-height: 100%; /* 13px */ } .footer-bg > .footer-content > .email-content > .content-left > .bottom .lang { float: left; cursor: pointer; margin-right: 20px; position: relative; } .footer-bg > .footer-content > .email-content > .content-left > .bottom .lang:hover::after { content: ''; display: block; width: 100%; height: 20px; position: absolute; top: -20px; left: 0; } .footer-bg > .footer-content > .email-content > .content-left > .bottom .lang:hover .select-list { display: block; } .footer-bg > .footer-content > .email-content > .content-left > .bottom .lang > .lang_logo { width: 14px; height: 14px; position: relative; top: 3px; background: url(../img/new_header/lang.svg) no-repeat center; background-size: 100% 100%; margin-right: 5px; } .footer-bg > .footer-content > .email-content > .content-left > .bottom .lang > span { color: var(--PIA24-BK-01, #042040); font-family: "Open Sans"; font-size: 13px; font-style: normal; font-weight: 400; line-height: 100%; /* 13px */ text-transform: capitalize; margin-right: 5px; } .footer-bg > .footer-content > .email-content > .content-left > .bottom .lang .select-list { position: absolute; left: 0px; top: -290px; border-radius: 4px; background: #FFF; /* 投影1 */ box-shadow: 0px 5px 15px 0px rgba(4, 32, 64, 0.05); border: 1px solid #d3dae5; padding: 10px; z-index: 9; display: none; overflow-y: scroll; } .footer-bg > .footer-content > .email-content > .content-left > .bottom .lang .select-list::-webkit-scrollbar { width: 3px; } .footer-bg > .footer-content > .email-content > .content-left > .bottom .lang .select-list::-webkit-scrollbar-thumb { background-color: #aeccfd; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .footer-bg > .footer-content > .email-content > .content-left > .bottom .lang .select-list > .li { display: flex; align-items: center; width: 150px; padding: 10px; color: var(--PIA24-BK-01, #042040); font-family: "Open Sans"; font-size: 13px; font-style: normal; font-weight: 400; line-height: 100%; /* 13px */ position: relative; } .footer-bg > .footer-content > .email-content > .content-left > .bottom .lang .select-list > .li.active::after { content: ""; display: block; position: absolute; right: 0; top: calc(50% - 7px); width: 14px; height: 14px; background: url(../img/new_header/gou.svg) no-repeat center; } .footer-bg > .footer-content > .email-content > .content-left > .bottom .lang .select-list > .li img { width: 20px; height: 20px; margin-right: 10px; } .footer-bg > .footer-content > .email-content > .content-left > .bottom .lang .select-list > .li:hover { background-color: #f7f9fc; } .footer-bg > .footer-content > .email-content > .content-left > .bottom .down { width: 14px; height: 14px; background: url(../img/new_header/down.svg) no-repeat center; position: relative; top: 2px; } .footer-bg > .footer-content > .email-content > .content-right { display: flex; align-items: center; gap: 5px; } .footer-bg > .footer-content > .email-content > .content-right > a > div { width: 30px; height: 30px; border-radius: 100%; overflow: hidden; } .footer-bg > .footer-content > .email-content > .content-right > a > div:hover { background: #DEE0E9; } .footer-bg > .footer-content > .warn { display: flex; justify-content: space-between; align-items: center; align-self: stretch; } .footer-bg > .footer-content > .warn .wap-img { display: none; } .footer-bg > .footer-content > .warn > .warn-left { display: flex; flex-direction: column; align-items: flex-start; gap: 5px; } .footer-bg > .footer-content > .warn > .warn-left > .warn-left-top { display: flex; align-items: center; gap: 5px; } .footer-bg > .footer-content > .warn > .warn-left > .warn-left-top > p { color: var(--PIA24-BK-01, #042040); font-family: "Open Sans"; font-size: 13px; font-style: normal; font-weight: 400; line-height: 100%; /* 13px */ } .footer-bg > .footer-content > .warn > .warn-left > .warn-left-top > div { display: flex; align-items: center; gap: 5px; flex-wrap: wrap; } .footer-bg > .footer-content > .warn > .warn-left > .warn-left-top > div > a { color: var(--PIA24-BK-02, #55687D); font-family: "Open Sans"; font-size: 13px; font-style: normal; font-weight: 400; line-height: 100%; /* 13px */ text-transform: capitalize; padding-right: 5px; white-space: nowrap; position: relative; } .footer-bg > .footer-content > .warn > .warn-left > .warn-left-top > div > a::before { content: ""; display: block; width: 1px; height: 9px; background: #DEE0E9; position: absolute; right: 0; top: calc(50% - 4.5px); } .footer-bg > .footer-content > .warn > .warn-left > .warn-left-top > div > a:last-child::before { display: none; } .footer-bg > .footer-content > .warn > .warn-left > .warn-left-bottom { display: flex; align-items: center; gap: 5px; } .footer-bg > .footer-content > .warn > .warn-left > .warn-left-bottom > img { display: block; width: 13px; } .footer-bg > .footer-content > .warn > .warn-left > .warn-left-bottom > p { color: var(--PIA24-BK-01, #042040); font-family: "Open Sans"; font-size: 13px; font-style: normal; font-weight: 400; line-height: 100%; /* 13px */ } .footer-bg > .footer-content > .warn > .warn-right > img { display: block; width: 229px; } .manage { width: 1210px; height: 159px; background-image: url("../img/index/dot-map 1.svg"); text-align: center; } .manage p { font-size: 16px; font-family: Open Sans-Light, Open Sans; font-weight: 300; color: #55687D; line-height: 27px; } .spec-discuss { background-color: #F9F9FA; border-radius: 20px; padding: 80px 55px; } .spec-discuss .rtit { font-size: 14px; font-family: Open Sans-Regular, Open Sans; font-weight: 400; color: #FF4800; line-height: 18px; margin-bottom: 20px; } .spec-discuss .tit-box { display: flex; justify-content: space-between; } .spec-discuss .tit-box h3 { max-width: 500px; font-size: 38px; font-family: Ubuntu-Light, Ubuntu; font-weight: 300; color: #042040; line-height: 49px; } .spec-discuss .tit-box h3 b { font-family: Ubuntu-Bold, Ubuntu; font-weight: bold; } .spec-discuss .tit-box p { max-width: 500px; font-size: 16px; font-family: Ubuntu-Light, Ubuntu; font-weight: 300; color: #55687D; line-height: 27px; } .spec-discuss .dis-cont { display: flex; justify-content: space-between; } .spec-discuss .dis-cont .li { max-width: 355px; } .spec-discuss .dis-cont .li .txt { background-color: #FFFFFF; box-shadow: 0px 3px 14px 1px rgba(162, 181, 202, 0.2); border-radius: 8px; padding: 30px 20px; font-size: 18px; font-family: Ubuntu-Light, Ubuntu; font-weight: 300; color: #042040; line-height: 27px; margin-bottom: 38px; position: relative; } .spec-discuss .dis-cont .li .txt::after { content: ''; display: block; width: 0px; height: 0px; position: absolute; border-top: 18px solid #fff; border-left: 13px solid transparent; border-right: 13px solid transparent; border-bottom: 0px solid transparent; left: 36px; bottom: -18px; } .spec-discuss .dis-cont .li .user { display: flex; align-items: center; margin-left: 22px; } .spec-discuss .dis-cont .li .user .ceo { font-family: Ubuntu-Light, Ubuntu; color: #55687D; margin-top: 6px; } .spec-discuss .dis-cont .li .user img { width: 54px; } .spec-discuss .dis-cont .li .user p { font-size: 20px; font-weight: 600; font-family: Ubuntu-Bold, Ubuntu; color: #042040; line-height: 20px; margin-left: 20px; } .ftporm-box { display: flex; align-items: center; justify-content: center; padding-bottom: 30px; } .justify-center { justify-content: center !important; } .foot-proment { display: flex; align-items: center; height: 53px; background-color: #f3f9ff; border-radius: 2px; border: 1px solid #d1e7ff; padding: 13px 60px; } .foot-proment p { margin-left: 16px; font-size: 16px; font-family: Open Sans-Regular, Open Sans; font-weight: 400; color: #355395; line-height: 27px; } .ipchanger-btnbox { display: flex; align-items: center; } .ipchanger-btn { height: 35px; line-height: 35px; border-radius: 2px; background-color: #0e6fde; padding: 0 16px; font-family: Ubuntu-Light; color: #ffffff; display: flex; align-items: center; justify-content: center; cursor: pointer; } .ipchanger-btn:hover { color: #ffffff; background-color: #16396c; box-shadow: 0px 4px 4px 1px rgba(22, 57, 108, 0.19); } .ipchanger-btn1 { height: 55px; border-radius: 4px; background-color: #0e6fde; padding: 0 40px; display: flex; align-items: center; justify-content: center; cursor: pointer; transition: all 0.5s; position: relative; } .ipchanger-btn1:hover, .ipchanger-btn1.btn2:hover { background-color: #16396c; box-shadow: 0px 4px 4px 1px rgba(22, 57, 108, 0.19); } .ipchanger-btn1:hover .downqrcode, .ipchanger-btn1.btn2:hover .downqrcode { display: block; animation: show linear 0.3s; } .ipchanger-btn1:hover > p, .ipchanger-btn1.btn2:hover > p { color: #ffffff; } .ipchanger-btn1:hover > i, .ipchanger-btn1.btn2:hover > i { display: none; animation: show linear 0.5s; } .ipchanger-btn1.btn2 { background-color: transparent; border: 1px solid #0e6fde; } .ipchanger-btn1.btn2 > p { color: #0e6fde; } .ipchanger-btn1 > p { font-size: 20px; font-family: Ubuntu-Light; color: #ffffff; line-height: 23px; flex: none; transition: all 0.5s; } .ipchanger-btn1 > i { position: absolute; right: 40px; top: 50%; transform: translateY(-50%); transition: all 0.5s; display: none; width: 17px; height: 12px; background-image: url("../img/index/right_white.svg"); background-repeat: no-repeat; background-position: center; background-size: contain; } .ipchanger-btn1 .downqrcode { display: none; width: 150px; height: 150px; padding: 5px; border-radius: 6px; box-shadow: 0 0 50px 0 rgba(82, 63, 105, 0.15); position: absolute; top: calc(100% + 20px); left: 50%; background-color: #fff; transform: translateX(-50%); } .ipchanger-btn1 .downqrcode::after { content: ''; display: block; width: 10px; height: 10px; background: #fff; position: absolute; left: 50%; top: 0px; transform: translateY(-50%) rotateZ(45deg); } .ipchanger-btn2 { height: 51px; border-radius: 4px; background-color: #000000; border: 1px solid #ffffff; padding: 0 40px; display: flex; align-items: center; justify-content: center; cursor: pointer; transition: all 0.5s; position: relative; color: #ffffff; } .ipchanger-btn2:hover { background-color: #ffffff; box-shadow: 0px 4px 4px 1px rgba(22, 57, 108, 0.19); } .ipchanger-btn2:hover > p { color: #000000; } .ipchanger-btn2.btn2 { background-color: transparent; border: 1px solid #0e6fde; } .ipchanger-btn2.btn2 > p { color: #0e6fde; } .ipchanger-btn2 > p { font-size: 18px; font-family: Ubuntu-Medium; color: #ffffff; line-height: 23px; flex: none; transition: all 0.5s; } .ipchanger-btn2 > i { position: absolute; right: 40px; top: 50%; transform: translateY(-50%); transition: all 0.5s; display: none; width: 17px; height: 12px; background-image: url("../img/index/right_white.svg"); background-repeat: no-repeat; background-position: center; background-size: contain; } .btntelegram { min-width: 116px; height: 35px; border-radius: 4px; display: flex; align-items: center; justify-content: center; font-size: 14px; font-family: Ubuntu-Regular, Ubuntu; font-weight: 400; color: #0e6fde; line-height: 16px; border: 1px solid #0e6fde; } .btntelegram:hover { background-color: #0e6fde; color: #fff; } .btntelegram:hover i { background-image: url("../img/header/telegram1.svg"); } .btntelegram i { display: block; width: 16px; height: 16px; margin-right: 10px; background-repeat: no-repeat; background-position: center; background-image: url("../img/header/telegram.svg"); } .banner-btnbox { margin-top: 60px; display: flex; align-items: center; } .banner-btnbox .ban-btn { display: flex; align-items: center; justify-content: center; padding: 0 50px; height: 67px; border-radius: 2px; cursor: pointer; background-color: #ffffff; transition: all 0.5s; position: relative; } .banner-btnbox .ban-btn:hover { background-color: #ffffff; box-shadow: 0px 4px 4px 1px rgba(28, 67, 150, 0.1); } .banner-btnbox .ban-btn:hover > p { margin-right: 30px; } .banner-btnbox .ban-btn:hover > i { display: block; animation: show linear 0.5s; } .banner-btnbox .ban-btn.ban-btn1 { border: 2px solid rgba(255, 255, 255, 0.5); background-color: transparent; } .banner-btnbox .ban-btn.ban-btn1 > p { color: #ffffff; } .banner-btnbox .ban-btn.ban-btn1 > i { background-image: url("../img/index/right_yel1.svg"); } .banner-btnbox .ban-btn.ban-btn1:hover { background-color: rgba(255, 255, 255, 0.1); box-shadow: 0px 4px 4px 1px rgba(28, 67, 150, 0.1); border: 2px solid #ffffff; } .banner-btnbox .ban-btn > p { font-size: 20px; font-family: Ubuntu-Medium; color: #0e6fde; line-height: 23px; flex: none; transition: all 0.5s; } .banner-btnbox .ban-btn > i { position: absolute; right: 50px; top: 50%; transform: translateY(-50%); transition: all 0.5s; display: none; width: 22px; height: 13px; background-image: url("../img/index/right_white.svg"); background-repeat: no-repeat; background-position: center; background-size: contain; } .pagination li { margin-right: 10px; } .pagination li a, .pagination li span { display: flex; justify-content: center; align-items: center; border-radius: 6px; height: 32px; min-width: 32px; font-weight: 500; font-size: 14px; color: #5e6278; } .pagination li a:hover { color: #009ef7; background-color: #f1faff; } .pagination li.active span { color: #fff; background-color: #009ef7; } .pop-loading { position: fixed; left: 0; top: 0; width: 100%; height: 100%; background-color: #ebf4ff; z-index: 99999999; } .pop-loading .load { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); } .pop-loading .load .load1 { position: absolute; width: 29px; height: 29px; left: 22px; top: 4px; animation: loading 2s linear infinite; } #pay_cont_a { top: -70px; } @keyframes loading { 0% { -webkit-transform: rotate(0deg); } 25% { -webkit-transform: rotate(90deg); } 50% { -webkit-transform: rotate(180deg); } 75% { -webkit-transform: rotate(270deg); } 100% { -webkit-transform: rotate(360deg); } } @keyframes show { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes wap_pop_show { 0% { opacity: 0; width: 0; height: 0; } 50% { opacity: 1; width: 50%; height: 50%; } 100% { opacity: 1; width: 100%; height: 100%; } } .block-lang { margin-top: 10px; width: 170px; height: 36px; position: relative; margin-top: 20px; margin-bottom: 20px; } .new-footer-box-bac .new-footer-box { border-bottom: 1px solid #e2e5f4; min-height: 124px; display: flex; flex-wrap: wrap; justify-content: space-between; max-width: 1210px; margin-left: auto; margin-right: auto; align-items: center; padding: 15px 0px; } .new-footer-box-bac .new-footer-box .new-footer-box-left .new-footer-box-left-text1 { font-size: 16px; font-family: Ubuntu-Regular; font-weight: 400; color: #15357a; } .new-footer-box-bac .new-footer-box .new-footer-box-left .new-footer-box-left-text2 { cursor: pointer; margin-top: 14px; font-size: 18px; font-family: Ubuntu-Medium, Ubuntu; font-weight: 500; color: #0e6fde; text-decoration: underline; display: block; } .new-footer-box-bac .new-footer-box .new-footer-box-right { display: flex; } .new-footer-box-bac .new-footer-box .new-footer-box-right img { width: 133px; height: 41px; cursor: pointer; } .new-footer-box-bac .new-footer-box-item { width: 133px; height: 41px; overflow: hidden; margin-right: 10px; background-image: url("../img/footdownimg_sprite.png"); background-repeat: no-repeat; background-color: #273348; background-size: auto 41px; border-radius: 4px; cursor: pointer; } .new-footer-box-bac .new-footer-box-item:nth-last-of-type(1) { margin-right: 0; } .new-footer-box-bac .new-footer-box-item:hover { background-color: #171F2C; } .new-footer-box-bac .new-footer-box-item:hover.downGooglePlay { background-image: url("../img/footerimg1_1.svg"); } .new-footer-box-bac .new-footer-box-item:hover.downiphttp, .new-footer-box-bac .new-footer-box-item:hover.downipthis { background-image: url("../img/footerimg2_1.svg"); } .new-footer-box-bac .new-footer-box-item:hover.downAndroid { background-image: url("../img/footerimg3_1.svg"); } .new-footer-box-bac .new-footer-box-item:hover.downIos { background-image: url("../img/footerimg4_1.svg"); } .new-footer-box-bac .new-footer-box-item.downGooglePlay { background-image: url("../img/footerimg1.svg"); } .new-footer-box-bac .new-footer-box-item.down_beta, .new-footer-box-bac .new-footer-box-item.downWind { background-position: 0 0; } .new-footer-box-bac .new-footer-box-item.downiphttp, .new-footer-box-bac .new-footer-box-item.downipthis { background-image: url("../img/footerimg2.svg"); } .new-footer-box-bac .new-footer-box-item.downAndroid { background-image: url("../img/footerimg3.svg"); } .new-footer-box-bac .new-footer-box-item.downIos { background-image: url("../img/footerimg4.svg"); } .new-footer-box-bac .new-footer-box-item.downMachttp { background-position: -138px 0; } .newchangelang { display: flex; align-items: center; position: relative; } .newchangelang .row { display: block; width: 13px; height: 12px; background-image: url(../img/header/ico_down.svg); background-repeat: no-repeat; background-position: center -2px; background-size: contain; transition: all 0.3s; } .newchangelang .sc { font-size: 17px; font-family: Ubuntu-Regular, Ubuntu; color: #15357a; line-height: 22px; margin-right: 9px; cursor: pointer; position: relative; margin-left: 9px; } .newchangelang { display: flex; align-items: center; margin-right: 40px; cursor: pointer; position: relative; } .newchangelang:hover > p::after, .newchangelang:hover .p-a::after { width: 100%; } .newchangelang:hover > i { transform: rotateZ(-180deg); } .newchangelang:hover .h-downbox { display: block; animation: show linear 0.3s; } .newchangelang > p, .newchangelang .p-a { font-size: 17px; font-family: Ubuntu-Regular, Ubuntu; color: #15357a; line-height: 22px; margin-right: 5px; position: relative; } .newchangelang > p::after, .newchangelang .p-a::after { content: ""; display: block; position: absolute; bottom: 1px; left: 0; width: 0; height: 0.5px; background-color: #15357a; transition: all 0.3s; } .newchangelang > i { display: block; width: 13px; height: 12px; background-image: url("../img/header/ico_down.svg"); background-repeat: no-repeat; background-position: center -2px; background-size: contain; transition: all 0.3s; } .newchangelang { margin-right: 3px; } #lang-select { margin-top: 20px; margin-bottom: 20px; position: relative; z-index: 9156; } #lang-select:hover .select-list { display: block; } #lang-select:after { content: ""; display: block; width: 168px; height: 16px; position: absolute; bottom: -16px; left: 0px; cursor: pointer; } #hearder-select1, .hearder-select1 { position: relative; position: absolute; top: 0px; height: 40px; } #hearder-select1 .lang-select, .hearder-select1 .lang-select { right: 10px; top: 10px; display: flex; align-items: center; justify-content: space-between; border-radius: 4px; width: 117px; cursor: pointer; padding: 6px 15px; position: relative; } #hearder-select1 .lang-select > p, .hearder-select1 .lang-select > p { opacity: 0; font-size: 16px; font-family: Ubuntu-Light; color: #15357a; line-height: 22px; max-width: 120px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } #hearder-select1 .lang-select > i, .hearder-select1 .lang-select > i { opacity: 0; width: 14px; height: 14px; background-repeat: no-repeat; background-position: center; background-image: url("../img/footer/down.svg"); } #hearder-select1 .lang-select .select-list, .hearder-select1 .lang-select .select-list { padding: 20px; position: absolute; right: 0px; top: 28px; background-color: #ffffff; box-shadow: 0px 0px 10px 1px rgba(24, 28, 50, 0.1); border-radius: 4px; border: 1px solid #d3dae5; padding: 7px 5px; z-index: 9; display: none; background: #ffffff; box-shadow: 0px 6px 10px 1px rgba(24, 28, 50, 0.1); border-radius: 4px 4px 4px 4px; border: 1px solid #e9ecf1; flex-wrap: wrap; padding: 20px; } #hearder-select1 .lang-select .select-list > .li, .hearder-select1 .lang-select .select-list > .li { display: block; min-width: 160px; height: 37px; padding: 10px; font-size: 15px; font-family: Poppins-Regular, Poppins; font-weight: 400; color: #15357a; line-height: 15px; display: flex; align-items: center; position: relative; } #hearder-select1 .lang-select .select-list > .li.active::after, .hearder-select1 .lang-select .select-list > .li.active::after { position: absolute; right: 10px; top: 50%; transform: translateY(-50%); content: ''; display: block; width: 16px; height: 16px; background-repeat: no-repeat; background-position: center; background-image: url("../img/header/lang_gou.svg"); } #hearder-select1 .lang-select .select-list > .li:hover, .hearder-select1 .lang-select .select-list > .li:hover { background-color: #f6f9fe; } #hearder-select1 .lang-select .select-list > .li img, .hearder-select1 .lang-select .select-list > .li img { width: 20px; height: 20px; margin-right: 10px; } #hearder-select1:hover .select-list, .hearder-select1:hover .select-list { display: block; } #hearder-select, .hearder-select { width: 100%; height: 100%; display: flex; align-items: center; position: relative; } #hearder-select .lang-select-box, .hearder-select .lang-select-box { width: 100%; } #hearder-select .lang-select-box ::after, .hearder-select .lang-select-box ::after { content: ""; display: block; align-items: center; width: 20px; height: 37px; position: absolute; left: -30px; top: 0; } #hearder-select .lang-select, .hearder-select .lang-select { width: 100%; display: flex; align-items: center; justify-content: space-between; border-radius: 4px; cursor: pointer; } #hearder-select .lang-select .select_val, .hearder-select .lang-select .select_val { display: flex; align-items: center; padding: 6px 9px; background-color: rgba(245, 248, 250, 0.8); border-radius: 6px; } #hearder-select .lang-select .select_val > img, .hearder-select .lang-select .select_val > img { width: 15px; height: 15px; border-radius: 3px; margin-left: 10px; } #hearder-select .lang-select > p, .hearder-select .lang-select > p { font-size: 16px; font-family: Ubuntu-Light; line-height: 22px; max-width: 120px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } #hearder-select .lang-select > p img, .hearder-select .lang-select > p img { width: 20px; height: 20px; } #hearder-select .lang-select > i, .hearder-select .lang-select > i { opacity: 0; width: 14px; height: 14px; background-repeat: no-repeat; background-position: center; background-image: url("../img/footer/down.svg"); } #hearder-select .lang-select .select-list, .hearder-select .lang-select .select-list { position: absolute; right: calc(100% + 15px); top: 0px; background-color: #ffffff; box-shadow: 0px 0px 10px 1px rgba(24, 28, 50, 0.1); border-radius: 4px; border: 1px solid #d3dae5; padding: 7px 5px; z-index: 9; width: 180px; display: none; background: #ffffff; box-shadow: 0px 6px 10px 1px rgba(24, 28, 50, 0.1); border-radius: 4px 4px 4px 4px; opacity: 1; border: 1px solid #e9ecf1; height: 217px; overflow-y: scroll; overflow-x: hidden; } #hearder-select .lang-select .select-list::-webkit-scrollbar, .hearder-select .lang-select .select-list::-webkit-scrollbar { width: 3px; } #hearder-select .lang-select .select-list::-webkit-scrollbar-thumb, .hearder-select .lang-select .select-list::-webkit-scrollbar-thumb { background-color: #aeccfd; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } #hearder-select .lang-select .select-list::after, .hearder-select .lang-select .select-list::after { content: ""; display: block; align-items: center; width: 20px; height: 37px; position: absolute; right: -20px; top: 0; } #hearder-select .lang-select .select-list > .li, .hearder-select .lang-select .select-list > .li { height: 35px; width: 168px; padding: 20px; font-family: Poppins-Regular, Poppins; font-size: 15px; font-family: Poppins-Regular, Poppins; font-weight: 400; color: #15357a; line-height: 15px; display: flex; align-items: center; border-radius: 6px; } #hearder-select .lang-select .select-list > .li:hover, .hearder-select .lang-select .select-list > .li:hover { background-color: #f6f9fe; } #hearder-select .lang-select .select-list > .li img, .hearder-select .lang-select .select-list > .li img { width: 20px; height: 20px; border-radius: 4px; margin-right: 15px; } #hearder-select:hover .select-list, .hearder-select:hover .select-list { display: block; } .nc-container { position: relative !important; margin-top: 10px; } .nc_wrapper { width: 100% !important; margin-bottom: 18px; } .nc_wrapper div, .nc_wrapper span { box-sizing: content-box; } .nc_scale div.nc_bg { background: #2f55d4 !important; } .luck-draw { position: fixed; top: 314px; left: 9px; z-index: 12; } .pop-box { position: fixed; left: 0; top: 0; z-index: 2000000000; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.8); } .pop-box .qr-code-box { position: absolute; left: 50%; top: 50%; padding-top: 41px; border-radius: 6px; transform: translate(-50%, -50%); display: flex; flex-direction: column; align-items: center; width: 340px; height: 377px; background-repeat: no-repeat; background-position: center; background-image: url("../img/pay/pay_mode/pop_code.svg"); } .pop-box .qr-code-box h3 { font-size: 20px; font-family: Open Sans-SemiBold, Open Sans; font-weight: 600; color: #042040; line-height: 23px; } .pop-box .qr-code-box p { font-size: 16px; color: #8a8c91; text-align: center; margin-top: 20px; line-height: 20px; font-weight: 700; max-width: 240px; } .pop-box .qr-code-box .code-mony { width: 240px; height: 44px; background-color: #F4F5F8; display: flex; align-items: center; justify-content: center; margin: 45px auto 0; font-size: 20px; font-family: Open Sans-SemiBold, Open Sans; font-weight: 600; color: #0E6FDE; line-height: 20px; } .pop-box .qr-code-box .qr-code { width: 169px; height: 163px; display: flex; align-items: center; justify-content: center; background-image: url("../img/index/pay_mode/code_box.svg"); background-repeat: no-repeat; background-position: center; margin-top: 30px; } .pop-box .qr-code-box .pop-close { position: absolute; right: -40px; top: 0px; cursor: pointer; } .pop-box .qr-erift-box { position: absolute; left: 50%; top: 50%; background-color: #ECF0FA; padding: 15px 20px; border-radius: 4px; box-shadow: 0 0 5px #f4f5f6; transform: translate(-50%, -50%); display: flex; align-items: center; } .pop-box .qr-erift-box .qcer-loading { width: 24px; height: 24px; border-radius: 50%; border: 3px solid transparent; border-left: 3px solid #01C195; border-bottom: 3px solid #01C195; animation: load 1s linear infinite; } .pop-box .qr-erift-box .ver-txt, .pop-box .qr-erift-box .verift_txt { max-width: 346px; font-size: 15px; line-height: 19px; color: #15357A; margin-left: 10px; } .pop-box .qr-erift-box h3 { font-size: 20px; font-weight: 800; color: #44474e; margin-bottom: 20px; } .pop-box .qr-erift-box p { font-size: 16px; color: #8a8c91; text-align: center; margin-top: 20px; line-height: 20px; font-weight: 700; max-width: 240px; } .pop-box .qr-erift-box .qr-code { width: 200px; height: 200px; border: 1px solid #ebebeb; } .pop-box .qr-erift-box .pop-close { position: absolute; right: -40px; top: 0px; cursor: pointer; } .pop-box .pay-box { position: absolute; left: 50%; top: 50%; background-color: #fff; padding-top: 67px; padding-bottom: 20px; padding: 0 25px; border-radius: 6px; min-height: 260px; min-width: 280px; box-shadow: 0 0 5px #f4f5f6; transform: translate(-50%, -50%); display: flex; flex-direction: column; align-items: center; padding-top: 67px; padding-bottom: 20px; font-weight: 500; } .pop-box .pay-box .pop-close { position: absolute; right: 15px; top: 15px; cursor: pointer; } .pop-box .pay-box .p1 { color: #282C4B; font-size: 18px; margin-top: 20px; margin-bottom: 2px; } .pop-box .pay-box .p2 { font-size: 14px; } .pop-box .pay-box .btn-box { width: 100%; height: 50px; display: flex; align-items: center; background-color: #F9F9FA; position: absolute; bottom: 0; left: 0; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; } .pop-box .pay-box .btn-box .pop-btn { width: 50%; height: 100%; display: flex; align-items: center; justify-content: center; font-size: 14px; cursor: pointer; } .pop-box .pay-box .btn-box .pop-btn.pop-btn1 { color: #009EF7; } .pop-box .pay-box .btn-box .line { width: 1px; height: 40px; background-color: #E6E6EF; } .pop-box .pop-bill { position: absolute; background-color: #fff; left: 50%; top: 50%; min-width: 280px; min-height: 260px; padding-bottom: 10px; padding-top: 60px; box-sizing: border-box; border-radius: 4px; display: flex; flex-direction: column; align-items: center; transform: translate(-50%, -50%); text-align: center; } .pop-box .pop-bill p { font-size: 18px; color: #282C4B; margin-top: 27px; margin-bottom: 0px; } .pop-box .pop-bill span { display: inline-block; max-width: 200px; margin: auto; font-size: 14px; word-wrap: break-word; } .pop-box .pop-bill .pop-close { position: absolute; right: 15px; top: 15px; cursor: pointer; } .pop-box .nopayment-box { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 100%; max-width: 740px; background-color: #FFFFFF; box-shadow: 0px 9px 12px 0px rgba(229, 231, 234, 0.2); border-radius: 10px; border: 1px solid #E9EEF2; padding: 50px 30px 30px; } .pop-box .nopayment-box .pop-close1 { position: absolute; right: 15px; top: 20px; cursor: pointer; } .pop-box .nopayment-box .verify-img { display: flex; } .pop-box .nopayment-box .verify-img p { font-size: 15px; font-family: Open Sans-Regular, Open Sans; font-weight: 400; color: #042040; line-height: 15px; } .pop-box .nopayment-box .verify-img img { width: 100px; margin-left: 50px; } .pop-box .nopayment-box .step-li { display: flex; margin-bottom: 15px; } .pop-box .nopayment-box .step-li .l { display: flex; align-items: center; height: 33px; padding-left: 10px; background: linear-gradient(90deg, #EAEFF9 0%, rgba(255, 255, 255, 0) 100%); font-size: 17px; font-family: Ubuntu-Bold, Ubuntu; font-weight: 600; color: #15357A; line-height: 20px; } .pop-box .nopayment-box .step-li p { margin-top: 3px; font-size: 15px; font-family: Open Sans-Regular, Open Sans; font-weight: 400; color: #55687D; line-height: 28px; margin-left: 15px; } .pop-box .nopayment-box .emailbox { display: flex; align-items: center; } .pop-box .nopayment-box .emailbox .stepipt { flex: 1; } .pop-box .nopayment-box .stop { font-size: 12px; font-family: Open Sans-Regular, Open Sans; font-weight: 400; color: #f64f64; line-height: 12px; } .pop-box .nopayment-box .stepipt { display: flex; align-items: center; position: relative; } .pop-box .nopayment-box .stepipt > p { width: 120px; margin-right: 10px; text-align: right; } .pop-box .nopayment-box .stepipt input { width: 100%; height: 40px; background-color: #FFFFFF; border-radius: 4px; border: 1px solid rgba(189, 201, 216, 0.8); padding: 0 18px; color: #042040; font-size: 15px; font-family: Open Sans-Regular, Open Sans; font-weight: 400; line-height: 15px; text-overflow: ellipsis; overflow: hidden; } .pop-box .nopayment-box .stepipt input::placeholder { color: #9DA4B2; } .pop-box .nopayment-box .stepipt .aman-btn { position: absolute; height: 40px; justify-content: center; min-width: 100px; right: 0; top: 0; } .pop-box .nopayment-box .virtual { padding: 15px 20px; background-color: #F9F9FC; margin-bottom: 15px; position: relative; z-index: 99; padding-left: 25px; } .pop-box .nopayment-box .virtual .li-box { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; } .pop-box .nopayment-box .virtual .v-li > p { font-size: 15px; font-family: Open Sans-Regular, Open Sans; font-weight: 400; color: #042040; line-height: 15px; } .pop-box .nopayment-box .virtual .v-li .copy-box { display: flex; align-items: center; margin-top: 10px; position: relative; } .pop-box .nopayment-box .virtual .v-li .copy-box span { font-size: 13px; font-family: Open Sans-Regular, Open Sans; font-weight: 400; color: #2452B6; line-height: 15px; position: relative; word-break: break-all; } .pop-box .nopayment-box .virtual .v-li .copy-box span.fire { width: 16px; height: 16px; background-repeat: no-repeat; background-position: center; background-image: url("../img/pay/pay_mode/fire.svg"); position: absolute; left: -19px; top: -2px; } .pop-box .nopayment-box .virtual .v-li .copy-box i { display: block; width: 16px; height: 16px; background-image: url("../img/index/icon_copy.svg"); background-repeat: no-repeat; background-position: center; margin-left: 10px; cursor: pointer; } .pop-box .nopayment-box .virtual .v-li .copy-box i:hover { background-image: url("../img/index/icon_copy1.svg"); } .pop-box .nopayment-box .virtual .v-li .copy-box .code-box { display: block; width: 16px; height: 16px; background-image: url("../img/index/icon_code.svg"); background-repeat: no-repeat; background-position: center; margin-left: 10px; cursor: pointer; position: relative; z-index: 2; } .pop-box .nopayment-box .virtual .v-li .copy-box .code-box:hover { background-image: url("../img/index/icon_code1.svg"); } .pop-box .nopayment-box .virtual .v-li .copy-box .code-box:hover .cont { display: block; } .pop-box .nopayment-box .virtual .v-li .copy-box .code-box .cont { position: absolute; left: 20px; top: 0; width: 150px; display: none; padding: 5px; border-radius: 4px; background-color: #fff; border: 1px solid #e9ecf1; } .pop-box .pay-rec { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); padding: 40px; border-radius: 4px; background-color: #F9F9F9; } .pop-box .pay-rec > p { font-size: 15px; line-height: 20px; font-family: 'Open Sans'; color: #042040; margin-bottom: 20px; } .pop-box .pay-rec .pop-close-rec { position: absolute; right: -40px; top: 0px; cursor: pointer; } .pop-box .pop-coinbase { width: 600px; padding: 20px; background-color: #fff; border-radius: 6px; min-height: 260px; box-shadow: 0 0 5px #f4f5f6; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); } .pop-box .pop-coinbase .pop-close { position: absolute; right: -40px; top: 0px; cursor: pointer; } .pop-box .pop-coinbase .img-box { padding: 8px; background: #fafafa; margin-right: 24px; } .pop-box .pop-coinbase .conibase-tit { display: flex; align-items: center; padding: 20px; border: 1px solid #E9EEF2; } .pop-box .pop-coinbase .conibase-tit p { font-size: 20px; font-family: Ubuntu-Bold, Ubuntu; font-weight: bold; color: #042040; line-height: 23px; } .pop-box .pop-coinbase .conibase-tit span { margin-top: 5px; font-size: 15px; font-family: Open Sans-Regular, Open Sans; font-weight: 400; color: #55687D; line-height: 28px; } .pop-box .pop-coinbase .coinbase-cont { border: 1px solid #E9EEF2; margin-top: 15px; } .pop-box .pop-coinbase .coinbase-cont .coinbase-cont-tit { display: flex; align-items: center; padding: 16px 20px; justify-content: space-between; border-bottom: 1px solid #E9EEF2; } .pop-box .pop-coinbase .coinbase-cont .coinbase-cont-tit .txt { max-width: 400px; } .pop-box .pop-coinbase .coinbase-cont .coinbase-cont-tit .txt p { font-size: 18px; font-family: Ubuntu-Bold, Ubuntu; font-weight: bold; color: #042040; line-height: 23px; margin-bottom: 5px; } .pop-box .pop-coinbase .coinbase-cont .coinbase-cont-tit .txt span { font-size: 15px; font-family: Open Sans-Regular, Open Sans; font-weight: 400; color: #55687D; line-height: 15px; } .pop-box .pop-coinbase .coinbase-cont .coinbase-cont-tit .tit-time { flex: none; font-size: 16px; font-family: Open Sans-Regular, Open Sans; font-weight: 400; color: #55687D; line-height: 15px; width: 50px; height: 50px; display: flex; align-items: center; justify-content: center; border: 1px solid #E9EEF2; border-radius: 50%; } .pop-box .pop-coinbase .coinbase-cont .coinbase-cont-code { padding: 25px 0; border-bottom: 1px solid #E9EEF2; display: flex; align-items: center; justify-content: center; } .pop-box .pop-coinbase .coinbase-cont .coinbase-cont-copybox { padding: 15px 20px; border-bottom: 1px solid #E9EEF2; display: flex; align-items: center; justify-content: space-between; } .pop-box .pop-coinbase .coinbase-cont .coinbase-cont-copybox .txt span { font-size: 14px; font-family: Open Sans-Regular, Open Sans; font-weight: 400; color: #55687D; line-height: 15px; } .pop-box .pop-coinbase .coinbase-cont .coinbase-cont-copybox .txt p { font-size: 16px; color: #042040; line-height: 23px; margin-top: 5px; } .pop-box .pop-coinbase .coinbase-cont .coinbase-cont-copybox .copy { color: #0052ff; cursor: pointer; } .pop-box .pop-coinbase .coinbase-cont .coinbase-cont-copybox:nth-last-of-type(1) { border-bottom: none; } .pop-box .pop-coinbase .coinbase-cont .coninbase-cont-timeout { display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 70px 30px; } .pop-box .pop-coinbase .coinbase-cont .coninbase-cont-timeout .out-p2 { font-size: 24px; font-family: Ubuntu-Bold, Ubuntu; font-weight: bold; color: #042040; line-height: 23px; margin-bottom: 30px; margin-top: 50px; } .pop-box .pop-coinbase .coinbase-cont .coninbase-cont-timeout .out-p3 { font-size: 16px; font-family: Open Sans-Regular, Open Sans; font-weight: 400; color: #55687D; line-height: 120%; text-align: center; } .pop-box .pop-coinbase .coinbase-cont .coninbase-cont-timeout .out-p3 span { color: #0052ff; } .pop-box .pop-coinbase .btn-box { margin-top: 20px; justify-content: space-between; } .pop-box .pop-coinbase .btn-box .aman-btn { height: 48px; width: 250px; justify-content: center; } .cookie-agreement { z-index: 1000000; position: fixed; left: 0; right: 0; bottom: 0; background: #FFF; box-shadow: 0px -3px 15px 0px rgba(4, 32, 64, 0.06); display: flex; align-items: flex-end; justify-content: space-between; padding: 18px 30px; } .cookie-agreement .left { max-width: 80%; } .cookie-agreement .left .tit { color: #042040; font-size: 17px; font-style: normal; font-weight: 600; line-height: 100%; /* 17px */ } .cookie-agreement .left .tip { color: #042040; font-size: 15px; font-style: normal; font-weight: 300; line-height: 100%; margin-top: 10px; margin-bottom: 15px; } .cookie-agreement .cookie_type { display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: center; } .cookie-agreement .cookie_type .cookie_type_box { display: flex; align-items: center; margin-right: 20px; cursor: pointer; } .cookie-agreement .cookie_type .cookie_type_box label { cursor: pointer; color: #042040; color: var(--PIA_BK-01, #042040); font-size: 14px; font-weight: 300; line-height: 100%; } .cookie-agreement .cookie_type .cookie_type_box input { margin-right: 5px; } .cookie-agreement .right { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-start; flex-direction: column; } .cookie-agreement .cookie_btns { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; margin-top: 15px; } .cookie-agreement button { display: flex; padding: 8px 25px; justify-content: center; align-items: center; border: none; border-radius: 4px; background: #042040; color: #FFF; font-size: 13px; font-style: normal; font-weight: 400; line-height: 100%; cursor: pointer; outline: none; margin-left: 5px; } .connect_ai { position: relative; z-index: 1185742; } .connect_ai .mr_logo { width: 45px; height: 45px; position: relative; margin: 0 auto; margin-top: 10px; background-repeat: no-repeat; background-position: center; background-size: contain; background-image: url("../img/ai_img/ai_logo.png"); cursor: pointer; border-radius: 250px; box-shadow: 0px 3px 18px rgba(162, 180, 202, 0.5); } .connect_ai .mr_logo:hover { background-image: url("../img/ai_img/ai_logo1.png"); } .connect_ai .mr_logo::after { content: ''; background-image: url("../img/ai_img/ai_logo1.png"); } .connect_ai .ai_container { background-color: transparent; z-index: 10001; position: fixed; bottom: -1000px; width: 360px; height: 600px; overflow: hidden; opacity: 1; max-width: 100%; max-height: 100%; right: 20px; box-shadow: 0px 0px 17px rgba(58, 99, 159, 0.25); transition: 0.6s; display: block; border-radius: 10px; text-align: left; } .connect_ai .ai_container.on { bottom: 40px; } .connect_ai .ai_container .ai-header { display: flex; align-items: center; padding: 0px 20px; position: relative; height: 58px; background: linear-gradient(90deg, #1577E7 0%, #0060CE 100%); } .connect_ai .ai_container .ai-header .ai-h-tit { font-weight: 600; font-size: 16px; line-height: 100%; color: #FFFFFF; } .connect_ai .ai_container .ai-header .ai-close { position: absolute; right: 10px; top: 7px; cursor: pointer; } .connect_ai .ai_container .ai-header .ai-close:hover { background-color: rgba(255, 255, 255, 0.1); } .connect_ai .ai_container .ai-dialogue { overscroll-behavior-y: contain; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 20px; height: 482px; -webkit-box-flex: 1; -ms-flex: 1 0 0px; flex: 1 0 0; overflow-x: hidden; overflow-y: auto; background-color: #fff; } .connect_ai .ai_container .ai-dialogue::-webkit-scrollbar { width: 5px; } .connect_ai .ai_container .ai-dialogue::-webkit-scrollbar-thumb { background-color: #E9EFF9; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .connect_ai .ai_container .ai-dialogue .dialogue-li { display: flex; align-items: flex-end; margin-bottom: 15px; white-space: pre-wrap; flex: none; } .connect_ai .ai_container .ai-dialogue .dialogue-li.li-user { justify-content: flex-end; } .connect_ai .ai_container .ai-dialogue .dialogue-li.li-user .info-txt { margin-right: -1000px; background: #E1F1FF; border-radius: 20px 20px 0px 20px; transition: all .3s; } .connect_ai .ai_container .ai-dialogue .dialogue-li .dia-img { margin-right: 8px; } .connect_ai .ai_container .ai-dialogue .dialogue-li .info-txt { padding: 10px 14px; max-width: 242px; background: #F6F6F6; border-radius: 20px 20px 20px 0px; font-weight: 350; font-size: 14px; line-height: 150%; color: #042040; } .connect_ai .ai_container .ai-dialogue .dialogue-li .info-txt .loader-box { display: flex; align-items: center; height: 20px; } .connect_ai .ai_container .ai-dialogue .dialogue-li .info-txt a { color: #0E6FDE; } .connect_ai .ai_container .ai-dialogue .dialogue-li .info-txt .dot-loader { height: 5px; width: 5px; border-radius: 50%; background-color: #0E6FDE; position: relative; -webkit-animation: 1.2s grow ease-in-out infinite; animation: 1.2s grow ease-in-out infinite; } .connect_ai .ai_container .ai-dialogue .dialogue-li .info-txt .dot-loader--2 { -webkit-animation: 1.2s grow ease-in-out infinite 0.15555s; animation: 1.2s grow ease-in-out infinite 0.15555s; margin: 0 4px; } .connect_ai .ai_container .ai-dialogue .dialogue-li .info-txt .dot-loader--3 { -webkit-animation: 1.2s grow ease-in-out infinite 0.3s; animation: 1.2s grow ease-in-out infinite 0.3s; } .connect_ai .ai_container .ai-dialogue .question-list { background: #FFFFFF; border: 1px solid #EAF3FF; box-shadow: 0px 3px 15px rgba(162, 181, 202, 0.2), inset 0px 3px 0px #0E6FDE; border-radius: 2px; padding: 20px; margin-bottom: 15px; } .connect_ai .ai_container .ai-dialogue .question-list .question-li { display: flex; align-items: flex-start; padding-bottom: 10px; border-bottom: 1px #D7E6FF dashed; margin-bottom: 14px; cursor: pointer; } .connect_ai .ai_container .ai-dialogue .question-list .question-li > img { flex: none; margin-right: 5px; } .connect_ai .ai_container .ai-dialogue .question-list .question-li > p { font-weight: 400; font-size: 14px; line-height: 150%; color: #042040; } .connect_ai .ai_container .ai-dialogue .question-list .heal-c { display: flex; align-items: center; justify-content: center; cursor: pointer; } .connect_ai .ai_container .ai-dialogue .question-list .heal-c p { font-weight: 400; font-size: 14px; line-height: 130%; text-decoration-line: underline; color: #042040; margin-right: 8px; } .connect_ai .ai_container .ai-dialogue .question-list .heal-c:hover p { color: #FF4800; } .connect_ai .ai_container .ai-typing { height: 60px; display: flex; align-items: center; padding: 15px 10px 15px 20px; background: #F8F8FA; border-top: 1px solid #E9E9EE; } .connect_ai .ai_container .ai-typing input { width: 100%; background-color: transparent; border: none; color: #042040; } .connect_ai .ai_container .ai-typing input::placeholder { color: rgba(4, 32, 64, 0.5); } .connect_ai .ai_container .ai-typing .send_icon { width: 30px; height: 30px; background-repeat: no-repeat; background-position: center; background-size: contain; flex: none; margin-left: 10px; background-image: url("../img/ai_img/sand.png"); cursor: pointer; } .connect_ai .ai_container .ai-typing .send_icon:hover { background-image: url("../img/ai_img/sand1.png"); } .connect_ai .ai_container .ai-typing .send_icon.disabled { pointer-events: none; background-image: url("../img/ai_img/sand_nor.png"); } .connect_ai .ai_container .ai-typing .send_icon::after { content: ''; background-image: url("../img/ai_img/sand1.png"); } .connect_ai .ai_container .ai-typing .send_icon::before { content: ''; background-image: url("../img/ai_img/sand_nor.png"); } .fixed-left { display: none; padding: 15px; align-items: center; gap: 15px; border-radius: 4px; background: white; box-shadow: 0px 4px 30px 0px rgba(0, 54, 130, 0.15); position: fixed; left: 20px; bottom: 20px; z-index: 20; width: 400px; } .fixed-left > p { color: var(--PIA_BK-01, #042040); font-family: "Open Sans"; font-size: 16px; font-style: normal; font-weight: 600; line-height: 130%; /* 20.8px */ width: 165px; } .fixed-left > button { display: flex; padding: 7px 15px; align-items: center; gap: 10px; border-radius: 4px; background: #07F; color: #FFF; font-family: "Open Sans"; font-size: 14px; font-style: normal; font-weight: 600; line-height: normal; text-transform: capitalize; border: 0; outline: none; cursor: pointer; } .fixed-left > img:last-child { position: absolute; position: absolute; right: 0; top: 0; cursor: pointer; } .center-list > div { display: flex; margin: 0 auto; gap: 25px; } .center-list > div img { margin-right: 10px; position: relative; top: 4px; } .center-list > div span { color: #55687D; font-family: Open Sans; font-size: 15px; font-weight: 400; line-height: 15px; letter-spacing: 0em; text-align: left; } .bottom-activity { position: fixed; bottom: 0; left: 0; width: 100%; display: none; cursor: pointer; z-index: 10; } .bottom-activity img { width: 100%; display: none; } .bottom-activity > .bottom-activity-text { position: absolute; display: block; width: 8%; top: 61%; left: 52%; z-index: 10; } .bottom-activity > #copy { width: 12%; height: 45%; position: absolute; left: 62%; top: 49%; background: none; border: none; cursor: pointer; } .bottom-activity > #go { width: 8%; height: 45%; position: absolute; left: 76%; top: 49%; background: none; border: none; cursor: pointer; } .bottom-show { position: fixed; bottom: -6px; left: 0; z-index: 10; display: block !important; } @-webkit-keyframes grow { 0%, 40%, 100% { -webkit-transform: scale(0); transform: scale(0); } 40% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes grow { 0%, 40%, 100% { -webkit-transform: scale(0); transform: scale(0); } 40% { -webkit-transform: scale(1); transform: scale(1); } } .login-box { width: 100%; height: 100%; position: fixed; left: 0; top: 0; background: rgba(0, 0, 0, 0.6); z-index: 999; display: none; flex-direction: row; justify-content: center; align-items: center; } .login-box > .content { display: flex; width: 460px; padding: 30px; flex-direction: column; align-items: flex-start; flex-shrink: 0; background: #fff; border-radius: 4px; box-shadow: 0px 4px 30px 0px rgba(0, 54, 130, 0.05); position: relative; } .login-box > .content.register-content { display: none; } .login-box > .content > .close { position: absolute; display: flex; justify-content: center; align-items: center; top: 5px; right: 5px; cursor: pointer; } .login-box > .content > .title { color: var(--PIA_BK-01, #042040); font-family: Open Sans; font-size: 25px; font-style: normal; font-weight: 600; line-height: 100%; /* 25px */ text-align: center; margin: 0 auto; margin-bottom: 35px; } .login-box > .content > .name { color: #121933; font-family: Open Sans; font-size: 14px; font-style: normal; font-weight: 400; line-height: 100%; /* 14px */ margin-top: 15px; } .login-box > .content > .name > span { color: #F53D5D; } .login-box > .content > .input-box { display: flex; height: 40px; margin-top: 10px; padding: 18px; align-items: center; gap: 17px; align-self: stretch; border-radius: 4px; border: 1px solid #E4E6EA; } .login-box > .content > .input-box > input { width: 90%; border: 0; outline: none; } .login-box > .content > .input-box .eyele { display: none; } .login-box > .content > .input-box:hover .eyele { display: block; } .login-box > .content .submit_btn { display: flex; height: 40px; width: 100%; margin-top: 15px; padding: 14px 40px; justify-content: center; align-items: center; gap: 10px; align-self: stretch; border-radius: 4px; background: #0E6FDE; border: 0; outline: none; color: #FFF; font-family: Ubuntu; font-size: 16px; font-style: normal; font-weight: 400; line-height: normal; cursor: pointer; } .login-box > .content .submit_btn.disabled { opacity: 0.3; cursor: auto; } .login-box > .content > div > .text-center { display: flex; width: 100%; justify-content: center; align-items: center; gap: 13.331px; align-self: stretch; margin: 20px 0; position: relative; } .login-box > .content > div > .text-center > p { color: var(--PIA_BK-02, #55687D); font-family: Open Sans; font-size: 13px; font-style: normal; font-weight: 400; line-height: 100%; /* 13px */ display: block; background: #fff; position: relative; z-index: 3; padding: 0 5px; } .login-box > .content > div > .text-center > i { width: 380px; height: 1px; position: absolute; left: 5px; bottom: 4.5px; stroke-width: 1px; background: #E4E6EA; z-index: 1; } .login-box > .content > .change-type { display: flex; align-items: flex-start; gap: 15px; align-self: stretch; margin-top: 15px; } .login-box > .content > .change-type > p { color: var(--PIA_BK-02, #55687D); font-family: Open Sans; font-size: 14px; font-style: normal; font-weight: 400; line-height: normal; } .login-box > .content > .change-type > p > span { margin-left: 15px; color: var(--PIA_BK-01, #042040); font-family: Open Sans; font-size: 14px; font-style: normal; font-weight: 400; line-height: normal; text-decoration-line: underline; cursor: pointer; } .login-box > .content > .fv-row { margin-top: 15px; } .login-box > .content > .fv-row .form-check { display: block; align-items: center; gap: 5px; margin-bottom: 35px; margin-top: 15px; } .login-box > .content > .fv-row .form-check > .gree_check_ipt { margin: 0; width: 16px; height: 16px; vertical-align: text-bottom; } .login-box > .content > .fv-row .form-check > .agree_check_content { color: var(--PIA_BK-02, #55687D); font-family: Open Sans; font-size: 13px; font-style: normal; font-weight: 400; line-height: 100%; /* 13px */ } .login-box > .content > .fv-row .form-check > .agree_check_content > a { color: #0E6FDE; font-family: Open Sans; font-size: 13px; font-style: normal; font-weight: 400; line-height: 100%; /* 13px */ } .login-box > .content .error_tip { display: none; position: relative; padding-top: 8px; padding-left: 20px; font-family: 'Inter'; font-size: 13px; line-height: 16px; color: #E30B34; } .login-box > .content .error_tip::after { content: ""; position: absolute; top: 9px; left: 0px; width: 20px; height: 20px; background: url(../../login/tip_icon.svg) no-repeat; } .login-box > .content .gogle { padding-top: 15px; width: 100%; } .login-box > .content .gogle .g_id_signin { width: 100%; } .login-box > .content .gogle > .text-center { display: none; } .pop_CardPay { width: 100%; height: 100%; background: rgba(0, 0, 0, 0.6); position: fixed; display: flex; left: 0; top: 0; justify-content: center; /* 水平居中 */ align-items: center; /* 垂直居中 */ z-index: 9999999; } .pop_CardPay > #dropin-container { width: 500px; } .pop_CardPay > .card_close { position: relative; top: -190px; } @media screen and (max-width: 820px) { .top-banner { display: none !important; } } .pop-box .mars-content { display: flex; width: 480px; padding: 30px; flex-direction: column; align-items: center; gap: 30px; border-radius: 4px; background: var(--PIA24-BK-White, #FFF); position: absolute; left: calc(50% - 240px); top: calc(50% - 213.5px); } .pop-box .mars-content > .mars-close { position: absolute; display: block; right: 10px; top: 10px; cursor: pointer; } .pop-box .mars-content > .content-top { position: relative; width: 100%; } .pop-box .mars-content > .content-top > .text { width: 340px; height: 55px; } .pop-box .mars-content > .content-top > .text > p { color: var(--PIA24-BK-01, #042040); font-family: "Open Sans"; font-size: 18px; font-style: normal; font-weight: 400; line-height: 100%; /* 18px */ } .pop-box .mars-content > .content-top > .text > span { color: var(--PIA24-BK-02, #55687D); font-family: "Open Sans"; font-size: 13px; font-style: normal; font-weight: 400; line-height: 130%; /* 16.9px */ margin-top: 3px; position: relative; top: 5px; } .pop-box .mars-content > .content-top > .time-text { width: 33px; text-align: center; color: var(--PIA24-BK-02, #55687D); font-family: "Open Sans"; font-size: 13px; font-style: normal; font-weight: 400; line-height: 100%; /* 13px */ position: absolute; top: 20px; right: 17px; } .pop-box .mars-content > .content-top > .time-box { transform: scale(0.192); position: absolute; right: -96px; top: -269px; } .pop-box .mars-content > .content-qrcode { width: 125px; height: 125px; flex-shrink: 0; border-radius: 6px; border: 1px solid var(--PIA24-Line-02, #F4F4F5); background: url(../img/pay/qrcode-border.svg) no-repeat center; } .pop-box .mars-content > .content-qrcode > #coin_address_qcode { width: 110px; height: 110px; margin: 0 auto; margin-top: 7px; } .pop-box .mars-content > .red-box { display: flex; padding: 15px; align-items: flex-start; gap: 10px; align-self: stretch; border-radius: 4px; background: #FFF4F6; } .pop-box .mars-content > .red-box > p { color: var(--PIA24-BK-01, #042040); font-family: "Open Sans"; font-size: 13px; font-style: normal; font-weight: 300; line-height: 130%; /* 16.9px */ } .pop-box .mars-content > .red-box > p > span { color: #E30B34; } .pop-box .mars-content > .blue-box { display: flex; padding: 15px; align-items: flex-start; gap: 10px; align-self: stretch; border-radius: 4px; background: #F5F8FF; } .pop-box .mars-content > .blue-box > p { color: var(--PIA24-BK-01, #042040); font-family: "Open Sans"; font-size: 13px; font-style: normal; font-weight: 300; line-height: 130%; /* 16.9px */ } .pop-box .mars-content > .blue-box > p > a { color: #0E6FDE; } .pop-box .mars-content > .copy-address { display: flex; align-items: center; gap: 10px; align-self: stretch; } .pop-box .mars-content > .copy-address > .copy-left { display: flex; flex-direction: column; align-items: flex-start; gap: 5px; flex: 1 0 0; } .pop-box .mars-content > .copy-address > .copy-left > p { color: var(--PIA24-BK-01, #042040); font-family: "Open Sans"; font-size: 15px; font-style: normal; font-weight: 400; line-height: 100%; /* 15px */ } .pop-box .mars-content > .copy-address > .copy-left > p > .mars_name { text-transform: capitalize; } .pop-box .mars-content > .copy-address > .copy-left > span { color: var(--PIA24-BK-02, #55687D); font-family: "Open Sans"; font-size: 13px; font-style: normal; font-weight: 400; line-height: 100%; /* 13px */ } .pop-box .mars-content > .copy-address > .copy-btn { display: flex; padding: 8px 10px; align-items: center; gap: 5px; border-radius: 34px; border: 1px solid var(--PIA24-Line-01, #DEE0E9); background: #FBFBFC; cursor: pointer; } .pop-box .mars-content > .copy-address > .copy-btn > span { color: var(--PIA24-BK-02, #55687D); font-family: "Open Sans"; font-size: 12px; font-style: normal; font-weight: 400; line-height: 100%; /* 12px */ } .pop-box .mars-content > .line-dashed { width: 100%; border-bottom: 1px dashed #DEE0E9; } .pop-box .pay_success { display: flex; position: absolute; left: calc(50% - 240px); top: calc(50% - 168px); width: 480px; padding: 30px; flex-direction: column; align-items: center; gap: 20px; border-radius: 4px; border: 1px solid #EAEFF9; background: #FFF; } .pop-box .pay_success .mars-close-success { position: absolute; display: block; right: 10px; top: 10px; cursor: pointer; } .pop-box .pay_success > .title { color: var(--PIA24-BK-01, #042040); text-align: center; font-family: "Open Sans"; font-size: 18px; font-style: normal; font-weight: 600; line-height: 100%; /* 18px */ text-transform: capitalize; } .pop-box .pay_success > .tip { color: var(--PIA24-BK-02, #55687D); text-align: center; font-family: "Open Sans"; font-size: 14px; font-style: normal; font-weight: 400; line-height: 150%; /* 21px */ } .pop-box .pay_success > .tip > a { color: var(--PIA24-BK-01, #042040); font-family: "Open Sans"; font-size: 14px; font-style: normal; font-weight: 400; line-height: 150%; text-decoration-line: underline; } .pop-box .pay_success > .code { display: flex; padding: 14px 0px; justify-content: center; align-items: center; gap: 5px; align-self: stretch; border-radius: 4px; background: var(--PIA24-BG-01, #F5F5F7); } .pop-box .pay_success > .code > p { color: var(--PIA24-BK-02, #55687D); font-family: "Open Sans"; font-size: 14px; font-style: normal; font-weight: 400; line-height: 100%; /* 14px */ } .pop-box .pay_success > .code > p > span { color: var(--PIA24-BK-01, #042040); font-family: "Open Sans"; font-size: 16px; font-style: normal; font-weight: 600; line-height: 100%; /* 16px */ text-transform: uppercase; } /*# sourceMappingURL=common.css.map */