[css] dsdsds
Viewer
*** This page was generated with the meta tag "noindex, nofollow". This happened because you selected this option before saving or the system detected it as spam. This means that this page will never get into the search engines and the search bot will not crawl it. There is nothing to worry about, you can still share it with anyone.
- @media (min-width: 600px) {
- .have_banner {
- display: flex;
- justify-content: space-between;
- flex: 1;
- }
- .mobile_banner {
- display: none;
- }
- .mobile_logo {
- display: none;
- }
- .banner {
- width: 50%;
- overflow: hidden;
- }
- .banner .logo_corss {
- position: absolute;
- bottom: 64px;
- right: 64px;
- width: 220px;
- }
- .banner .logo_corss img {
- width: 100%;
- }
- .banner .run {
- position: absolute;
- top: 20px;
- right: 168px;
- line-height: 42px;
- color: #FFFFFF;
- font-size: 14px;
- }
- .HeaderLanuage {
- position: absolute;
- top: 20px;
- right: 48px;
- flex: 1;
- display: flex;
- align-items: center;
- justify-content: flex-end;
- }
- .HeaderLanuage .ant-select-arrow {
- color: #f5f5f5;
- }
- .HeaderLanuage .ant-select:not(.ant-select-customize-input) .ant-select-selector {
- width: 90px;
- height: 42px;
- display: flex;
- align-items: center;
- background-color: transparent;
- }
- .HeaderLanuage .ant-select-selection-item {
- height: 30px;
- color: #F5F5F5;
- }
- .HeaderLanuage .ant-select-single:not(.ant-select-customize-input) .ant-select-selector {
- padding: 0 11px;
- }
- .newHome {
- width: 50%;
- padding: 0 78px;
- }
- .homePage {
- width: 100%;
- display: flex;
- justify-content: center;
- }
- .homePage .crossChain {
- width: 100%;
- }
- .homePage .crossChain .sel_fat {
- display: flex;
- justify-content: flex-end;
- }
- .homePage .crossChain .select_box {
- width: 222px;
- height: 46px;
- line-height: 46px;
- border-radius: 23px;
- border: 1px solid #D2D5E1;
- display: flex;
- align-items: center;
- background-color: #F5F5F5;
- padding: 4px 6px;
- margin: 18px 0 48px;
- }
- .homePage .crossChain .select_box .select_one, .homePage .crossChain .select_box .select_two {
- width: 50%;
- text-align: center;
- font-size: 14px;
- cursor: pointer;
- }
- .homePage .crossChain .select_box .select_one {
- height: 38px;
- background-color: #FFFFFF;
- border-radius: 19px;
- line-height: 38px;
- }
- .homePage .crossChain .select_box .select_two {
- color: rgba(0, 0, 0, 0.25);
- }
- .homePage .crossChain .check {
- margin-right: 10px;
- margin-top: 20px;
- }
- .homePage .crossChain .banner_img {
- display: flex;
- justify-content: center;
- }
- .homePage .crossChain .banner_img img {
- width: 280px;
- }
- .homePage .crossChain .tokenType p {
- font-size: 14px;
- margin-bottom: 11px;
- }
- .homePage .crossChain .tokenType .token_sel {
- width: 100%;
- height: 48px;
- background-color: #FFFFFF;
- border-radius: 4px;
- padding: 10px 16px;
- font-size: 16px;
- line-height: 18px;
- display: flex;
- align-items: center;
- justify-content: space-between;
- }
- .homePage .crossChain .tokenType .token_sel .token_sel_div {
- display: flex;
- align-items: center;
- }
- .homePage .crossChain .tokenType .token_sel img {
- width: 28px;
- margin-right: 12px;
- }
- .homePage .crossChain .ant-select-selection-item {
- height: 48px;
- }
- .homePage .crossChain .ant-select:not(.ant-select-customize-input) .ant-select-selector {
- height: 48px;
- border-radius: 4px;
- border: none;
- }
- .homePage .crossChain .ant-select-focused:not(.ant-select-disabled).ant-select:not(.ant-select-customize-input) .ant-select-selector {
- border: none;
- box-shadow: none;
- }
- .homePage .crossChain .change_chain {
- display: flex;
- justify-content: space-between;
- margin-top: 16px;
- }
- .homePage .crossChain .change_chain .chain_img {
- flex: 1;
- display: flex;
- justify-content: center;
- }
- .homePage .crossChain .change_chain .chain_img img {
- width: 40px;
- height: 42px;
- margin-top: 38px;
- }
- .homePage .crossChain .change_chain .chain_first, .homePage .crossChain .change_chain .chain_second {
- flex: 5;
- }
- .homePage .crossChain .change_chain .sel_con {
- display: flex;
- padding: 7px 0px 7px 0px;
- height: 48px;
- box-sizing: border-box;
- align-items: center;
- }
- .homePage .crossChain .change_chain .sel_con img {
- width: 28px;
- height: 28px;
- }
- .homePage .crossChain .change_chain .sel_con div {
- display: flex;
- flex-direction: column;
- height: 30px;
- margin-left: 12px;
- justify-content: space-between;
- }
- .homePage .crossChain .change_chain .sel_con div span:nth-of-type(1) {
- font-size: 14px;
- line-height: 14px;
- font-weight: bold;
- }
- .homePage .crossChain .change_chain .sel_con div span:nth-of-type(2) {
- font-size: 12px;
- line-height: 12px;
- color: rgba(0, 0, 0, 0.4);
- }
- .homePage .crossChain .change_chain .change_chain_text {
- font-size: 14px;
- display: inline-block;
- margin-bottom: 11px;
- }
- .homePage .crossChain .Addr_chain {
- width: 100%;
- padding: 10px 12px;
- background-color: #E8ECF3;
- border-radius: 4px;
- margin-top: 8px;
- }
- .homePage .crossChain .Addr_chain .Addr_chain-bottom {
- margin-top: 12px;
- }
- .homePage .crossChain .Addr_chain h3 {
- color: rgba(0, 0, 0, 0.5);
- font-size: 14px;
- margin-bottom: 0;
- }
- .homePage .crossChain .Addr_chain .addr_a {
- display: flex;
- align-items: center;
- }
- .homePage .crossChain .Addr_chain .addr_a span {
- color: #108EE9;
- font-size: 14px;
- }
- .homePage .crossChain .Addr_chain .addr_a .img {
- width: 24px;
- height: 24px;
- }
- .homePage .crossChain .Addr_chain img {
- width: 24px;
- margin-left: 12px;
- }
- .homePage .crossChain .coinTransfer {
- display: flex;
- justify-content: space-between;
- align-items: flex-start;
- text-align: center;
- width: 92%;
- }
- .homePage .crossChain .coinTransfer .icon {
- display: flex;
- flex-direction: column;
- justify-content: center;
- align-items: center;
- min-width: 150px;
- }
- .homePage .crossChain .coinTransfer .icon img {
- width: 80px;
- height: 80px;
- border: 2px solid #000000;
- border-radius: 100%;
- overflow: hidden;
- }
- .homePage .crossChain .coinTransfer .icon .title {
- display: block;
- width: 80px;
- line-height: 36px;
- background: rgba(73, 164, 203, 0.2);
- text-align: center;
- margin-top: 10px;
- margin-bottom: 10px;
- }
- .homePage .crossChain .coinTransfer .icon .title span {
- display: block;
- font-size: 18px;
- font-weight: bold;
- text-align: center;
- color: #000000;
- }
- .homePage .crossChain .coinTransfer .iconChange {
- width: 48px;
- height: 48px;
- }
- .homePage .crossChain .coinTransfer .iconChange span {
- display: block;
- }
- .homePage .crossChain .coinTransfer .iconChange img {
- width: 100%;
- margin-top: 16px;
- cursor: pointer;
- }
- .homePage .crossChain .run {
- flex-direction: row-reverse;
- }
- .homePage .crossChain .form {
- padding-top: 16px;
- }
- .homePage .crossChain .form input {
- width: 100%;
- background: #ffffff;
- border-radius: 4px;
- border: none;
- outline: none;
- height: 32px;
- margin: 4px 0;
- }
- .homePage .crossChain .form button {
- width: 100%;
- }
- .homePage .crossChain .form .btn-yellow {
- background-color: #0081FF;
- color: #FFFFFF;
- height: 42px;
- font-size: 14px;
- border-radius: 2px;
- margin-bottom: 3px;
- }
- .homePage .crossChain .form .btn-yellow.disable {
- background-color: #99CDFF;
- }
- .homePage .crossChain .form .rowText {
- color: rgba(0, 0, 0, 0.5);
- }
- .homePage .crossChain .form .ant-form-item {
- margin: 0;
- }
- .homePage .crossChain .form .ant-row {
- padding-bottom: 4px;
- }
- .homePage .crossChain .form .label {
- line-height: 36px;
- font-weight: bold;
- color: #000;
- margin-bottom: 0;
- }
- .homePage .crossChain .form .upperBtn {
- position: absolute;
- right: 0;
- top: 0;
- margin: 0 11px;
- line-height: 40px;
- font-weight: 500;
- color: #0081ff;
- font-size: 14px;
- cursor: pointer;
- }
- .homePage .crossChain .form .amount {
- padding-bottom: 0;
- display: flex;
- }
- .homePage .crossChain .form .amount .text {
- font-size: 14px;
- color: rgba(0, 0, 0, 0.85);
- line-height: 24px;
- }
- .homePage .crossChain .form .amount .label {
- line-height: 24px;
- font-weight: 500;
- color: rgba(0, 0, 0, 0.5);
- font-size: 14px;
- }
- .homePage .crossChain .form .tradingFee {
- padding: 0px 0 40px;
- display: flex;
- }
- .homePage .crossChain .form .tradingFee .text {
- font-size: 14px;
- color: rgba(0, 0, 0, 0.85);
- line-height: 24px;
- }
- .homePage .crossChain .form .tradingFee .label {
- line-height: 24px;
- font-weight: 500;
- color: rgba(0, 0, 0, 0.5);
- font-size: 14px;
- }
- .homePage .crossChain .form .default {
- padding-left: 10px;
- margin-top: 20px;
- }
- .ant-select-dropdown.list {
- border: none;
- border-radius: 4px;
- }
- .ant-select-dropdown.list .sel_con {
- display: flex;
- padding: 7px 0px 7px 0px;
- height: 48px;
- box-sizing: border-box;
- }
- .ant-select-dropdown.list .sel_con img {
- width: 28px;
- height: 28px;
- }
- .ant-select-dropdown.list .sel_con div {
- display: flex;
- flex-direction: column;
- height: 28px;
- margin-left: 12px;
- }
- .ant-select-dropdown.list .sel_con div span:nth-of-type(1) {
- font-size: 14px;
- line-height: 14px;
- font-weight: bold;
- }
- .ant-select-dropdown.list .sel_con div span:nth-of-type(2) {
- font-size: 12px;
- line-height: 17px;
- color: rgba(0, 0, 0, 0.4);
- }
- .tipTitle {
- max-width: 1200px;
- margin: 30px auto;
- border-top: 1px solid #BCC1CD;
- background-color: #EEEEEE;
- box-sizing: border-box;
- padding: 10px;
- }
- }
- @media (min-width: 600px) and (max-width: 1300px) {
- .newHome {
- width: 50%;
- padding: 0 20px;
- }
- }
- @media (max-width: 599.99px) {
- .banner {
- display: none;
- }
- .mobile_logo {
- margin: 16px auto;
- display: flex;
- justify-content: center;
- }
- .mobile_logo img {
- width: 188px;
- }
- .mobile_banner {
- position: relative;
- }
- .mobile_banner .box.have {
- display: none;
- }
- .mobile_banner .box {
- position: absolute;
- top: 65px;
- width: 100%;
- background-color: #FFFFFF;
- transition: all 1s;
- padding: 16px 0;
- }
- .mobile_banner .box_list {
- width: 100%;
- height: 42px;
- line-height: 42px;
- text-align: center;
- font-size: 14px;
- }
- .mobile_banner .box_list a {
- color: #000000;
- }
- .mobile_banner .box_list:hover {
- color: #0081FF;
- }
- .mobile_banner .box_list:hover a {
- color: #0081FF;
- }
- .mobile_banner_top {
- display: flex;
- justify-content: space-between;
- background-color: #FFFFFF;
- height: 65px;
- align-items: center;
- padding: 0 18px;
- margin-bottom: 20px;
- box-shadow: 0px 2px 4px 0px rgba(188, 193, 205, 0.1);
- position: relative;
- z-index: 1;
- }
- .mobile_banner_top img {
- width: 24px;
- }
- .mobile_banner_top .select_box {
- width: 222px;
- height: 46px;
- line-height: 46px;
- border-radius: 23px;
- border: 1px solid #D2D5E1;
- display: flex;
- align-items: center;
- background-color: #F5F5F5;
- padding: 4px 6px;
- }
- .mobile_banner_top .select_box .select_one, .mobile_banner_top .select_box .select_two {
- width: 50%;
- text-align: center;
- font-size: 14px;
- }
- .mobile_banner_top .select_box .select_one {
- height: 38px;
- background-color: #FFFFFF;
- border-radius: 19px;
- line-height: 38px;
- }
- .mobile_banner_top .select_box .select_two {
- color: rgba(0, 0, 0, 0.25);
- border-radius: 19px;
- line-height: 38px;
- height: 38px;
- }
- .HeaderLanuage {
- display: flex;
- align-items: center;
- justify-content: flex-end;
- margin-right: 12px;
- }
- .HeaderLanuage .ant-select:not(.ant-select-customize-input) .ant-select-selector {
- width: 90px;
- height: 42px;
- display: flex;
- align-items: center;
- background-color: transparent;
- }
- .HeaderLanuage .ant-select-single:not(.ant-select-customize-input) .ant-select-selector {
- padding: 0;
- }
- .HeaderLanuage .ant-select-selection-item {
- height: 30px;
- color: #636E95;
- }
- .ant-select-dropdown.list {
- border: none;
- border-radius: 4px;
- }
- .ant-select-dropdown.list .sel_con {
- display: flex;
- padding: 7px 0px 7px 0px;
- height: 48px;
- box-sizing: border-box;
- }
- .ant-select-dropdown.list .sel_con img {
- width: 28px;
- height: 28px;
- }
- .ant-select-dropdown.list .sel_con div {
- display: flex;
- flex-direction: column;
- height: 28px;
- margin-left: 12px;
- }
- .ant-select-dropdown.list .sel_con div span:nth-of-type(1) {
- font-size: 14px;
- line-height: 14px;
- font-weight: bold;
- }
- .ant-select-dropdown.list .sel_con div span:nth-of-type(2) {
- font-size: 12px;
- line-height: 17px;
- color: rgba(0, 0, 0, 0.4);
- }
- .homePage {
- width: 100%;
- display: flex;
- }
- .homePage .container {
- width: 100%;
- }
- .homePage .banner_img {
- padding: 24px 28px;
- }
- .homePage .banner_img img {
- width: 100%;
- }
- .homePage .sel_fat {
- display: none;
- }
- .homePage .mobile_box {
- background-color: #F8F9FA;
- border-radius: 4px;
- margin: 0 auto;
- width: 90%;
- padding: 20px 12px;
- }
- .homePage .mobile_box .tokenType {
- margin-bottom: 26px;
- }
- .homePage .mobile_box .tokenType p {
- font-weight: 500;
- }
- .homePage .mobile_box .tokenType .token_sel {
- display: flex;
- justify-content: space-between;
- align-items: center;
- background-color: #FFFFFF;
- padding: 10px 16px;
- }
- .homePage .mobile_box .tokenType .token_sel .token_sel_div img {
- width: 28px;
- height: 28px;
- }
- .homePage .mobile_box .change_chain {
- display: flex;
- flex-direction: column;
- align-items: center;
- }
- .homePage .mobile_box .change_chain .chain_img {
- margin-top: 9px;
- }
- .homePage .mobile_box .change_chain .chain_img img {
- width: 28px;
- height: 28px;
- transform: rotate(90deg);
- }
- .homePage .mobile_box .change_chain .chain_second, .homePage .mobile_box .change_chain .chain_first {
- width: 100%;
- }
- .homePage .mobile_box .change_chain .sel_con {
- display: flex;
- padding: 7px 0px 7px 0px;
- height: 48px;
- box-sizing: border-box;
- }
- .homePage .mobile_box .change_chain .sel_con img {
- width: 28px;
- height: 28px;
- }
- .homePage .mobile_box .change_chain .sel_con div {
- display: flex;
- flex-direction: column;
- height: 28px;
- margin-left: 12px;
- }
- .homePage .mobile_box .change_chain .sel_con div span:nth-of-type(1) {
- font-size: 14px;
- line-height: 14px;
- font-weight: bold;
- }
- .homePage .mobile_box .change_chain .sel_con div span:nth-of-type(2) {
- font-size: 12px;
- line-height: 26px;
- color: rgba(0, 0, 0, 0.4);
- }
- .homePage .mobile_box .change_chain .change_chain_text {
- font-size: 14px;
- display: inline-block;
- margin-bottom: 11px;
- }
- .homePage .Addr_chain {
- display: none;
- }
- .homePage .form {
- width: 90%;
- margin: 0 auto;
- }
- .homePage .form .form_top {
- width: 100%;
- background-color: #F8F9FA;
- border-radius: 4px;
- margin: 8px auto 48px;
- padding: 20px 12px;
- }
- .homePage .form input {
- width: 100%;
- background: #ffffff;
- border-radius: 4px;
- border: none;
- outline: none;
- height: 32px;
- margin: 4px 0;
- }
- .homePage .form button {
- width: 100%;
- }
- .homePage .form .btn-yellow {
- background-color: #0081FF;
- color: #FFFFFF;
- height: 42px;
- font-size: 14px;
- border-radius: 2px;
- margin-bottom: 3px;
- }
- .homePage .form .btn-yellow.disable {
- background-color: #99CDFF;
- }
- .homePage .form .rowText {
- color: rgba(0, 0, 0, 0.5);
- }
- .homePage .form .ant-form-item {
- margin: 0;
- }
- .homePage .form .ant-row {
- padding-bottom: 4px;
- }
- .homePage .form .label {
- font-weight: bold;
- color: #000;
- margin-bottom: 0;
- }
- .homePage .form .upperBtn {
- position: absolute;
- right: 0;
- top: 4px;
- margin: 0 11px;
- line-height: 32px;
- font-weight: 500;
- color: #0081ff;
- font-size: 14px;
- cursor: pointer;
- display: inline-block;
- background-color: #FFFFFF;
- }
- .homePage .form .amount {
- padding-bottom: 0;
- display: flex;
- }
- .homePage .form .amount .text {
- font-size: 14px;
- color: rgba(0, 0, 0, 0.85);
- line-height: 24px;
- }
- .homePage .form .amount .label {
- line-height: 24px;
- font-weight: 500;
- color: rgba(0, 0, 0, 0.5);
- font-size: 14px;
- }
- .homePage .form .tradingFee {
- display: flex;
- }
- .homePage .form .tradingFee .text {
- font-size: 14px;
- color: rgba(0, 0, 0, 0.85);
- line-height: 24px;
- }
- .homePage .form .tradingFee .label {
- line-height: 24px;
- font-weight: 500;
- color: rgba(0, 0, 0, 0.5);
- font-size: 14px;
- }
- .homePage .images, .homePage .images_right {
- display: none;
- }
- .tipTitle {
- width: 90%;
- margin: 19px auto;
- border-top: 1px solid #000000;
- background-color: #EEEEEE;
- box-sizing: border-box;
- padding: 10px;
- }
- .font14 {
- font-size: 14px;
- }
- }
Editor
You can edit this paste and save as new:
File Description
- dsdsds
- Paste Code
- 19 Apr-2024
- 17.34 Kb
You can Share it:
Latest Code Pastes