|
|
@ -7,9 +7,9 @@ |
|
|
<img :src="item.imgurl" width="100%" height="100%" /> |
|
|
<img :src="item.imgurl" width="100%" height="100%" /> |
|
|
</el-carousel-item> |
|
|
</el-carousel-item> |
|
|
</el-carousel> --> |
|
|
</el-carousel> --> |
|
|
<img src="../../assets/img/index_banner.png" alt="" class="index_banner"> |
|
|
<!-- <img src="../../assets/img/index_banner_2.png" alt="" class="index_banner">--> |
|
|
<div class="banner_right"> |
|
|
<div class="banner_right"> |
|
|
<p class="banner_right_p">{{ $t("addinfo.BuyCoins") }} CINSCoin </p> |
|
|
<p class="banner_right_p">The world's top security risk control system</p> |
|
|
<!-- <input type="text" :placeholder="$t('login.pleaseEmail')" class="banner_right_input">--> |
|
|
<!-- <input type="text" :placeholder="$t('login.pleaseEmail')" class="banner_right_input">--> |
|
|
<!-- <div class="banner_right_code">--> |
|
|
<!-- <div class="banner_right_code">--> |
|
|
<!-- <input type="text" :placeholder="$t('setting.enterCode')" class="banner_right_input">--> |
|
|
<!-- <input type="text" :placeholder="$t('setting.enterCode')" class="banner_right_input">--> |
|
|
@ -798,6 +798,10 @@ path{ |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.section { |
|
|
.section { |
|
|
|
|
|
background-image:url(../../assets/img/index_banner_2.png); |
|
|
|
|
|
width:100%; |
|
|
|
|
|
height:100%; |
|
|
|
|
|
background-size:100% 100%; |
|
|
overflow-x: hidden; |
|
|
overflow-x: hidden; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
@ -1139,7 +1143,7 @@ path{ |
|
|
.banner-block{ |
|
|
.banner-block{ |
|
|
display: flex; |
|
|
display: flex; |
|
|
align-items: center; |
|
|
align-items: center; |
|
|
padding-left: 136px; |
|
|
padding-left: 10px; |
|
|
.index_banner{ |
|
|
.index_banner{ |
|
|
width: 758px; |
|
|
width: 758px; |
|
|
height: 463px; |
|
|
height: 463px; |
|
|
@ -1151,7 +1155,7 @@ path{ |
|
|
flex-direction: column; |
|
|
flex-direction: column; |
|
|
|
|
|
|
|
|
.banner_right_p{ |
|
|
.banner_right_p{ |
|
|
color: white; |
|
|
color: #0a1015; |
|
|
font-size: 48px; |
|
|
font-size: 48px; |
|
|
font-weight: bold; |
|
|
font-weight: bold; |
|
|
margin-bottom: 30px; |
|
|
margin-bottom: 30px; |
|
|
@ -1263,7 +1267,7 @@ path{ |
|
|
} |
|
|
} |
|
|
.banner3{ |
|
|
.banner3{ |
|
|
background: url('../../assets/img/banner3.jpg') no-repeat; |
|
|
background: url('../../assets/img/banner3.jpg') no-repeat; |
|
|
background-color: #162636; |
|
|
background-color: #FFFFFF; |
|
|
padding-right: 230px; |
|
|
padding-right: 230px; |
|
|
padding-top: 129px; |
|
|
padding-top: 129px; |
|
|
display: flex; |
|
|
display: flex; |
|
|
@ -1272,12 +1276,12 @@ path{ |
|
|
|
|
|
|
|
|
.banner3_p{ |
|
|
.banner3_p{ |
|
|
font-size: 16px; |
|
|
font-size: 16px; |
|
|
color: #9AA1A8; |
|
|
color: #000000; |
|
|
margin-bottom: 25px; |
|
|
margin-bottom: 25px; |
|
|
|
|
|
|
|
|
.banner3_p_span{ |
|
|
.banner3_p_span{ |
|
|
font-size: 28px; |
|
|
font-size: 28px; |
|
|
color: white; |
|
|
color: #000000; |
|
|
font-weight: bold; |
|
|
font-weight: bold; |
|
|
} |
|
|
} |
|
|
} |
|
|
} |
|
|
|