.clearboth::after{content:"";display:block;clear:both}
.list_ti{    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgb(255 255 255 / 48%);
    z-index: 333;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
 }
.list_ti>span{
    font-size: 30px;
    color: #3e3e3e;
    display: block;
    padding: 11px 20px;
    border: 1px solid #ddd;
    border-radius: 3px;
    background: #eaf2ff;
    width: 210px;
    }
    .banner {
        width: 100%;
        text-align: center;
        color: #fff;
        background-size: cover;
        overflow: hidden;
    }

.integral_top{display:block;width:100%;box-sizing:border-box;height:200px;background:#030303 url(/statics/images/hashrate.jpg?v1) center center no-repeat}
.integral_box{display:none;margin:28px auto;width:1200px}
.integral_Bill{font-size:14px;color:#495666;display:inline-block;-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0;width: 100%;padding: 14px 15px;box-sizing: border-box;border-radius:14px;background:#fcfeff;border: 1px #ddd dashed;margin-top: 20px;}
.integral_Bill>span{line-height:20px;font-size:14px}
.integral_Bill>i{display:inline-block;width:20px;line-height:20px;text-align:center;background:#a5a6a9;border-radius:100px;color:#fff;margin-right:8px}
.integral_tab{display:block;color:#2b2d2f;font-size:16px;margin:27px auto 40px;border-radius:4px}
.integral_tab>span{display:block;border-right:1px solid #e3e3e3;box-sizing:border-box;float:left;width:33.33%;text-align:center;background-color:#fff;line-height:50px;height:50px;cursor:pointer}
.integral_tab>span.active{background:#0099f6;color:#fff}
.integral_lottery{display:flex;margin:20px auto 0;width:100%;justify-content:space-between}
.integral_lottery img{max-width:100%;height:auto}
.integral_lottpc{display:block}
.integral_lottphobne{display:none}
.integral_pro{display:block;width:100%}
.integral_sbm{transition:all .3s;display:block;width:23.876%;background:#fff;border-radius:4px;padding:14px 14px 15px;height:331px;float:left;box-sizing:border-box;margin:0 1.5% 19px 0;overflow:hidden}
.integral_sbm:nth-child(4n){margin-right:0}
.integral_img{display:block;position:relative;width:200px;height:200px;margin:0 auto}
.soldOut{position:absolute;bottom:-10px}
.integral_img>img{position:absolute;left:0;right:0;top:0;bottom:0;margin:auto;display:block;max-width:100%;max-height:100%}
.integral_h3{line-height:20px;overflow:hidden;height:20px;display:block;font-size:16px;color:#2b2d2f;text-align:center;margin:8px auto 10px}
.integral_pic{color:#ff5614;margin:0 auto;text-align:center;font-size:14px;line-height:30px}
.integral_pic>b{font-size:20px;line-height:24px}
.integral_rmb{display:inline-block;position:relative;color:#888;margin:0 auto;text-align:center;font-size:12px;line-height:30px}
.integral_rmb::after{content:"";position:absolute;top:46%;width:100%;height:1px;left:0;background:#888}
.integral_rmb>b{font-size:17px;line-height:24px}
.integral_xj{display:block;width:100%;text-align:center}
.integral_yj{display:block;width:100%;text-align:center;font-size:14px}
.integral_tit{color:#333}
.integral_sbm:hover{-webkit-box-shadow:0 4px 20px 0 rgba(120,121,125,.3);-moz-box-shadow:0 4px 20px 0 rgba(120,121,125,.3);box-shadow:0 4px 20px 4px rgba(120,121,125,.3)}
.integral_sbox{display:flex;flex-wrap:wrap;justify-content:center;flex-direction:row;height:60px;align-items:center}
.goIran{width:1200px;margin:0 auto;display:flex;justify-content:space-between;padding:70px 0}
.goIran_l{margin:60px 0 0 20px}
.goIran_l h3{height:48px;line-height:48px;margin-bottom:30px;color:#404853;font-size:37px;font-weight:400}
.goIran_liu{position: relative;}
.goIran_liu::before{content: "";position: absolute;left: 13px;top: 0;height: 100%;border-left: 1px #5a98ff dashed;}
.goIran_liu>li b{color: #444;font-weight: 200;font-size: 16px;display: inline-block;margin-right: 15px;background: #3a84fe;color: #ffffff;padding: 5px 9px;border-radius: 2px 10px 2px 2px;border: 5px solid #c2e7ff;}
.goIran_liu>li{line-height:20px;font-size:16px;display:flex;margin-bottom:40px;position:relative;align-items: flex-start;}
.goIran_liu>li::before{content: none;position:absolute;left:11px;top: 123%;height:20px;border-left:1px #3a84fe dashed;}
.goIran_liu>li:last-child:before{content:none}
.goIran_liu>li span{background:#3a84fe;width:24px;height:24px;line-height:24px;display:inline-block;text-align:center;border-radius:100%;margin-right:15px;color:#fff;display: none;}
.goIran_liu>li p{color:#6f6f6f;max-width:300px;line-height: 25px;}
.goIran_r{position: relative;width: 530px;border:1px solid #eee;padding:30px 30px 20px 30px!important;background-color:#fff;border-radius:20px;padding:30px;box-shadow: 0 0 30px 0 rgb(226 226 226);margin: 0 auto;}
.agreement_laber{position:relative;align-items:center;padding:5px 0;margin:0 0 12px 0;border-radius:24px;background:#f8f8fa}
.agreement_pin{display:block;position:absolute;left:0;top:0;display:flex;width: 151px;z-index:3;font-size:15px;align-items:center;padding-left:15px;line-height:20px;height:100%;}
.agreement_laber .layui-input-block{position:relative;font-size:14px;display:inline-block;width:92%;line-height:48px;outline:0;padding:0 0 0 140px;box-sizing:border-box;transition:border-color .3s;color:#333;vertical-align:top;border:none;margin:0!important}
.footer-left-from-input{border:0;line-height:35px;background:0 0;font-size:16px;border-bottom:1px solid #ddd}
.agreement_sbm{display:block;margin-top:22px;height:48px;line-height:48px;text-align:center;background-color: #f44336;border-radius:4px;font-size:16px;color:#fff;cursor:pointer;transition:all .3s;width:100%;border:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;border-radius: 7px;}
.goIran_box{width:100%;height:1100px;background:url(/statics/images/signup_bg.png) center 0 no-repeat;margin:50px 0 0}
body{background:#fff}
.footer{margin-top:0}
.agreement_lcheckbox .layui-input-block{line-height:24px!important}
.layui-input-block{margin:0}
.labtitle{color:#404853;font-size:24px;text-align:left;font-weight:400;margin-bottom:20px}
.layui-form-checked i,.layui-form-checked:hover i,.layui-form-radio>i:hover,.layui-form-radioed>i{color:#3a84fe}
.layui-form-checked span,.layui-form-checked:hover span{background-color:#3a84fe}
@media screen and (max-width:767px){.suanlitips .doubt .doubt-tip{right:18px;left:auto;width:150px}
.suanlitips .doubt .doubt-left{left:17px}
.agreement_laber{
    background: #fff;
    padding: 0;
}
.hashrate-banner-font>p{    font-size: 12px !important;}
.hashrate-banner-font>h2{     font-size: 16px;
    padding: 4px 5px;}
.goIran_box{padding:0 15px 50px;box-sizing:border-box;height:auto}
.goIran{width:100%;padding:0;flex-wrap:wrap}
.goIran_l{margin:0}
.goIran_r{width:100%;padding:20px 15px!important;border-radius:9px;margin-top:30px;box-sizing: border-box;}
.goIran_l h3{font-size:28px;line-height:30px;height:30px}
.goIran_liu>li{margin-bottom:26px}
.goIran_liu>li::before{height:11px}
.integral_Bill{width:100%;box-sizing:border-box;padding:10px;font-size:12px;line-height:24px}
.footer-left-from-input{line-height:33px;height:33px}
.agreement_pin{font-size:12px;width:110px;box-sizing: border-box;padding: 0;}
.agreement_laber .layui-input-block{line-height:20px;padding: 0px 0 0 120px;}
}