body{background:#fff}
.poolbanner{position:relative;display:flex;align-items:center;width:100%;height: 430px;background: url(/static/web/en_us/img/page_flash/page_flash.png?v1.1.1) #171a2b top center no-repeat;color:#333;}
.poolbanner:hover{color:#333}
.poolbanner .witch_1200{width:1200px;margin:0 auto;position:relative;box-sizing:border-box;}
.poolbanner .witch_1200>h3{font-size:28px;font-weight:400;line-height:28px;display:block;color: #c8cac9;}
.poolbanner .witch_1200>p{font-size: 38px;font-weight:600;line-height:44px;display:block;margin: 20px 0 90px;color: #fff;max-width: 630px;}
.poolbanner .witch_1200>img{position:absolute;right:117px;top:0;bottom:0;margin:auto;display: none;}
.poolbanner button{background:#f6b902;color: #000;border:0;padding: 14px 20px;display:inline-block;text-align:center;border-radius: 6px;min-width: 269px;position: relative;overflow: hidden;cursor: pointer;}
@-webkit-keyframes orangellowPulse{from{box-shadow:0 0 9px #fff}
50%{box-shadow:0 0 30px 2px #ffc107}
to{box-shadow:0 0 9px #fff}
}
.poolbanner button .butonH4{font-size: 30px;font-weight:400;line-height:38px;}
.poolbanner button .butonP{font-size: 15px;margin-top: 6px;display:block;}
.positon{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2}
.poolecha{padding-bottom:76px}
.poolecha>h3{display:block;color:#2f2f2f;font-size:40px;text-align:center;margin: 55px auto 0;font-weight:600;}
.poolecha>p{font-size: 17px;color: #939495;text-align: center;max-width: 1020px;position: relative;z-index: 2;margin: 0 auto 58px;}
.poolecha_box{width:1200px;margin:0 auto;display:flex;justify-content:space-between}
.poolecha_sm{transition:all .3s;box-shadow: 0 2px 17px 6px rgba(234,234,234,.5);border-radius:17px;width:48.5%;display:flex;height:190px;align-items:center;}
.poolecha_sm:hover{box-shadow:0 2px 1px 3px #f6f3e3}
.poolecha_sm>img{height:75px;margin:0 40px 0 63px}
.poolecha_text{max-width:380px}
.poolecha_text h3{font-size: 26px;color:#373839;font-weight:600;line-height: 40px;margin-bottom: 6px;}
.poolecha_text p{font-size:17px;color:#939495}
.poolUser{position:relative;padding-bottom:42px;background:#f8f8f8}
.poolUser::before{content:"";width:100%;height: 350px;z-index:1;background:#272727;position:absolute;top:0;left:0;right:0;}
.poolUser>h2{color:#fff;font-size:28px;text-align:center;padding:34px 0 20px;position:relative;z-index:2}
.poolUser>p{font-size:16px;color:#fff;text-align:center;max-width:1020px;margin:0 auto;position:relative;z-index:2}
.hash_btb{display:block;width:1200px;margin:60px auto 0;position:relative;z-index:2}
.hash_btb::after{content:"";clear:both;display:block}
.hash_bto{margin-left: 10%;}
.hash_list{transition:all .3s;display:block;float:left;width:28%;box-sizing:border-box;margin-right:2%;padding:0 25px 50px;text-align:center;background:#fff;box-shadow:0 2px 4px 0 rgba(240,240,240,.5)}
.hash_list:last-child{margin-right:0}
.hash_list .hash_img{display:block;width:60px;height:60px;margin:25px auto 25px;background-size:100% 100%!important}
.hash_list>p{transition:all .3s;display:block;text-align:center;font-size:19px;font-weight:500;color:#333;line-height:30px;margin-bottom:7px}
.hash_list>span{color:#969696;font-size:14px;line-height:30px}
.hash_list:hover{transform:translateY(-10px);background:#f6b902}
.hash_list:hover>p{color:#fff}
.hash_list:hover>span{color:#fff;border-color:#fff}
.hash_list:nth-child(1) .hash_img{background:url(/static/web/img/page_flash/page_flash_3.png) center center no-repeat}
.hash_list:nth-child(2) .hash_img{background:url(/static/web/img/page_flash/page_flash_4.png) center center no-repeat}
.hash_list:nth-child(4) .hash_img{background:url(/static/web/img/page_flash/page_flash_5.png) center center no-repeat}
.hash_list:nth-child(3) .hash_img{background:url(/static/web/img/page_flash/page_flash_6.png) center center no-repeat}
.footer{margin:0}
 





 

.su_button_circle{
  background-color: red;
  border-radius: 1000px;
  position: absolute;
  left:0;
  top:0;
  width: 0px;
  height: 0px;
  margin-left: 0px;
  margin-top: 0px;
  pointer-events: none;
  /*animation-timing-function: ease-in-out; */
}

.button_su_inner{
    /* display: inline-block;
    background: #F8B627;
    color: #F4F4F4;
    font-size: 16px;
    font-weight: normal;
    width: 132px;
    text-align: center;
    border-radius: 3px; */
    transition: 400ms;
    text-decoration: none;
    /* padding: 22px; */
    z-index: 100000;
}

.button_text_container{
   position:relative;
   z-index: 10000;
}

.explode-circle {
   animation: explode 0.5s forwards;

}

.desplode-circle{
   animation: desplode 0.5s forwards;
}

@keyframes explode {
  0% {
    width: 0px;
    height: 0px;
    margin-left: 0px;
    margin-top: 0px;
    background-color: rgba(42, 53, 80,0.2);
  }
  100% {
    width: 400px;
    height: 400px;
    margin-left: -200px;
    margin-top: -200px;
    background-color: rgba(255, 152, 0, 1);
  }
}

 







@media screen and (max-width:767px){.poolbanner{box-sizing:border-box;height: 300px;background-position: 0 0;}
.poolbanner .witch_1200{padding:0 15px;text-align:center}
.poolbanner .witch_1200>h3{text-align:center;font-size:16px}
.poolbanner .witch_1200>p{font-size: 20px;text-align:center;line-height:28px;margin:10px auto 30px;}
.poolbanner button{min-width:200px;margin:0 auto;display:block;padding:10px 20px;height:auto}
.poolbanner button h4{font-size: 18px !important;line-height: 20px !important;}
.poolbanner button p{font-size:14px}
.poolbanner .witch_1200>img{max-width:80%;position:static;margin:0 auto 30px;right:0;left:0}
.hash_btb{width:100%;margin:30px auto 0}
.poolecha{padding:0 15px 50px;box-sizing:border-box}
.poolecha>h3{font-size:22px;line-height:28px;margin:50px auto 10px}
.poolecha>p{font-size: 14px;margin: 0 auto 30px;}
.poolecha_box{width:100%;flex-wrap:wrap}
.poolecha_sm{width:100%;margin-bottom:20px;height:100px}
.poolecha_sm>img{height:50px;margin:0 20px 0 20px}
.poolecha_text{padding-right:15px}
.poolecha_text h3{font-size:18px}
.poolecha_text p{font-size:14px}
.poolUser{padding:0 15px}
.poolUser>h2{font-size:22px;line-height:28px}
.poolUser>p{font-size:14px}
.hash_list{width:49%;margin-bottom:20px;padding:0 15px 30px}
.hash_list>span{line-height:24px}
.hash_list:nth-child(2){margin-right:0}
.hash_bto{margin-left:auto}
}