.txttip {
  position: relative;
  display: inline-block;
 
}
.txttip .tooltip-text {
  visibility: hidden;
  width: 50%;
  
  /*background-color:#28a745;*/
  font-size:70%;
  color: white;
  text-align: center;
  border-radius: 6px;
  padding: 0px;
  position: absolute;
  z-index: 1;
  bottom: -30px;
  left: 50%;
  transform: translateX(-50%);
  opacity: 0;
  transition: opacity 0.3s;
}

.txttip:hover .tooltip-text {
  visibility: visible;
  opacity: 1;
}

.container {
  position: relative;
  display: inline-block;
}

.text-overlay {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  color: white;
}


.text-reverse {
  color:white; /*设置文字颜色为白色*/
  
  
}

.text-reverse::after {

  content: attr(data-text); /* 使用伪元素生成与文字相同的内容 */
  color: white; /* 设置文字颜色为黑色，可以根据需要调整 */
 
    mix-blend-mode: difference;设置混合模式为反色 */
   /*text-shadow: 0 0 2px white; 添加阴影以突出反色效果 */
   
  
}


.text-reverse-ext {
     
	color:white;
  font-weight:bolder;
  font-size:1.025rem;
}


.text-reverse-ext::after {
        content: attr(data-text);
        color: #ffc107;
        font-weight: bolder;
        mix-blend-mode: difference;
        
}


.text-asp {
    color: white; /*设置文字颜色为白色*/
}


    .text-asp::after {
        content: attr(data-text); /* 使用伪元素生成与文字相同的内容 */
        color: white; /* 设置文字颜色为黑色，可以根据需要调整 */

        mix-blend-mode: difference;
        /*设置混合模式为反色 */
        /*text-shadow: 0 0 2px #ffc107;  添加阴影以突出反色效果 */
    }













/*bitcoin css*/


.section-title{font-size:162.5%;font-weight:normal;color:#dc3545}


.bitcoin_container{max-width:1230px;padding:0 30px;margin:0 auto;-webkit-box-sizing:border-box;box-sizing:border-box}
.bitcoin_row{display:-webkit-box;display:-ms-flexbox;display:flex}

.bitcoin_container{max-width:1230px;padding:0 30px;margin:0 auto;-webkit-box-sizing:border-box;box-sizing:border-box}
.bitcoin_row{display:-webkit-box;display:-ms-flexbox;display:flex}

.two-column-layout{padding:70px 0}
.two-column-row{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
.two-column-row:not(:last-child){margin-bottom:100px}
.two-column-row:nth-child(even){-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}
.two-column-row:nth-child(odd) .column-text{margin-left:30px}
.two-column-row:nth-child(even) .column-text{margin-right:30px}

.left-column {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-left: 30px
}
.right-column {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-right: 30px
}




.column-text{max-width:49%;text-align:left}
.column-text-s{max-width:470px}
.column-text h2{margin:0 0 50px}
.column-text p{font-size:137.5%;color:#13161F;line-height:36px}
.column-text a b{font-weight:400}









.anchorAf{position:relative}
.anchorAf a:first-child{display:none;position:absolute;width:20px;height:34px;left:-20px;bottom:0;top:0;background-color:#fff;background-size:contain}
.anchorAf:hover a:first-child{display:block}




@media handheld,only screen and (max-width: 60em),only screen and (max-device-width: 60em) {
    img {
        max-width: 100%
    }

    table {
        display: block;
        overflow: scroll;
        -webkit-overflow-scrolling: touch
    }

    blockquote {
        margin: 0 0 80px;
        padding: 16px 50px 45px
    }

    .section-title {
        margin: 0 0 40px
    }

    .two-column-row:not(:last-child) {
        margin: 0 0 50px
    }

    .column-text h2 {
        margin: 0 0 20px
    }
}
    @media handheld,only screen and (max-width: 48em),only screen and (max-device-width: 48em) {
        code {
            white-space: pre-wrap
        }

        .section-title {
            font-size: 137.5%;
            margin: 0 0 25px
        }

        .bitcoin_container {
            padding: 0 15px
        }

        .two-column-layout {
            padding: 50px 0
        }

        .two-column-row {
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center
        }

            .two-column-row:nth-child(even) {
                -webkit-box-orient: vertical;
                -webkit-box-direction: normal;
                -ms-flex-direction: column;
                flex-direction: column
            }

        .column-img {
            margin-bottom: 20px
        }

        .column-text {
            max-width: 100%;
            text-align: center
        }

        .two-column-row:nth-child(odd) .column-text {
            margin-left: 0
        }

        .two-column-row:nth-child(even) .column-text {
            margin-right: 0
        }

        .column-text p {
            font-size: 125%
        }
    }






























