@charset "utf-8";
/*
[MBKFW.COM - S11_v9.0]
S11-v9-CSS-xiaohei-qq:290948585-202203-2023
*/
/* article && quote*/
.top-l {width:430px;float:left;margin-right:20px;}
.top-r {width:430px;float:right;}
.headline h2 {text-align:center;font-size:24px;margin:16px 20px 10px 0;height:48px;line-height:48px;overflow:hidden;}
.subline {padding:0 16px;}
.subline li {height:32px;line-height:32px;overflow:hidden;font-size:16px;}
.subline .f_r {font-size:12px;color:#666666;padding-left:16px;font-style:normal;float:right;}
.keytags {font-size:14px;padding:16px 24px;}
/* catlist */
.childlist {padding:10px;line-height:24px;}
.childlist li {font-size:14px;height:28px;line-height:28px;background:url('image/li_dot.gif') no-repeat 4px 12px;padding:0 10px 0 12px;overflow:hidden;}

.catlist {padding-bottom:16px;line-height:32px;margin:16px;}
.catlist li {font-size:14px;height:32px;line-height:32px;background:url('image/li_dot.gif') no-repeat 6px center;padding:0 12px;overflow:hidden;}
.catlist i {font-style:normal;float:right;font-size:12px;color:#666666;}
.catlist .sp {background:#FFFFFF url('image/dot.gif') repeat-x 0 center;}

.price-market {padding:0 32px 16px 32px;}
.price-market li {height:32px;line-height:32px;overflow:hidden;font-size:14px;}
.price-add {padding:16px;}
.price-add table {width:100%;}
.price-add .tl {width: 65px;font-size:14px;}

.top-l th{height: 30px;}



#products {border-left: #EEEEEE 1px solid;border-top:none;height:220px;overflow:hidden;}
#products td {height: 32px;border-bottom:#EEEEEE 1px solid;border-right:#EEEEEE 1px solid;}

.content table{width:95%;border-collapse: separate;border-top: 1px solid #f2f2f2;border-left: 1px solid #f2f2f2;border-spacing: 0;}
.content td,th{font-size:12px;border-bottom: 1px solid #f2f2f2;border-right: 1px solid #f2f2f2;}

.quote-warn {text-align:center;padding:24px;font-size:14px;}
.quote-warn b {color:red;}
/**/
.baojia{padding:15px;padding-top: 5px;position: relative;min-height: 360px;}
.bj_l{width: 865px;border: 1px solid #b1d6f5;/* box-shadow: 1px 1px 5px #b1d6f5; */}
.bj_l th{height: 41px;}
.bj_l #products{height: 350px;border-left: 0;}
.bj_l #products td {height: 39px;border-bottom:#EEEEEE 1px solid;border-right: #EEEEEE 0px solid;}

.bj_r{background:#F2F4FA;width: 315px;padding-bottom: 15px;}
/**/
.futures{
    /* display: flex; */
    /* justify-content: center; */
    overflow: hidden;
}
.futures .m{width: 600px !important;float:left;}
.futures .m:last-child {float:right}
/**/
.index_xh_sell_xpph h2{font-size:18px;}
.index_xh_sell_xpph h2::after{background: #4E6EF2;height: 18px;top: 4px;}
.index_xh_sell_xpph .tab{/* text-align:right; */padding-left: 0;}
.index_xh_sell_xpph .tab li{float:right}
.index_xh_sell_xpph .tab li.active{background: linear-gradient(110deg, #dc3d0b, #fb6131, #ff5722);color: #FFFFFF;border-radius: 3px 3px 3px 3px;}
.index_xh_sell_xpph .tab li.active::before{content: '';border-width: 6px 5px;border-style: solid;border-color: transparent;border-top-color: #FF5722;position: absolute;top: 100%;left: 45%;}
.index_xh_sell_xpph .tab li.active a{color:#ffffff}
.index_xh_sell_xpph .list-li{}
.index_xh_sell_xpph .list-li .list_item{width: 400px;float:left;margin-right: 10px;}
.index_xh_sell_xpph .list-li .list_item:nth-child(3){margin-right:0}
.index_xh_sell_xpph .list-li .list_item .m{width:100%}
.baojia_span{position:absolute;right: 10px;top: 20px;z-index: 1;}
.baojia_span i{font-style: normal;font-weight: bold;padding: 0 2px;font-family: simsun;}

/**/
.price-add ul.list03 {margin: 15px;overflow: hidden;}
.price-add ul.list03 li { font-size:15px; font-weight:bold; color:#333333; line-height:27px; float:left; display:inline; text-align:left;}
.price-add ul.list03 li strong { display:block; color:#ffa200; font-family:Arial, Helvetica, sans-serif; font-size:14px;}
.price-add ul.list03 li strong font { font-size:24px;}
.price-add ul.list03 li:last-child { float:right; display:inline; text-align:right;}
.price-add ul.list03 li:last-child strong { display:block; color:#00944a; font-family:Arial, Helvetica, sans-serif;}
.price-add ul.list03 li:last-child strong font { font-size:24px;}
/**/
.cempi{background-color:#004891;border-radius:4px;}
.cempi .title_p{color:#fff;padding:16px 0 10px 24px;line-height:32px;}
.cempi .title_p h1{font-size:20px;}
.cempi .title_p p{font-size:14px;}
.cempi .leftcon{margin:0px 0px 10px 10px;float:left;width:300px;min-height: 532px;border-radius:4px;font-size:16px;color:#666666;line-height:36px;border-radius:4px;overflow:hidden;background-color: #fff;}
.cempi .leftcon .name{width:92px;display:inline-block;font-size:14px;color:#666;float:left;}
.cempi .leftcon .num{font-size:18px;line-height:40px;display:inline-block;width:172px;float:left;}
.cempi .leftcon .num.lh{line-height:34px;}
.cempi .leftcon .item1{height: 71px;background-color:#e7ecf0;line-height:100px;font-size: 26px;padding-left:30px;font-weight:bold;}
.cempi .leftcon .item1 .status{display:inline-block;margin-left:5px;font-size:16px;font-weight:normal;}
.cempi .leftcon .item1.up{color:#f04343;}
.cempi .leftcon .item1.up .status{background-position:0px -50px;}
.cempi .leftcon .item1.flat{color:#465662;}
.cempi .leftcon .item1.flat .status{background-position:0px -103px;}
.cempi .leftcon .item1.down{color:#07a168;position: relative;}
.cempi .leftcon .down_txt{font-size: 14px;font-weight:normal;position: absolute;top: 6px;left: 8px;line-height: 20px;}
.cempi .leftcon .item1.down em{font-size:23px;font-weight:normal;}
.cempi .leftcon .item1.down .status{}
.cempi .leftcon .item2{height:54px;padding-top:10px;background-color:#eff3f5;padding-left:30px;}
.cempi .leftcon .item2 .num{font-weight:bold;}
.cempi .leftcon .item2 .num em{font-size:14px;font-weight:normal;}
.cempi .leftcon .item2.up{color:#f04343;}
.cempi .leftcon .item2.down{color: #3F51B5;}
.cempi .leftcon .item2.flat{color:#465662;}
.cempi .leftcon .item3{height:37px;background-color:#f7f8fa;padding-top:0px;padding-left:30px;}
.cempi .leftcon .item3 > div{display:block;clear:both;height:36px;width:100%;}
.cempi .leftcon .item3 .num{font-size:18px;}
.cempi .leftcon .item3 .num.up{color:#f04343;}
.cempi .leftcon .item3 .num.down{color:#07a168;}
.cempi .leftcon .item3 .num.flat{color:#465662;}
.cempi .leftcon .period{color:#999;font-size:12px;background:#f7f8fa;padding-left:30px;border-top:2px solid #fff;}
.cempi .leftcon .news{padding: 18px 14px 0 14px;}
.cempi .leftcon .news .news_title{font-size:14px;margin:0px 0 0 2px;color:#333;line-height:14px;padding-left:11px;border-left:4px solid #004891;font-weight:bold;}
.cempi .leftcon .news .news_title span{font-weight:normal;float:right;color:#666666;font-size:12px}
.cempi .leftcon .news .news_baojia{padding-top:15px;padding-bottom:10px;}
.cempi .leftcon .news .news_baojia table{width:100%}
.cempi .leftcon .news .news_baojia td{padding:5px}
.cempi .leftcon .news .news_list{color:#333;padding-top:8px;}
.cempi .leftcon .news .news_list li{line-height:30px;height:30px;overflow:hidden;width:100%;text-overflow:ellipsis;white-space:nowrap;}
.cempi .leftcon .news .news_list li span{font-size:12px;padding-right:3px;}
.cempi .leftcon .news .news_list li a{color:#333;font-size:14px;}
.cempi .leftcon .news .news_list li a:hover{color:#ef7c30;}
.cempi .rightcon{width:890px;margin-right:10px;float:right;border-radius:4px;margin-bottom: 13px;background-color:#fff;}
/**/
.db-table-box,.db-table-content {width:1200px;margin:0 auto;}
.db-table-header {padding-bottom:10px;}
.db-table-header .title-t {font-size:16px;line-height:35px;color:#090723;font-weight:bold;}
/**/
.table-tbody-item,.table-thead {font-size:14px;line-height:39px;border-bottom:1px solid #e1e6f0;}
.db-table-content {border-collapse:collapse;border-spacing:0;background-color:#fff;border:1px solid #e1e6f0;margin-bottom:26px;}
.table-tbody-item:hover,.table-thead {background-color:#f5f7fa;}
.table-thead {height:49px;}
.db-table-content th {margin:0;padding:0;line-height:49px;text-indent:3px;border-right:1px solid #e1e6f0;font-size: 12px;}
.table-tbody-item {}
.db-table-content td {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-right:1px solid #e1e6f0;}
.db-chart-content {width:99.98%;height:948px;background-color:#fff;border:1px solid #e1e6f0;position:relative;}
.db-table-content .thead1,.db-table-content .thead2,.db-table-content .thead3,.db-table-content .thead4,.db-table-content .thead5,.db-table-content .thead6,.db-table-content .thead7,.db-table-content .thead8 {text-indent:4px;border-right:1px solid #e1e6f0;}
.db-table-content .thead1 {width:24.16%;}
.db-table-content .thead2 {width:11.25%;}
.db-table-content .thead3,.db-table-content .thead4 {width:7.43%;}
.db-table-content .thead5 {width:7.49%;}
.db-table-content .thead6 {width:3.86%;}
.db-table-content .thead7 {width:10.5%;}
.db-table-content .thead8 {width:6.79%;}
.db-table-content .thead9 {width:270px;text-indent:20px;}
.db-table-content .table-tbody-item.no-bd {border-bottom:0;}
.db-table-content .tbody1 {width:17.16%;padding:10px 20px;line-height:24px;border-right:1px solid #e1e6f0;}
.db-table-content .tbody1 .link {color:#333;}
.db-table-content .tbody2 {width:11.25%;padding:10px 20px;line-height:24px;border-right:1px solid #e1e6f0;}
.db-table-content .tbody3,.db-table-content .tbody4 {width:9.43%;padding:10px 20px;border-right:1px solid #e1e6f0;line-height:24px;}
.db-table-content .tbody3 {display:table-cell;vertical-align:middle;}
.db-table-content .tbody5 {width:8.49%;padding:10px 20px;line-height:24px;border-right:1px solid #e1e6f0;}
.db-table-content .tbody6 {width:7.86%;padding:10px 20px;line-height:24px;border-right:1px solid #e1e6f0;}
.db-table-content .tbody7 {width:10.5%;padding:10px 20px;line-height:24px;border-right:1px solid #e1e6f0;}
.db-table-content .tbody8 {width:6.79%;padding:10px 20px;line-height:24px;border-right:1px solid #e1e6f0;}
.db-table-content .tbody9 {padding:10px 0 10px 20px;line-height:24px;}
.db-table-content .link {color:#006eff;margin-right:10px;}
.db-table-content .link:hover {color:#e60012;}
.db-table-content .link.active {color:#ff2a00;}
.table-tbody-item .symbol-link {display:block;width:90%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.table-tbody-item:hover .symbol-link {color:#e60012;}
/**/
.no-permission {width:100%;height:500px;position:relative;display:none;}
.no-permission .abs-box {position:absolute;width:428px;height:367px;top:50%;left:50%;margin-left:-214px;margin-top:-100px;z-index:100;}
.no-permission .lock {display:block;width:169px;height:134px;margin:0 auto;z-index:100;}
.no-permission .tips1 {width:428px;height:46px;line-height:46px;background-color:#e60012;color:#fff;font-size:16px;text-align:center;z-index:100;margin-top:36px;margin-bottom:23px;border-radius:5px}
.no-permission .tips1 a{color:#FFEB3B;font-weight:bold;}
.no-permission .no-data .tips1,.no-permission .no-permission .tips2 {font-size:18px;text-align:center;z-index:100;}
.no-permission .tips2 {width:278px;color:#666;margin:0 auto;}
.no-permission .no-data {width:100%;height:838px;background-color:#fff;position:relative;}
.no-permission .no-data .abs-box {position:absolute;width:146px;height:204px;top:188px;left:50%;margin-left:-73px;z-index:100;}
.no-permission .no-data img {display:block;width:146px;height:182px;margin:0 auto;}
.no-permission .no-data .tips1 {width:100%;color:#666;margin-top:40px;}
/**/
.dui-tips {cursor: pointer;z-index: 1;}
.dui-tips[data-tooltip]:after,.dui-tips[data-tooltip]:before {visibility:hidden;position:absolute;top:50%;left:100%;transition:all .3s;}
.dui-tips[data-tooltip]:after {content:attr(data-tooltip);transform:translate(-5px,-50%);white-space:pre;padding:5px 10px;background-color:rgba(0,0,0,0);color:rgba(255,255,255,0);}
.dui-tips[data-tooltip]:before {content:'';height:0;width:0;transform:translate(-10px,-50%);border-width:5px 5px 5px 0;border-style:solid;border-color:transparent rgba(0,0,0,0) transparent transparent;}
.dui-tips:hover:after,.dui-tips:hover:before {transition:all .3s;visibility:visible;}
.dui-tips:hover:after {color: #333333;background-color: rgb(255 176 176 / 80%);transform: translate(5px, -50%);box-shadow: 1px 1px 3px rgba(0,0,0,.2);border-radius: 3px;}
.dui-tips:hover:before {border-color: transparent rgb(255 176 176 / 80%) transparent transparent;transform: translate(0px, -50%);}