@charset "utf-8";
/*
*[ MBKFW.COM] Copyright (c) 2010-2023
*dz-CSS-qq:290948585
*/
/**/
.modname{background:linear-gradient(90deg, #F44336 0%, #FF9800 100%);text-align:center;padding:30px 0;color:#ffffff}
.modname h2{line-height:40px;height:40px;font-size:20px;}
.modname p{font-size:14px;line-height:30px;height:30px;margin-bottom:20px}
.modname .hq_btn{background:#ffffff;padding:5px 15px;border-radius:5px}
/*buy*/
.i-buy {padding:10px;box-shadow:0px 2px 5px 0px rgb(0 2 4 / 4%);}
.i-buy-l {width:100%;overflow-x:auto;position:relative;margin-top:5px;}
.i-buy-l::-webkit-scrollbar {display:none;}
.i-buy-l ul {width:100%;overflow-x:scroll;overflow-y:hidden;height:100%;list-style-type:none;display:flex;align-items:center;}
.i-buy-l li {background:#F8FBF4;width:42.5%;padding: 2.5%;flex:none;overflow: hidden;border-radius: 5px;}
.i-quote-bj .i-buy-l li {background:#fff8f8;}
.i-buy-l li .b-title {height:36px;line-height:18px;font-size: 13px;overflow: hidden;-webkit-line-clamp: 2;-webkit-box-orient: vertical;display: -webkit-box;}
.i-buy-l li .b-price{color:#EC1D24;font-weight:bold;margin-top: 6px;}
.i-buy-l li .qc-flat {color:#086EA4;}
.i-buy-l li .qc-rise {color:#ff2900;}
.i-buy-l li .qc-fall {color:#008422;}
.i-buy-l li .b-price img{width: 14px;margin-left: 5px;vertical-align: top;margin-top: 3px;image-rendering: -moz-crisp-edges;image-rendering: -o-crisp-edges;image-rendering: -webkit-optimize-contrast;image-rendering: crisp-edges;-ms-interpolation-mode: nearest-neighbor;}
.i-buy-l li .b-int {margin-top: 6px;font-size:12px;color:#888888;}
.i-buy-l li .b-int i{font-style: normal;font-weight: bold;color: #333333;}
.i-buy-l li:nth-child(n + 2) {margin-left:2.5%;}
.i-buy-l li:last-child {padding-right:5%;}
.i-buy-r {width: 5%;font-size:12px;position:absolute;top: 0;bottom: 0;right:0;padding-left: 8px;background: rgb(255 255 255 / 82%);z-index: 1;padding-right:0;}
.i-buy-r{background-image: url(icon-back.png);background-repeat: no-repeat;background-size: 14px 14px;background-position: 90% 86%;}
.i-buy-r span{position: absolute;top: 11px;right: 0;font-size: 14px;padding-left: 13px;}
/**/
.gird-4,.gird-5 {text-align:center;padding:24px 0;overflow:hidden;}
.gird-4 img,.gird-5 img {margin:0 0 6px 0;}
.gird-4 span,.gird-5 span {display:block;font-size:12px;line-height:12px;}
.gird-4 li {width:25%;height:90px;float:left;}
.igird-4,.igird-5 {text-align:center;padding: 15px 0 15px;overflow:hidden;}
.igird-4 img,.igird-5 img {margin:0 0 6px 0;}
.igird-4 span,.igird-5 span {display:block;font-size: 13px;line-height: 16px;}
.igird-4 li {width:25%;height: 82px;float:left;}
.igird-5 li {width:20%;height: 88px;float:left;}
.igird-4 a{display:inline-block}
/**/
.sell-list-cs-b{margin-bottom: 5px;}
.sell-list-cs-b span{background: #e6e5e5;border-radius:3px;padding: 2px 5px;margin-right:3px;font-size: 12px;}
.sell-list-cs-b span:first-child{background: #c5c5c5;color: #FFFFFF;}
/*行情公告*/
.quote_notice{line-height: 36px;font-size: 16px;}
.quote_notice .roll-left{font-size: 16px;color: #FFFFFF;font-weight: bold;background: #EC1D24;border-radius: 5px 0 0 5px;padding: 0 10px;}
.quote_notice .roll-wrap {position: relative;width: 80%;margin: 0 8px;overflow: hidden;font-weight: bold;}
.quote_notice .roll-wrap ul li{line-height: 36px;height: 36px;}
.quote_notice .roll-wrap ul li a{height: 36px;display: inline-block;width: 100%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.quote_notice .roll-wrap ul li a img{height:16px}
.quote_notice .roll-wrap ul li span{color:#EC1D24}
.quote_notice .roll-wrap ul li span.qc-flat {color:#086EA4;}
.quote_notice .roll-wrap ul li span.qc-rise {color:#ff2900;}
.quote_notice .roll-wrap ul li span.qc-fall {color:#008422;}

.quote_notice_2{font-size:14px;margin-top: 15px;box-shadow: 0px 2px 5px 0px rgb(0 2 4 / 5%);background: #f9f9f9;}
.quote_notice_2 .roll-left{padding: 5px 8px;font-size: 12px;width: 26px;line-height: 13px;background: #FDF2E7;color: #FF5722;margin-left: 0;}
.quote_notice_2 .roll-wrap{width: 81%;}
.quote_notice_2 .roll-wrap ul li a{font-weight:normal}
.quote_notice_2 .roll-wrap ul li span{color:#888888}

/**/
.pro-zs{width: 96%;display: flex;margin: 2%;}
.pro-zs .baojia{position: relative;padding: 10px;background: #f9f9f9;border-radius: 5px;margin-right: 1.5%;}
.pro-zs .baojia:last-child{margin-right:0}
.pro-zs .baojia_span{position:absolute;right: 10px;top: 34px;z-index: 1;font-size: 12px;}
.pro-zs .baojia_span i{font-style: normal;font-weight: bold;padding: 0 2px;font-family: simsun;}
.pro-zs .baojia span{}
.pro-zs .baojia a{display:block}

/**/
.i-title h3{height: 35px;line-height: 35px;font-size: 16px;font-weight: bold;}
.i-title h3 .fr{font-size:12px;font-weight:normal;color: #888888;height: 35px;line-height: 35px;}

.i-title-bg1.i-title{margin-top:10px}
.i-title-bg1.i-title h3{/* background: #ffffff url(images/i-title-bg2.png) no-repeat; */padding: 3px 15px;background-image: linear-gradient(180deg, #FBEBEB 0%, #fffbfb 100%);}

/**/
.product_cat{padding: 2%;background: #ffffff;overflow: hidden;padding-bottom: 15px;}
.product_cat li{overflow: hidden;margin-top: 1%;margin-right: 2%;float:left;width: 21.4%;background: #e6e5e5;color: #333333;text-align:center;border-radius: 3px;height: 29px;line-height: 29px;font-size: 12px;padding: 0 1%;}
.product_cat li:last-child{margin-right:0}
.product_cat li.on{background:#EC1D24;color:#ffffff}
/**/
.pro-zstable{}
.pro-zstable th{font-size: 15px;line-height: 35px;}
.pro-zstable td{font-size: 14px;line-height: 35px;}
/**/
.pro-bg{}
.pro-bg .pro-bg-red{background: #EC1D24;padding-bottom: 10px;}
.pro-bg .pro-bg-red .title h1{color:#ffffff;font-size: 16px;}
.pro-bg .pro-bg-red .info{color: #e2e1e1;border-bottom: 0;padding: 0 16px 16px 16px;}
.pro-bg .pro-bg-red .info i{color: #e4e4e4;background: none;padding-left: 0;padding-right: 0;}
.pro-bg .pro-bg-red .info i a{color: #e4e4e4;}
.pro-bg .content{margin-top: -15px;border-radius: 10px 10px 0 0;background: #ffffff;padding-top: 16px;}
.pro-bg .content .content-cs{font-size:14px;margin-bottom:15px;margin-top: 10px;}
.pro-bg .content .name{width: 70px;display:inline-block;font-size:14px;color:#666;float:left;line-height: 40px;}
.pro-bg .content .num{font-size: 18px;display: inline-block;width:172px;float:left;line-height: 40px;}
.pro-bg .content .num.lh{line-height: 35px;}
.pro-bg .content .item1{background-color: #d9e6f1;line-height: 50px;height: 50px;font-size: 22px;padding-left:30px;font-weight:bold;overflow: hidden;}
.pro-bg .content .item1 .status{display:inline-block;margin-left:5px;font-size:16px;font-weight:normal;}
.pro-bg .content .item1.up{color:#f04343;}
.pro-bg .content .item1.up .status{background-position:0px -50px;}
.pro-bg .content .item1.flat{color:#465662;}
.pro-bg .content .item1.flat .status{background-position:0px -103px;}
.pro-bg .content .item1.down{color:#07a168;position: relative;}
.pro-bg .content .down_txt{font-size: 14px;font-weight:normal;/* position: absolute; *//* top: 5px; *//* left: 10px; *//* line-height: 20px; */width: 70px;/* display: inline-block; */font-size: 14px;color: #666;float: left;}
.pro-bg .content .item1.down em{font-size:23px;font-weight:normal;}
.pro-bg .content .item1.down .status{}
.pro-bg .content .item2{height: 40px;background-color:#eff3f5;padding-left:30px;font-size: 14px;overflow: hidden;}
.pro-bg .content .item2 .num{font-weight:bold;}
.pro-bg .content .item2 .num em{font-size:14px;font-weight:normal;}
.pro-bg .content .item2.up{color:#f04343;}
.pro-bg .content .item2.down{color: #FF9800;}
.pro-bg .content .item2.flat{color:#465662;}
.pro-bg .content .item3{height: 40px;background-color:#f7f8fa;padding-top:0px;padding-left:30px;}
.pro-bg .content .item3 > div{display:block;clear:both;height:36px;width:100%;}
.pro-bg .content .item3 .num{font-size: 16px;}
.pro-bg .content .item3 .num.up{color:#f04343;}
.pro-bg .content .item3 .num.down{color:#07a168;}
.pro-bg .content .item3 .num.flat{color:#465662;}
.pro-bg .content .period{color:#999;font-size:12px;background:#f7f8fa;padding-left:30px;border-top:2px solid #fff;}
/**/
.no-permission {width:100%;height:500px;position:relative;display:none;}
.no-permission .abs-box {position:absolute;width: 100%;height:367px;top: 22%;/* z-index:100; */}
.no-permission .lock {display:block;width:169px;height:134px;margin:0 auto;z-index:100;}
.no-permission .tips1 {width: 80%;margin-left: 10%;height: 40px;line-height: 40px;background-color:#e60012;color:#fff;font-size: 14px;text-align:center;z-index:100;margin-top: 48px;margin-bottom:23px;border-radius:5px;}
.no-permission .no-data .tips1,.no-permission .no-permission .tips2 {font-size:18px;text-align:center;z-index:100;}
.no-permission .tips2 {width: 100%;color:#666;margin:0 auto;text-align: center;}
.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;}