html, body {
	background-color: #f5f6fa;
	color: #1a1a2e;
	margin:0px;
	padding:0px;
	font-family: BinancePlex,Arial,sans-serif!important;
	font-size:14px;
}

::-webkit-input-placeholder { /* WebKit browsers */
  color: #8b949e;
  font-size: 14px;
}

::-moz-placeholder { /* Mozilla Firefox 19+ */
  color: #8b949e;
  font-size: 14px;
}

:-ms-input-placeholder { /* Internet Explorer 10+ */
  color: #8b949e;
  font-size: 14px;
}
input:focus{background:#fff;outline: 1px solid #e8eaed;}
select:focus{background:#fff;outline: 1px solid #e8eaed;}
textarea:focus{background:#fff;outline: 1px solid #e8eaed;}
.fl{float:left;}/*左浮动*/
.fr{float:right;}/*右浮动*/
.bhalf{width:50%;}/*div50%的宽度*/
.allhg{height:100%;}/*继承父元素100%的高度*/
.txtl{text-align: left;}
.txtr{text-align: right;}
/*.fcy{color:#FCD535;} !*黄色*!*/
.fcy{color:#0052fe;} /*主色*/
.fcch{color:#707A8A;} /*灰色*/
.fcc{color:#1a1a2e;} /*正文*/
.fch{color:#1a1a2e;} /*标题*/
.fzm{font-size:12px;}
.fzmm{font-size:14px;}
.fzmmm{font-size:14px;}
.fw{font-weight: bold;}




.fcfs{color: #707A8A !important;}
.fcgs{color: #2ebd85 !important;}
.fccs{color: #707A8A !important;}
.fcc{color:#707A8A;}
.fch{color:#1a1a2e !important;}
.fcf{color:#1a1a2e;}
.fcy{color:#00b897;}
.fcb{color:#0052fe !important;}
.fred{color:#CF304A}
.fgreen{color:#03A66D;}
.flogin{color:#6d7c82;}
.floginbr{color:#16b979;}
.fbaseblue {
    color: #0052fe;
}
.f12{font-size:12px;}
.f14{font-size:14px !important;}
.f16{font-size:16px;}
.f18{font-size:18px;}
.f20{font-size:20px;}
.f22{font-size:22px;}
.f36{font-size:36px;}

.hide {
    display: none !important;
}
.hideen {
    display: none;
}

.disblock {
    display: block;
}




.icon {
  width: 1em;
  height: 1em;
  vertical-align: -0.15em;
  fill: #00b897;
  overflow: hidden;
}
/* 底部导航：固定底栏 + iPhone 安全区 */
.footer{
  width:100%;
  max-width:100vw;
  min-height:56px;
  background:#fff;
  position:fixed;
  left:0;
  right:0;
  bottom:0;
  z-index:999;
  padding-bottom:calc(10px + env(safe-area-inset-bottom, 0px));
  padding-top:6px;
  border-radius:16px 16px 0 0;
  box-shadow:0 -4px 20px rgba(0,0,0,0.06);
  border-top:1px solid #eef0f3;
  display:flex;
  flex-direction:row;
  align-items:stretch;
  justify-content:space-around;
  box-sizing:border-box;
}
.footer .footer-nav-link{
  flex:1;
  min-width:0;
  text-decoration:none !important;
  color:inherit;
  -webkit-tap-highlight-color:transparent;
  display:block;
}
.footer_op{
  width:100%;
  height:100%;
  min-height:48px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  padding:2px 0 4px;
}
.f_op_t{
  width:100%;
  height:28px;
  line-height:28px;
  text-align:center;
  display:flex;
  align-items:center;
  justify-content:center;
}
.footer-nav-icon{
  width:24px;
  height:24px;
  vertical-align:middle;
  object-fit:contain;
}
.fticon{width:25px;height:25px;margin-top:5px;}
.f_op_b{
  width:100%;
  line-height:1.2;
  text-align:center;
  margin-top:2px;
}
.f_op_b .fcch{color:#707A8A !important;}
.f_op_b .fcy{color:#00b897 !important;}
.nfticon{font-size:24px;color:#474d57;}
/* 页面留白，避免内容被底栏挡住：约 56px + 安全区 + 余量 */
.footer-spacer{width:100%;height:calc(72px + env(safe-area-inset-bottom, 0px));flex-shrink:0;}
.alltn{width:100%;height:40px;line-height:40px;text-align:center;border-radius:5px;background:#FCD535;}
.allbtn{width:100%;height:50px;line-height:50px;text-align:center;background:#ccc;border-radius:5px;background: linear-gradient(to left,#eeb80d,#ffe35b);margin-top:20px;}


.shuffl-title {
    width: 100%;
    height: 290px;
}

.divfl {
    float: left;
}
.shuffl-title-rtop {
    height: 200px;
    background: #fff;
    border-radius: 20px;
    box-shadow: 0 2px 12px rgba(0,0,0,0.06);
    border: 1px solid #eef0f3;
}
.shuffl-title-rbottom {
    margin-top: 7px;
    height: 80px;
    background: #fff;
    border-radius:  20px;
    box-shadow: 0 2px 12px rgba(0,0,0,0.06);
    border: 1px solid #eef0f3;
}

.shuffl-title-r {
    padding: 0px 0px 0px 7px ;
    border-radius:20px;
    height: 290px;
}

.zixunconten-box {
    border-radius: 20px;
    height: 90px;
}

.zixunconten-l {
    border-radius: 20px;
}

.zixunconten-r {
    border-radius: 20px;
}

.scroll-to-notice {
    width:100%;
    height:40px;
    margin-top:5px;
}

.market {
    width:98%;
    background:#fff;
    margin-top:10px;
    border-radius: 20px;
    margin: 10px 1%  0px 1%;
    box-shadow: 0 2px 12px rgba(0,0,0,0.06);
    border: 1px solid #eef0f3;
}

.zixunlist {
    height: 150px;
    width: 100%;
    background: #fff;
    border-radius: 20px;
    box-shadow: 0 2px 12px rgba(0,0,0,0.06);
    border: 1px solid #eef0f3;
}

.index-div-base-margin {
    margin: 7px 1%  0px 1% !important;
    width: 98% !important;
}

.market-list {
    width:100%;
    height:50px;
    padding: 0px 7px;
}
.market-list-info {
    color:#3db485;
    border-radius: 5px;
    width:70px;
    height:35px;
    line-height:35px;
    text-align:center;
    display:inline-block;
    font-weight: bold;

}

.optionbox{
    width:100%;
    height:90px;
    background:#fff;
    border-radius:20px;
    padding: 5px 8px;
    margin-top: 10px;
    box-shadow: 0 2px 12px rgba(0,0,0,0.06);
    border: 1px solid #eef0f3;
}


 * {
     box-sizing: border-box;
     margin: 0;
     padding: 0;
 }


.nav-footer-a {
    color: inherit !important;
    text-decoration: none;
    margin: 0 0.2rem;
    align-items: center;
    padding: 0.75rem 0.90rem;
    border-radius: 30px;
    position: relative;
    --hover-bg: #0052fe18;
    --hover-c: #0052fe;
}


.nav-box {
    width: 100%;
    height: 100%;
}

.tcc{text-align:center;}
.tcr{text-align:right;}

.div-col-5 {
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
}

.no_header {
    z-index: 9999;
    padding:0px 10px;
    background-color:#fff;
    box-shadow: 0 2px 10px rgba(0,0,0,0.06);
}

.nav-img {
    width: 25px;
    margin-right: 30%;
}

.optext:visited {
    visibility: visible;
}

.icon_spot {
    width: 50px;
}
.shuffl-title-rbottom-p {
    margin-bottom: 0px!important;

}

.shuffl-title-rbottom-l {
    padding-top: 18px;
}
.shuffl-title-rbottom-r {
    padding: 0px;
    padding-top: 10px;
}

.icon-top {
    width: 100%;
}

.fbg::placeholder {
    color: #8b949e !important;
}

.fe6 { color: #474d57}
.fe6im { color: #474d57 !important;}
.fa8a { color: #707A8A}
.bgf5465c {
    background: #f5465c;
}

.bgf5465cim {
    background: #f5465c !important;
}


.f121420im {
    color: #1a1a2e !important;

}

.timer_t_box {
    width:100%;
    min-height:80px;
    margin: 20px 0;
    border-radius: 10px;
    border: 1px solid #1eb585;
    background:#fff;
}

.timer_t_box_list {
    width: 90%;
    margin:10px auto;
    height: 30px;
    line-height: 30px;

}

.timer_t_box_msg {
    padding: 0 20px;
}

.wait_box_info {
    width: 100%;
    height: 140px;
    line-height: 140px;
    text-align: center;
    margin: 0 auto;
    margin-top: 20px;
    border-radius: 10px;
    border: 1px solid #1eb585;
    background:#fff;
}

.fc51 {
    color: #768da9;
}

.fc1e {
    color: #1eb585;
}

.fce5 {
    color: #707A8A;
}

.fc6b7785 {
    color: #6b7785;
}

.ti12 {
    text-indent:12px;
}

.pl20{padding-left:20px!important;}
.pt20{padding-top:20px!important;}

.top-title-b {
    width: 90%;
    height: 85px;
    background-color: #E1F5Ed;
    margin: 0px 5%;
    position: absolute;
    bottom: 20px;
    border-radius: 5px 5px 0 0;
    padding: 10px 10px 10px 20px;
}

.top-title-a {
    width: 100%;
    height: 60%;
}

.top-title-a-nfo {
    height: 50px;
    width: 100%;
    padding:50px 0 0 20px;
}

.f30 {
    font-size: 30px;
}

.wt80b {
    width: 80%;
}


.top-title-msg {
    width: 120px;
    background-image: url(/static/img/bg-title.png);
    background-repeat: no-repeat;
    background-size: 120px 100%;
    padding-left: 5px;
}

.ieo-buy-go {
    background-image: url(/static/img/jiantou.png);
    background-repeat: no-repeat;
    background-size: 40px auto;
    background-position: right center;
    height: 60px;
    float: right;
    width: 55px;
    position: absolute;
    right: 0;
    top: 42px;
}

.f444545 {
    color: #444545;
}

.ml10 {
    margin-left: 10px;
}
.ml20 {
    margin-left: 20px;
}

.rzred {
    color: #f5465c;
}
.rzgreen {
    color: #2ebc84;
}


