/* 在线链接服务仅供平台体验和调试使用，平台不承诺服务的稳定性，企业客户需下载字体包自行发布使用并做好备份。 */
@font-face {
  font-family: 'iconfont';  /* Project id 4382425 */
  src: url('//at.alicdn.com/t/c/font_4382425_hnlk9ieurs8.woff2?t=1763964962917') format('woff2'),
       url('//at.alicdn.com/t/c/font_4382425_hnlk9ieurs8.woff?t=1763964962917') format('woff'),
       url('//at.alicdn.com/t/c/font_4382425_hnlk9ieurs8.ttf?t=1763964962917') format('truetype');
}
.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
html,body {background:#f2f4f6!important}
.container {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;

}
.center {text-align:center}
/* 行 */
.row {
    display: flex;
    flex-wrap: wrap;

}
.bgfff {background:#fff}
.bg_green {background:green}
.bg_red {background:red}
.co_green {color:green}
.co_red {color:red}
/* 12列栅格系统 */
.col-1 { flex: 0 0 8.333333%; max-width: 8.333333%; }
.col-2 { flex: 0 0 16.666667%; max-width: 16.666667%; }
.col-3 { flex: 0 0 25%; max-width: 25%; }
.col-4 { flex: 0 0 33.333333%; max-width: 33.333333%; }
.col-5 { flex: 0 0 41.666667%; max-width: 41.666667%; }
.col-6 { flex: 0 0 50%; max-width: 50%; }
.col-7 { flex: 0 0 58.333333%; max-width: 58.333333%; }
.col-8 { flex: 0 0 66.666667%; max-width: 66.666667%; }
.col-9 { flex: 0 0 75%; max-width: 75%; }
.col-10 { flex: 0 0 83.333333%; max-width: 83.333333%; }
.col-11 { flex: 0 0 91.666667%; max-width: 91.666667%; }
.col-12 { flex: 0 0 100%; max-width: 100%; }

/* 响应式设计 - 平板 */
@media (max-width: 768px) {
    .col-md-1 { flex: 0 0 8.333333%; max-width: 8.333333%; }
    .col-md-2 { flex: 0 0 16.666667%; max-width: 16.666667%; }
    .col-md-3 { flex: 0 0 25%; max-width: 25%; }
    .col-md-4 { flex: 0 0 33.333333%; max-width: 33.333333%; }
    .col-md-5 { flex: 0 0 41.666667%; max-width: 41.666667%; }
    .col-md-6 { flex: 0 0 50%; max-width: 50%; }
    .col-md-7 { flex: 0 0 58.333333%; max-width: 58.333333%; }
    .col-md-8 { flex: 0 0 66.666667%; max-width: 66.666667%; }
    .col-md-9 { flex: 0 0 75%; max-width: 75%; }
    .col-md-10 { flex: 0 0 83.333333%; max-width: 83.333333%; }
    .col-md-11 { flex: 0 0 91.666667%; max-width: 91.666667%; }
    .col-md-12 { flex: 0 0 100%; max-width: 100%; }
}

a,a:visited {color:#333333}
.fright {float:right}
.fleft {float:right}
.logintop {width:80%;margin:50Px auto;text-align:center}
.logintop i {font-size:38Px;background:#5070ef;color:#fff;padding:15Px;width:150Px;height:150Px;border-radius:50%}
.loginbox {width:90%;margin:10Px auto;background:rgba(255,255,255,0.6);padding:15Px 25Px;box-shadow: 1px 1px 1px rgba(99,99,99, 0.1);border-radius:5Px}
.inputitem {margin:15Px 0}
.inputitem h4,.inputitem_chk h4 {font-weight:400;margin:5Px 0;font-size:20Px;color:#20201f;padding:5Px}
.inputitem_chk p {background:#fff;width:100%;padding:10Px;border:1Px solid #f1f1f1;border-radius:5Px;box-shadow: 1px 1px 1px rgba(99,99,99, 0.1);}
.inputs_chk {background:#fff;border:0;width:40%;padding:5Px}
.inputitem_chk a {padding-top:5Px}
.inputitem p {padding:1Px 0}
.inputs {background:#fff;width:100%;padding:15Px 10Px;border:1Px solid #f1f1f1;border-radius:5Px;box-shadow: 1px 1px 1px rgba(99,99,99, 0.1);}
.inputselect {background:#fff;width:100%;padding:15Px 10Px;border:1Px solid #d8d8d8!important;border-radius:5Px;);}
.inputselect option {font-size:18Px;line-height:280%!important}
.subbot {width:100%;padding:10Px;background:#0d3f66!important}
.citem {width:85%;margin:10Px auto}
.topsearch {padding:10Px 0}
.topsearch .uleft {text-align:center;padding:8Px 0 0 10Px}
.topsearch .uleft i {font-size:22Px}
.topsearch .mui-search {width:96%}
.zcgz {background:#fff;padding:15Px 0}
.zcgz .row {padding:0 15Px}
.zcgz h2 i {font-size:22Px}
.abottom {float:right;background:#0d3f66;color:#fff!important;padding:10Px 25Px;border-radius:20Px;font-size:14Px}
.abottom2 {float:right;background:#f5f5f5;color:#222!important;padding:10Px 25Px;border-radius:20Px;font-size:14Px;font-weight:bold}
.indexnav {display:flex;margin:5Px 0;background:#fff}
.indexnav p {flex:1}
.indexnav p a {display:block;width:99%;margin:0 auto;text-align:center;padding:8Px 0Px;font-size:14Px}
.indexnav p a i {font-size:28Px;display:block;border:1Px solid #d8d8d8;padding:15Px 0;border-radius:10Px;width:72%;margin:10Px auto}
.channav {display:flex;margin:5Px 0;background:#fff}
.channav p {flex:1}
.channav p a {display:block;width:99%;margin:0 auto;text-align:center;padding:8Px 0Px;font-size:14Px}
.channav p a i {font-size:28Px;display:block;padding:15Px 0;border-radius:50%;width:50Px;height:50Px;margin:10Px auto;background:#f2f2f2;}



.zfbang {display:flex;background:#fff;padding:20Px}
.zfbang a {flex:1;font-size:16Px}
.zfbang .mui-active {border-bottom:1Px solid #0d3f66}
.mui-segmented-control 
.mui-segmented-control .mui-control-item.mui-active {background-color:#fff!important;border-bottom:1Px solid #ccc}
.zfitm,.zfie {background:#fff;padding:10Px 15Px}
.zfie a {font-weight:bold}
.bizhong img {float:left;width:40Px;height:40Px;border-radius:50%;margin-right:5Px}
.bizhong .col-4 span {font-size:14Px;color:#ccc}
.bizhong .row {margin:28Px 0}
.morebotom {width:50%;margin:0 auto 20Px auto}
.morebotom a {border:1Px solid #ddd;padding:8Px 20Px;border-radius:5Px}
.footers {background:#fff;position:fixed;bottom:0;width:100%;display:flex}
.footers .fitem {flex:1;padding:5Px 0;border-top:1Px solid #e8e8e8}
.footers .fitem a {display:block;font-size:14Px;text-align:center}
.footers .fitem a i {display:block;font-size:26Px;margin:5Px auto}
.slidinit {height:140Px;background:#fff;margin-bottom:5Px}
.slidinit img {width:160Px!important;height:120Px;padding:30Px 0 10Px 20Px;border-radius:10Px}
.itemright {float:right;width:50%;padding-top:35Px}
.itemright h2 {font-size:22Px;margin-bottom:13Px}
.mui-segmented-control .mui-control-item.mui-active {color:red}
.asset-value {transition: all 0.3s ease;}
.hidden-asset {letter-spacing: 2px;}
.zijingtop {width:100%;display:flex;background:#f5f5f5;box-shadow: 0px 0px 4px rgba(99,99,99, 0.5);position:fixed;top:0}
.zijingtop .zjitem {flex:1}
.zijingtop .zjitem a {display:block;text-align:center;padding:15Px 0;border-bottom:1Px solid #fff}
.zijingtop .zjitem .checkon {border-bottom:1Px solid #333;color:red;font-weight:bold}
.channit {width:98%;margin:10Px auto;background:#fff;border-radius:8Px;padding:15Px 20Px;line-height:230%}
.chantable {margin:10Px auto;width:100%;padding:15Px 1%}
.chantable .tabitem span {float:right}
.chantable .tabitem {margin:5Px;height:32Px;line-height:32Px;overflow:hidden;font-size:16Px}
.chantable2 {margin:10Px auto;width:100%;padding:1Px 1%}
.chantable2 .tabitem span {float:right}
.chantable2 .tabitem {margin:0 5Px;height:25Px;line-height:25Px;overflow:hidden;font-size:16Px}


.channtitle {padding:10Px 15Px 5Px 15Px;border-bottom:1Px solid #e1e1e1;margin-bottom:0Px}
.tabitem2 {padding:5Px 12Px;border-bottom:1Px dotted #ddd}
.tabitem2 i {float:right;font-size:14Px;color:#999}
.topback {padding:10Px;background:#fff}
.topback i {font-size:18Px;font-weight:bold}
.czewm {padding:20Px 0;text-align:center}
.czewm img {width:200Px;height:200Px}
.czzhanghao {padding:10Px 20Px}
.hqde {padding:15Px}
.hqde h2{font-size:22Px}
.hqde i {font-weight:bold;font-size:20Px;}
.hqde a {padding-top:5Px;display:block}
.btxq {padding:15Px}
.btxq h2 {color:#2bbc81}
.btxq h2 i {font-size:28Px}
.bottom_sub {width:100%;display:flex;position:fixed;bottom:0;background:#fff;padding:8Px 0}
.bottom_sub .fitem {flex:1}
.bottom_sub .fitem a {display:block;width:80%;margin:5Px auto;text-align:center;color:#fff;padding:10Px;border-radius:5Px}
.deal_left,.deal_right {padding:10Px}
.jiaoyileft {background:#f5f5f5;border-radius:10Px}
.heyuetit {background:#f5f5f5;border-radius:10Px;padding:5Px}
.jiaoyileft a {font-size:17Px}
.heyuetit a {line-height:32Px!important}
.jiaoyileft .mui-active {background:#2fbd85!important;color:#fff!important;border:none!important}
.heyuetit .mui-active {background:#ffffff!important;border:none!important;border-radius:10Px}
.jiaoyiinput {background:#f5f5f5!important;border-radius:8Px;border:0!important;text-align:center;font-size:16Px;padding:12Px;height:50Px!important;}
.heyueinput1 {background:#f5f5f5!important;border-radius:8Px;border:0!important;text-align:center;font-size:16Px;padding:8Px;height;text-align:center;}
.jiaoyiinput2 {width:50%!important}
.jiaoitem select {text-align-last: center;}
.jiaoitem {margin:5Px 0}

        .jiaoyiinput:focus,
        .jiaoyiinput.has-content {
            text-align: center;
        }
        .jiaoyiinput::placeholder {
            transition: text-align 0.3s ease;
            color: #333;
        }

        .jiaoyiinput:focus::placeholder {
            text-align: left;font-size:14Px;color:#c2c2c2
        }
.mui-input-row.mui-input-range {padding-right:0!important}
.deal_right {font-size:14Px}
.deal_right .row {text-align:center;margin:10Px 0}
.heyuetop {background:#fff;padding:25Px;border-bottom:1Px solid #c8c8c8;height:66Px}
.heyuetop .hytopitem {float:left;margin:0 20Px}
.heyuetop a {font-size:20Px}
  .heyueitem_num {
            display: flex;
            align-items: center;
            margin: 10px 0;
            background:#f5f5f5;
        }
 .heyueitem_num  .price-input,  .heyueitem_num  .amount-input {border:none;background:none}     
        .heyueitem_num span {
            width: 40px;
            height: 30px;
            display: flex;
            align-items: center;
            justify-content: center;
            cursor: pointer;font-weight:bold;font-size:28Px
        }
.heyueitem_num span a {color:#a3a3a6}
        .heyueitem_num input {
            flex: 1;
            margin: 0 5px;
            text-align: center;
        }
        .co_green { color: green; }
        .co_red { color: red; }
        .bgfff { background-color: #fff; }
        .container { width: 100%; }
        .center { text-align: center; }
        .footers {
            position: fixed;
            bottom: 0;
            width: 100%;
            display: flex;
            background-color: #fff;
            border-top: 1px solid #e8e8e8;
        }
        .fitem {
            flex: 1;
            text-align: center;
            padding: 10px 0;
        }
.fenxian {background:#fff;padding:15Px;margin-top:5Px}
.fxewm {width:100%;text-align:center}
.fxewm img {width:50%;padding:10Px;margin:10Px auto}
.fxitem {border:1Px solid #ccc;padding:15Px;border-radius:15Px;margin:35Px 0}
.fxitem span {float:right}
.fxitem .row {height:25Px;line-height:25Px;overflow:hidden}