*{box-sizing:border-box}
html,body{margin:0;padding:0;font-family:"Microsoft YaHei","PingFang SC",sans-serif;color:#243028;background:#f4f7f5}
a{color:#1a9d62;text-decoration:none}
button,input,select{font-family:inherit}

.f-con{display:flex}
.j-sb{justify-content:space-between}
.a-c{align-items:center}
.min-con{min-width:1200px}
.header{height:80px;flex-wrap:nowrap;background:url(/public/trade/img/ref/header-bg.png) no-repeat left;background-size:100% 100%;color:#fff;font-family:"宋体","微软雅黑","黑体",Verdana,sans-serif;font-size:12px}
.header.min-con{min-width:0}
.header>.f-con:first-child{flex:none}
.header-side{flex:none;white-space:nowrap}
.header a{color:inherit;text-decoration:none}
.logo{display:block;margin:0 15px}
.line-1{width:0;height:24px;border-right:1px solid #fff;margin:0 20px 0 10px}
.sys-title{font-size:20px;line-height:24px;white-space:nowrap}
.nav-wrap{flex:none;flex-wrap:nowrap;margin-left:40px}
.nav-item{flex:none;height:36px;background:rgba(255,255,255,.4);border-radius:18px;padding:0 15px;color:#219963;font-weight:500;cursor:pointer;margin-right:15px;text-decoration:none}
.nav-item span{margin-left:7px;white-space:nowrap}
.nav-base-img{display:block}
.nav-act-img{display:none}
.nav-item.on,.nav-item:hover{color:#fff;background:#25A069}
.nav-item.on .nav-base-img,.nav-item:hover .nav-base-img{display:none}
.nav-item.on .nav-act-img,.nav-item:hover .nav-act-img{display:block}
@media screen and (max-width:1800px){
  .logo{width:150px;margin:0 10px}
  .header,.header .nav-item,.sys-title{font-size:12px !important}
  .sys-title{white-space:normal;width:8em;line-height:16px;flex:none}
  .nav-wrap{margin-left:10px !important}
  .line-1{margin:0 10px}
  .nav-item{margin-right:10px}
  .header-side .hello{display:block;flex:none;width:8.6em;min-width:8.6em;max-width:8.6em;white-space:normal;line-height:16px;word-break:break-all}
}

.subbar{height:40px;background:#E5FFF3;color:#666;font-size:12px;font-family:"宋体","微软雅黑","黑体",Verdana,Geneva,sans-serif;line-height:20px;font-weight:normal;display:flex;align-items:center}
.subbar .sub-in{width:1200px;max-width:100%;height:100%;margin:0 auto;padding:0 10px;display:flex;justify-content:space-between;align-items:center;box-sizing:border-box}
.subbar .server-time{color:#FFA81F;font-weight:400}
.apply-page{font-family:"宋体","微软雅黑","黑体",Verdana,sans-serif;font-size:12px;line-height:20px;color:#333;background:#fff}
.currpos{background:#fff;color:#333;font-size:14px;padding-left:2px;line-height:24px}
.dataarea{background:#fff;padding-top:2px;padding-bottom:2px;margin-top:20px}
.searchPanel{width:100%;overflow:hidden;margin-top:5px;margin-bottom:5px;padding-left:20px}
.searchTxt{float:left;height:32px;line-height:32px;padding-left:5px}
.searchTxtInput{float:left;box-sizing:content-box;width:100px;height:32px;line-height:32px;padding:0 0 0 28px;background:url(/public/trade/img/ref/edit.png) 7px center no-repeat #fbfbfd;color:#a0a0a0;border:1px solid #c9c9c9;font-size:12px}
.searchDateInput{float:left;box-sizing:content-box;width:80px;height:32px;line-height:32px;padding:0 0 0 28px;background:url(/public/trade/img/ref/calendar.png) 7px center no-repeat #fbfbfd;color:#a0a0a0;border:1px solid #c9c9c9;font-size:12px;cursor:pointer}
.searchBtn{float:left;margin-left:3px;margin-right:3px;width:80px;height:32px;line-height:32px;background:#FFB63A;color:#fff;font-family:"Microsoft Yahei","黑体","宋体";border:0;text-align:center;cursor:pointer;font-size:12px}
.table-scroll{overflow-x:auto}
.f-date{position:relative;float:left}
.f-date input[type=date]{position:absolute;width:1px;height:1px;opacity:0;border:0;padding:0;pointer-events:none}
.tableList{width:100%;border-collapse:collapse;background:#fff;color:#333;font-size:12px;line-height:24px}
.tableList thead{background:#fff;color:#000}
.tableList th,.tableList td{border:1px solid #CBCBCB;padding:8px;height:24px;line-height:24px}
.tableList th{font-weight:bold;color:#000}
.tableList td{text-align:center;font-weight:normal}
.tableList td.tdl{text-align:left}
.tableList td.tdr{text-align:right}
.tableList .td_hover td,.tableList tbody tr:hover td{background:#FFF2C7}
.tableList .price{text-align:right;font-size:12pt;color:green}
.tableList sup{color:green}
.pagepaper{margin-top:20px;margin-bottom:20px;text-align:center}
.laypage_main{font-size:0;clear:both;color:#666}
.laypage_main *{display:inline-block;vertical-align:top;font-size:12px;box-sizing:content-box}
.laypage_main a{text-decoration:none;color:#666}
.laypage_main a,.laypage_main span{margin:0 3px 6px;padding:0 10px;height:26px;line-height:26px}
.laypage_main input{width:40px;height:26px;line-height:26px;margin:0 5px;padding:0 5px;border:1px solid #ccc;background:#fff;color:#666}
.laypage_main button{height:28px;line-height:28px;margin-left:5px;padding:0 10px;color:#666;border:1px solid #ccc;background:#fff;cursor:pointer}
.laypageskin_yahei{color:#333}
.laypageskin_yahei a,.laypageskin_yahei span{padding:0 13px;border-radius:2px;color:#333}
.laypageskin_yahei .laypage_curr{background:#333;color:#fff}
.dp-pop{position:absolute;z-index:9999;width:180px;background:#fff;border:1px solid #bbb;padding:2px;box-sizing:content-box;font-family:"宋体","微软雅黑","黑体",Verdana,sans-serif;font-size:9pt;color:#000;line-height:20px}
.dp-pop *{box-sizing:content-box;font-size:9pt;font-family:inherit}
.dp-title{height:24px;margin-bottom:2px;padding:1px}
.dp-nav{display:block;width:16px;height:16px;margin-top:2px;background:url(/public/trade/img/ref/date-nav.gif) no-repeat;cursor:pointer}
.dp-nav.ll{float:left;background-position:0 0}
.dp-nav.l{float:left;background-position:-16px 0}
.dp-nav.rr{float:right;background-position:-48px 0}
.dp-nav.r{float:right;background-position:-32px 0}
.dp-ym{margin:0 36px;text-align:center;height:22px;line-height:22px}
.dp-table{width:100%;border-collapse:collapse;border:1px solid #c5d9e8;line-height:20px}
.dp-table td{text-align:center;height:20px;padding:0}
.dp-table .wk{background:#DAF3F5;border-right:1px solid #BDEBEE}
.dp-table .day{cursor:pointer}
.dp-table .we{color:#FF2F2F}
.dp-table .ot{color:#6A6AFF}
.dp-table .tdy{color:blue}
.dp-table .sel{background:#A9E4E9}
.dp-table .day:hover{background:#C0EBEF}
.dp-ctrl{text-align:right}
.dp-ctrl button{height:20px;width:45px;border:1px solid #ccc;margin:2px 1px 0 0;background:#fff;color:#000;cursor:pointer;padding:0;font-family:"宋体","微软雅黑",sans-serif}
a.btn01{display:block;margin:0 auto;width:80px;height:32px;line-height:32px;background:#FFB63A;color:#fff;font-family:"Microsoft Yahei","黑体","宋体";border:0;cursor:pointer;text-align:center;text-decoration:none;font-size:12px}
.tableList td.op{line-height:0;font-size:0}
.tableList td.op a.btn01{font-size:12px;line-height:32px}
a.btn01:hover{color:#fff;text-decoration:none}
.empty-box{padding:40px 16px;color:#89a;text-align:center}

.detail{display:flex;align-items:stretch;padding:10px;background:#F2F5F2;color:#666;font-size:14px;font-family:"宋体","微软雅黑","黑体",Verdana,Geneva,sans-serif;line-height:20px;font-weight:normal}
.detail .cen-lef,.detail .cen-rig{width:28%;flex:none;display:flex;flex-direction:column;height:782px;background:#fff;border-radius:2px}
.detail .cen-lef{padding:10px}
.detail .cen-cen{flex:1;margin:0 10px;min-width:0;height:782px;background:#fff;border-radius:2px}
.detail .bidform{height:100%;display:flex;flex-direction:column;justify-content:space-between;align-items:center}
.detail .nor-lab{font-size:16px;font-family:"Source Han Sans CN","Microsoft YaHei",sans-serif;font-weight:500;color:#333;line-height:30px;padding:0 10px 0 5px;display:flex;align-items:center}
.detail .nor-lab:before{content:"";display:inline-block;width:8px;height:8px;background:#44D695;border-radius:50%;margin-right:6px;flex:none}
.detail .list-item{display:flex;align-items:center;padding:10px 5px;font-size:14px;line-height:20px}
.detail .item-lab{width:40%;margin-right:30px;color:#8D9993;flex:none}
.detail .item-content{flex:1;color:#333}
.detail .tips{height:160px;margin-top:8px;background:#FFF9EF;border:1px solid #EEEEEE;padding:5px 10px 10px;color:#999;line-height:30px;font-size:14px}
.detail .tips .tip-title{display:flex;align-items:center;color:#FFAE2E}
.detail .tips .tip-title img{margin-right:5px}
.detail .cen-top{width:100%;padding-top:35%;border:8px solid #25A069;background:linear-gradient(180deg,#7a7c80 0%,#5e6064 100%);position:relative}
.detail .cen-top-inner{position:absolute;top:0;left:0;width:100%;height:100%;box-sizing:border-box;display:flex;flex-direction:column;justify-content:space-between;color:#AAB2AA;font-size:14px;font-family:"宋体","微软雅黑","黑体",Verdana,Geneva,sans-serif;font-weight:normal;line-height:20px;padding:40px 20px 8px}
.detail .quote-row{display:flex;justify-content:center;align-items:center;text-align:center;flex:1}
.detail .cr-l-label{display:flex;align-items:center;justify-content:flex-end;width:182px}
.detail .cr-l-label img{width:26px;height:26px;margin-right:10px}
.detail .cr-l-label span{font-size:18px;font-family:"Microsoft YaHei","微软雅黑","宋体",sans-serif;font-weight:400;font-style:normal;color:#fff;margin-right:10px;white-space:nowrap;line-height:20px}
.detail .price-num{font-size:36px;font-family:Arial,sans-serif;font-weight:bold;color:#FD5453;margin-left:45px;flex:1;text-align:center;letter-spacing:0;line-height:36px}
.detail .price-num .red{color:#D61E1E;font-weight:bold;font-family:Arial,sans-serif;font-size:36px}
.detail #maxpricerName{color:#dcdcdc}
.detail #mymaxpricelb{color:#44D695}
.detail .unit{font-size:24px;font-family:"宋体","微软雅黑","黑体",Verdana,sans-serif;font-weight:normal;margin-left:10px;color:#AAB2AA;white-space:nowrap;line-height:24px;transform:translateY(-5px)}
.detail .need-padding{width:100%;padding:10px;box-sizing:border-box}
.detail .cen-con{padding:10px 20px 20px}
.detail .con-row{display:flex;justify-content:space-between;align-items:center}
.detail .con-row .nor-lab{flex:1;min-width:0;white-space:normal;line-height:22px;align-items:flex-start}
.detail .con-row .cen-con{width:80%;flex:none;padding:10px 20px}
.detail .times-line{display:flex;align-items:center}
.detail .step-text{white-space:nowrap}
.detail .clocks{display:flex;justify-content:center;align-items:center}
.detail .time{width:90px;height:97px;background:linear-gradient(0deg,#44D695,#5AE7A8);box-shadow:0 4px 9px 1px rgba(68,214,149,.4);border-radius:2px;font-size:36px;font-family:Arial,sans-serif;font-weight:bold;color:#fff;line-height:1;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:0}
.detail .time span:nth-child(1){line-height:1;display:block}
.detail .time span:nth-child(2){display:block;margin-top:18px;font-size:16px;font-family:"Source Han Sans SC","Microsoft YaHei",sans-serif;font-weight:400;color:#E6EDE6;line-height:1}
.detail .time+img{width:10px;height:40px;margin:0 15px}
.detail .select-style{min-width:140px;height:30px;background:#fff;border:1px solid #ccc;border-radius:2px;outline:none;font-size:20px;color:#333}
.detail .step-text{font-size:24px;color:#333}
.detail .bj-con{background:#F0FFF8;border-radius:2px;padding:10px 10px 15px}
.detail .bj-con .price{display:flex;align-items:flex-start;margin:5px 0}
.detail .bj-con .price-num{margin:0 4px 0 30px;text-align:left;flex:none}
.detail .bj-con .unit{transform:none;align-self:flex-start;font-size:14px;margin:2px 0 0 0;line-height:14px}
.detail .submit-wrap{display:flex;justify-content:center;width:100%}
.detail .submit-btn{cursor:pointer;width:calc(100% - 50px);height:60px;margin:0 25px 80px;background:linear-gradient(0deg,#FFA21E,#FFE074);box-shadow:0 4px 4px 0 rgba(181,119,20,.2);border:0;border-radius:2px;font-size:26px;font-family:"Source Han Sans SC","Microsoft YaHei",sans-serif;font-weight:bold;color:#fff;display:flex;justify-content:center;align-items:center}
.detail .submit-btn img{width:22px;height:26px}
.detail .submit-btn span{margin-left:20px}
.detail .price-out{height:60%;max-height:514px;margin-bottom:10px;display:flex;flex-direction:column;background:#fff;border-radius:2px}
.detail .side-tabs{display:flex;align-items:center}
.detail .pri-out-nav{width:50%;height:40px;background:#E6EDE6;color:#A2ABA2;border:0;cursor:pointer;font-size:16px;font-family:"Source Han Sans CN","Microsoft YaHei",sans-serif;font-weight:500;line-height:30px;padding:0 10px 0 5px;justify-content:center}
.detail .pri-out-nav.on{background:#fff;color:#333;font-weight:500;font-family:"Source Han Sans CN","Microsoft YaHei",sans-serif}
.detail #offerBox{flex:1;overflow:auto;padding:10px}
.detail .pri-item{padding-top:10px}
.detail .pri-title{display:flex;justify-content:space-between;align-items:center;background:#F2F5F2;padding:5px}
.detail .pri-lab{display:flex;align-items:center}
.detail .pri-lab span:nth-child(1){font-size:14px;font-family:"Source Han Sans SC","Microsoft YaHei",sans-serif;font-weight:bold;font-style:italic;color:#B8C0B8;margin:0 8px}
.detail .pri-lab span:nth-child(2){font-size:14px;font-family:"宋体","微软雅黑","黑体",Verdana,sans-serif;font-weight:normal;font-style:normal;color:#666}
.detail .pri-title>span{font-size:12px;font-family:"Source Han Sans CN","Microsoft YaHei",sans-serif;font-weight:400;color:#B3B3B3}
.detail .pri-content{display:flex;justify-content:space-between;align-items:flex-end;padding:10px 10px 10px 45px}
.detail .pri-content span:nth-child(1){font-size:18px;font-family:Arial,sans-serif;font-weight:bold;font-style:normal;color:#44D695}
.detail .pri-content span:nth-child(2),.detail .pri-content span:nth-child(3){font-size:14px;font-family:"宋体","微软雅黑","黑体",Verdana,sans-serif;font-weight:normal;font-style:normal;color:#CCCCCC}
.detail .empty-offer{padding:12px;color:#999}
.detail .count-down{height:calc(40% - 10px);display:flex;flex-direction:column;background:#fff;border-radius:2px;padding:10px}
.detail .my-msg{margin:10px 0 0 20px;color:#000}
.detail .count-chart{width:204px;height:186px;margin:auto;display:block}
.detail .count-chart svg{width:204px;height:186px;display:block}
.detail .count-chart .gauge-live{visibility:hidden}
.detail .count-chart.on .gauge-live{visibility:visible}
.site-foot{height:85px;background:#F2F5F2;color:#94A1AB}
.site-foot .inside{width:1200px;max-width:100%;height:100%;margin:0 auto;display:flex;flex-direction:column;justify-content:center;align-items:center}
.site-foot .copy-right{display:flex;flex-direction:column;justify-content:center;align-items:center;font-size:15px;color:#94A1AB;line-height:22px}

.login-page{min-height:100vh;background:#fff;font-weight:400;color:#666}
.login-page b,.login-page strong{font-weight:400}
.lw{min-width:1200px;min-height:900px;height:100vh;display:flex;flex-direction:column}
.lw header{height:118px;background:#fff;flex:none}
.lw header .content{width:1200px;height:118px;margin:0 auto;line-height:118px}
.lw header img{vertical-align:middle}
.lw .vline{display:inline-block;width:1px;height:38px;margin:0 30px;vertical-align:middle;background:#e4e4e4}
.lw .plat{position:relative;top:20px;font-size:22px;font-weight:500;color:#444749}
.lw section{flex:1;display:flex;flex-direction:column;min-height:0;position:relative}
.lw .top{height:72%;position:relative;background:url(/public/trade/img/banner.png) no-repeat center;background-size:100% 100%}
.lw .top .content{position:relative;width:1200px;height:100%;margin:0 auto}
.notice-panel{position:fixed;left:18vw;top:32vh;z-index:30;width:326px;background:#a9e2be;border-radius:0 0 12px 12px}
.notice-panel.floating{animation:floatingPulse 6s ease-in-out infinite}
@keyframes floatingPulse{0%,100%{transform:scale(1) rotate(0deg)}25%{transform:scale(1.01) rotate(.5deg)}50%{transform:scale(1.02) rotate(0deg)}75%{transform:scale(1.01) rotate(-.5deg)}}
.notice-close{position:absolute;top:10px;right:15px;z-index:10;width:24px;height:24px;border:0;border-radius:50%;background:#7ac496;color:#fff;font-size:18px;line-height:22px;cursor:pointer}
.notice-image-bg{height:110px;background:#74c191e6;padding:0 26px;overflow:hidden}
.notice-image-bg img{width:100%;height:100%;object-fit:cover;display:block}
.notice-text{padding:16px 26px 22px}
.notice-text p{margin:0;color:#ff7f24;font-size:16px;font-weight:500;letter-spacing:2px;line-height:1.7}
.panel{position:absolute;top:30px;right:10%;z-index:9;width:410px;background:#fff}
.tabs{display:flex;justify-content:space-between;align-items:flex-end;height:48px;margin:0 12px;border-bottom:1px solid #f4f4f4}
.tabs button{position:relative;height:48px;background:#fff;border:0;color:#666;font-size:16px;font-weight:700;cursor:pointer;padding:0 6px;white-space:nowrap}
.tabs button.on{color:#2ea26f}
.tabs button.on:after{content:"";position:absolute;left:50%;bottom:0;transform:translateX(-50%);width:48%;height:3px;background:#2ea26f}
.form-pad{padding:20px}
.field{position:relative;margin-bottom:20px}
.icon-box{position:absolute;top:1px;left:1px;width:38px;height:38px;background:#f1f1f1;display:flex;align-items:center;justify-content:center}
.icon-box img{width:16px;height:16px;display:block}
.field input{width:100%;height:40px;padding-left:50px;line-height:40px;color:#343434;border:1px solid #bdbdbd;border-radius:2px;background:#fff;outline:none;font-size:14px;font-weight:400}
.field.code input{width:55%}
.field.code .cap{width:90px;height:40px;margin:0 8px;vertical-align:middle;cursor:pointer}
.field.code .change{float:right;padding-top:11px;font-size:14px;font-weight:400;color:#999;cursor:pointer}
.submit-row{margin-bottom:0}
.login-btn{width:254px;height:38px;line-height:38px;background:#2ea26f;color:#fff;border:0;font-size:18px;font-weight:400;cursor:pointer;padding:0;letter-spacing:0}
.reg{float:right;padding-top:11px;font-size:14px;font-weight:400;color:#2ea26f;cursor:pointer}
.err{background:#fff1f0;color:#c0392b;padding:8px 10px;margin-bottom:10px;font-size:13px;font-weight:400}
.pane{display:none}
.pane.on{display:block}
.tips-wrap{padding:6px 12px 12px;background:#fffaf5;border:1px solid #eee}
.tips-wrap h5{margin:0;padding-bottom:6px;color:#999;font-size:14px;font-weight:400}
.tips-wrap h5 img{vertical-align:middle;margin-right:4px}
.tips-wrap p{margin:0;color:#999;font-size:12px;line-height:2.2;font-weight:400}
.tips-wrap a{color:#f18e00;text-decoration:none}
.ca-row{margin-top:12px}
.qr-pane{text-align:center;padding:8px 10px 4px}
.qr-pane svg{display:block;width:180px;height:180px;margin:0 auto;background:#fff}
.qr-pane p{margin:10px 0 0;color:#636363;font-size:14px;font-weight:400}
.logo-footer{padding:0 20px 20px;font-size:14px;background:#fcfcfc}
.logo-footer h5{margin:0 0 15px;color:#999;font-size:14px;font-weight:400}
.logo-footer p{display:inline-block;margin:0 18px 0 0;line-height:28px}
.logo-footer img{vertical-align:middle;margin-right:4px}
.logo-footer span{vertical-align:middle;color:#636363;font-weight:400;cursor:pointer}
.lw .bottom{height:28%;background:#fff;position:relative}
.lw .bottom .content{position:relative;width:1200px;height:100%;margin:0 auto}
.feats{position:absolute;left:0;top:50%;transform:translateY(-50%);display:flex;margin:0;padding:0;list-style:none;white-space:nowrap}
.feats li{display:flex;align-items:center;margin-right:70px}
.feats li:last-child{margin-right:0}
.feats img{vertical-align:middle;width:88px;height:88px}
.feats h5{margin:0;padding-left:20px;font-size:20px;font-weight:400;color:#666}
.lw footer{height:146px;padding-top:30px;text-align:center;background:#f2f5f2;flex:none}
.lw footer a{font-size:14px;font-weight:400;color:#6a7176;text-decoration:none}
.lw footer .fline{display:inline-block;width:1px;height:12px;margin:0 50px;background:#b5b8ba;vertical-align:middle}
.lw footer .copyright{margin:18px 0 0;font-size:12px;font-weight:400;line-height:1.8;color:#94a1ab}
.bot{position:fixed;right:0;top:calc(118px + 0.86 * (100vh - 118px - 146px));transform:translateY(-50%);z-index:100}
.bot .carton{display:flex;flex-direction:column;position:relative;justify-content:center;align-items:center}
.bot .carton-txt{position:relative}
.bot .carton-txt img{display:block;width:210px;height:73px}
.bot .carton-txt-container{position:absolute;padding:12px 16px;line-height:1.2;z-index:1}
.bot .carton-txt1{font-size:14px;color:#142D6E;font-weight:400}
.bot .carton-txt2{font-size:12px;color:#002C98;font-weight:400}
.bot .ai-robot-video-box{display:block;flex-shrink:0;overflow:hidden;width:80px;height:86px;margin-top:5px;margin-left:-72px}
.bot .ai-robot-video-box video{display:block;width:80px;height:130px;margin-top:-30px;object-fit:cover;object-position:center bottom;pointer-events:none}

.notice{position:fixed;left:3px;bottom:12px;width:311px;height:198px;background:url(/public/trade/img/ref/fx.png) no-repeat;border:0;z-index:30;box-sizing:border-box}
.notice .bar{height:38px;text-align:right}
.notice .bar button{margin:10px 10px 0 0;padding:0;border:0;background:transparent;cursor:pointer}
.notice .bar img{width:15px;height:15px;display:block}
.notice h4{margin:16px 0 0;text-align:center;color:red;font-size:18pt;font-weight:500}
.notice p{margin:8px 0 0;padding:0 15px 0 20px;color:red;line-height:28px;font-size:10pt;text-indent:2em;text-align:left}
@media(max-width:1100px){
  .detail{flex-direction:column}
  .detail .cen-lef,.detail .cen-rig,.detail .cen-cen{width:100%;height:auto;margin:0 0 10px}
  .hero{flex-direction:column;padding:20px 16px 32px}
  .art{width:100%;height:auto}
  .panel{width:100%;max-width:430px}
  .nav{display:none}
  .features{gap:24px;flex-wrap:wrap}
}
