@charset "utf-8";
/*
[MBKFW Template] Copyright (c) 2010-2022 www.mbkfw.com
This is not a free template. Please buy the authentic license.
Author: Xiaohei, QQ:2909458585. Version: ST06_v8, time: 20180408-2022.
Special note: do not modify this document without permission.
*/
/* article && quote*/
.m3l .top-l {width:430px;float:left;margin-right: 15px;overflow: hidden;background: #ffffff;margin-bottom: 10px;}
.m3l .top-r {width:430px;float:right;background: #ffffff;}
.headline h2 {text-align:center;font-size:24px;margin: 16px 10px 10px 10px;height:48px;line-height:48px;overflow:hidden;}
.subline {padding: 0 16px 12px;}
.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('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('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('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:60px;font-size:14px;}

#products {border:#EEEEEE 1px solid;border-top:none;height:220px;overflow:hidden;}
#products td {height:21px;border-bottom:#EEEEEE 1px solid;border-right:#EEEEEE 1px solid;}
.content td {font-size:12px;}

.quote-warn {text-align:center;padding:24px;font-size:14px;}
.quote-warn b {color:red;}
/**/
.qc-icon {display:block;position:absolute;left:0;top:0;background:url(images/quote/icon.png) -9999px -9999px no-repeat;}
.qc-icon-price {top:19px;left: 18px;width:30px;height:29px;background-position:-20px -171px;}
.qc-icon-market {top:11px;left:54px;width:32px;height:32px;background-position:-20px -260px;}
.qc-icon-home {top:11px;left:52px;width:37px;height:32px;background-position:-100px -260px;}
.qc-icon-inter {top:10px;left:48px;width:43px;height:32px;background-position:-180px -260px;}
.qc-icon-basic {top:10px;left:53px;width:34px;height:32px;background-position:-260px -260px;}
.qc-icon-avg {top:12px;left:52px;width:33px;height:32px;background-position:-495px -261px;}
.qc-icon-index {top:12px;left:52px;width:35px;height:32px;background-position:-420px -260px;}
.qc-icon-crude {top:12px;left:52px;width:32px;height:32px;background-position:-340px -260px;}
.qc-icon-oil {top:6px;left:30px;width:22px;height:24px;background-position:-140px -176px;}
.qc-icon-database {top:17px;left: 15px;width:29px;height:29px;background-position:-200px -171px;}
.qc-icon-device {top: 14px;left:51px;width:38px;height:30px;background-position:-17px -440px;}
.qc-icon-output {top:14px;left:51px;width:37px;height:31px;background-position:-80px -440px;}
.qc-icon-prod-cap {top:15px;left:54px;width:32px;height:30px;background-position:-180px -440px;}
.qc-icon-inventory {top:13px;left:54px;width:32px;height:32px;background-position:-260px -440px;}
.qc-icon-imp-exp {top:14px;left:55px;width:31px;height:31px;background-position:-340px -440px;}
.qc-icon-operation-rate {top:14px;left:54px;width:28px;height:31px;background-position:-420px -440px;}
.qc-icon-downstream {top:13px;left:55px;width:31px;height:32px;background-position:-345px -653px;}
.qc-icon-futures {top:13px;left:54px;width:32px;height:31px;background-position:-420px -653px;}
.qc-icon-analysis {top:13px;left:52px;width:37px;height:32px;background-position:-660px -440px;}
.qc-icon-macro-economy {top:13px;left:56px;width:28px;height:32px;background-position:-740px -440px;}
.qc-icon-index1 {top:13px;left:18px;width:27px;height:24px;background-position:-80px -176px;}
.qc-icon-date {top:15px;left:18px;width:16px;height:16px;background-position:-260px -180px;}
.qc-icon-tips1 {top:0;left:0;width:20px;height:40px;background-position:-300px -162px;}
.qc-tips3 {display:none;top:38px;left:36px;width:209px;height:44px;line-height:44px;background-position:-676px -320px;text-align:center;font-size:14px;z-index:100;border-radius:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.qc-icon-index-rise {top:24px;left:35px;width:32px;height:32px;background-position:-20px -520px;}
.qc-icon-index-fall {top:24px;left:35px;width:32px;height:32px;background-position:-80px -520px;}
.qc-icon-index-flat {top:24px;left:35px;width:32px;height:32px;background-position:-280px -653px;}
.qc-icon-upstream {top:11px;left:20px;width:28px;height:28px;background-position:-280px -520px;}
.qc-icon-inter1 {top:13px;left:20px;width:32px;height:23px;background-position:-340px -520px;}
.qc-icon-home1 {top:12px;left:20px;width:32px;height:27px;background-position:-620px -520px;}
.qc-icon-search {top:8px;left:18px;width:23px;height:23px;background-position:-560px -600px;}
.qc-icon-search-date {top:18px;left:0;width:18px;height:18px;background-position:-940px -440px;}
.qc-icon-market1 {top:11px;left:20px;width:29px;height:29px;background-position:-780px -520px;}
.qc-icon-quote-dynamic {top:12px;left:20px;width:29px;height:26px;background-position:-720px -520px;}
.qc-icon-tips2 {top:18px;left:210px;width:20px;height:20px;background-position:-900px -520px;}
.qc-icon-menu1 {top:26px;left:22px;width:26px;height:26px;background-position:-20px -600px;}
.qc-icon-menu2 {top:26px;left:22px;width:26px;height:26px;background-position:-140px -600px;}
.qc-icon-menu3 {top:26px;left:22px;width:26px;height:26px;background-position:-280px -600px;}
.qc-icon-menu4 {top:26px;left:22px;width:26px;height:26px;background-position:-420px -600px;}
.qc-icon-fixed-info {top:12px;left:20px;width:26px;height:26px;background-position:-80px -660px;}
.qc-icon-fixed-hot {top:12px;left:20px;width:36px;height:20px;background-position:-140px -660px;}
.qc-icon-index2 {top:10px;left:20px;width:24px;height:21px;background-position:-400px -520px;}
.qc-icon-brief-comment {top:8px;left:20px;width:24px;height:24px;background-position:-460px -520px;}
.qc-icon-date1 {top:13px;left:1px;width:12px;height:12px;background-position:-820px -440px;}
.qc-icon-new {top:12px;left:87px;width:36px;height:14px;background-position:-520px -520px;}
.qc-icon-hot {width:12px;height:14px;background-position:-900px -440px;}
.qc-icon-device1 {top:10px;left:21px;width:21px;height:21px;background-position:-680px -520px;}
.qc-icon-report {top:11px;left:20px;width:21px;height:18px;background-position:-840px -520px;}
.qc-icon-add,.qc-icon-del {left:92px;width:16px;height:16px;}
.qc-icon-del {display:none;top:14px;background-position:-140px -520px;}
.qc-icon-add {top:14px;background-position:-220px -520px;}
.qc-icon-echart-date {top:16px;left:13px;width:16px;height:16px;background-position:-860px -440px;}
.qc-fall .qc-quote-icon,.qc-flat .qc-quote-icon,.qc-rise .qc-quote-icon {width:12px;margin-right:2px;position:relative;}
.qc-quote-icon {display:inline-block;background:url(images/quote/icon-1.png) -9999px -9999px no-repeat;}
.qc-flat {color:#e9ab02;position:relative;}
.qc-rise {color:#ff2900;position:relative;}
.qc-fall {color:#008422;position:relative;}
.qc-flat .qc-quote-icon {height:12px;background-position:-40px -40px;top:2px;}
.qc-rise .qc-quote-icon {height:12px;background-position:0 -40px;top:0;}
.qc-fall .qc-quote-icon {height:12px;background-position:-80px -40px;top:0;}
.qc-rank-rise {display:block;color:#555;position:relative;}
.qc-rank-rise:hover {color:#555;}
.qc-rank-rise .qc-rank-icon {width:9px;height:12px;background-position:-707px -607px;top:19px;}
.qc-rank-rise1 {display:block;color:#e60012;position:relative;}
.qc-rank-rise1:hover {color:#e60012;}
.qc-rank-rise1 .qc-rank-icon {width:9px;height:12px;background-position:-744px -607px;top:19px;}
.qc-rank-rise2 {display:block;color:#ff2900;position:relative;}
.qc-rank-rise2:hover {color:#ff2900;}
.qc-rank-rise2 .qc-rank-icon {width:9px;height:12px;background-position:-633px -607px;top:19px;}
.qc-rank-rise3 {display:block;color:#ff663c;position:relative;}
.qc-rank-rise3:hover {color:#ff663c;}
.qc-rank-rise3 .qc-rank-icon {width:9px;height:12px;background-position:-670px -607px;top:19px;}
.qc-rank-fall {display:block;color:#555;position:relative;}
.qc-rank-fall:hover {color:#555;}
.qc-rank-fall .qc-rank-icon {width:9px;height:12px;background-position:-912px -607px;top:19px;}
.qc-rank-fall1 {display:block;color:#008422;position:relative;}
.qc-rank-fall1:hover {color:#008422;}
.qc-rank-fall1 .qc-rank-icon {width:9px;height:12px;background-position:-798px -606px;top:19px;}
.qc-rank-fall2 {display:block;color:#23a611;position:relative;}
.qc-rank-fall2:hover {color:#23a611;}
.qc-rank-fall2 .qc-rank-icon {width:9px;height:12px;background-position:-836px -606px;top:19px;}
.qc-rank-fall3 {display:block;color:#32d91a;position:relative;}
.qc-rank-fall3:hover {color:#32d91a;}
.qc-rank-fall3 .qc-rank-icon {width:9px;height:12px;background-position:-874px -606px;top:19px;}
.qc-h {position:relative;width:100%;min-width:1200px;height:153px;background:url(images/quote/icon1.png) repeat-x #fff;}
.qc-h-r .qc-h-list.active,.qc-h-r .qc-h-list:hover {background:url(images/quote/icon2.png) repeat-x;}
body.fix-header .qc-h {position:fixed;top:0;z-index:1000;}
body.fix-header .qc-body {margin-top:182px;}
.qc-h-box {width:1200px;min-width:1200px;margin:0 auto;}
.qc-h-l {width:338px;}
.qc-h-l .qc-h-logo {margin-top:18px;padding-right:24px;}
.qc-h-l .qc-h-title {margin-top:27px;padding-left:19px;height:50px;line-height:50px;font-size:30px;color:#222;border-left:1px solid #c8c8c8;font-weight:700;}
.qc-h-r {width:630px;margin-left:232px;}
.qc-h-r .qc-h-list {width:96px;height:97px;line-height:97px;text-align:center;cursor:pointer;margin-left:37px;}
.qc-h-r .qc-h-list .link {display:block;color:#222;font-size:20px;}
.qc-h-r .qc-h-list.active .link,.qc-h-r .qc-h-list:hover .link {color:#e60012;}
.qc-h-r .no-margin {margin-left:0;}
.qc-h-r .qc-h-list.active {font-weight:700;}
.qc-h-nav {width:1106px;margin:0 auto;height:56px;background-color:#e60012;border-radius:4px;padding-left:94px;}
.qc-nav-list.active,.qc-nav-list:hover {background-color:#c50514;}
.qc-nav-list {width:155px;height:55px;line-height:55px;margin-right:22px;position:relative;cursor:pointer;}
.qc-nav-list .link {color:#fff;font-size:18px;display:block;text-align:center;}
.qc-nav-list .layui-icon {font-size:12px;margin-left:10px;}
.qc-shadow {display:none;position:absolute;top:55px;left:0;width:154px;background-color:#fff;border-left:1px solid #c50514;border-right:1px solid #c50514;border-bottom:1px solid #c50514;z-index:9999;}
.qc-shadow .link1 {display:block;width:154px;height:40px;line-height:40px;text-align:center;font-size:18px;}
.qc-shadow .link1.active,.qc-shadow .link1:hover {background-color:#f6f6f6;color:#e60012;}
.echart-tips {padding:14px 13px 10px 10px;position:relative;}
.guide-box,.mask {width:100%;height:100%;position:fixed;top:0;}
.echart-tips .echart-tips-date {padding-left:24px;font-size:14px;color:#222;}
.echart-tips .echart-tips-price {font-size:22px;color:#e60012;}
.guide-box {padding:0;border:none;left:0;z-index:99999;display:none;}
.mask {left:0;background:rgba(0,0,0,.7)!important;}
.guide-box img {position:absolute;}
.guide1,.guide2,.guide3,.guide4,.guide5 {position:fixed;display:none;}
.guide1 {width:1200px;height:414px;}
.guide1 .guide1-1 {left:0;top:0;}
.guide1 .guide1-2 {left:301px;top:54px;}
.guide1 .guide1-3 {left:254px;top:156px;}
.guide1 .guide1-4 {left:588px;top:349px;cursor:pointer;}
.guide2 {width:850px;height:275px;}
.guide2 .guide2-1 {left:0;top:0;}
.guide2 .guide2-2 {left:341px;top:70px;}
.guide2 .guide2-3 {left:421px;top:43px;}
.guide2 .guide2-4 {left:550px;top:203px;cursor:pointer;}
.guide3 {width:980px;height:439px;}
.guide3 .guide3-1 {left:0;top:0;}
.guide3 .guide3-2 {left:328px;top:105px;}
.guide3 .guide3-3 {left:408px;top:78px;}
.guide3 .guide3-4 {left:608px;top:265px;cursor:pointer;}
.guide4 {width:837px;height:724px;}
.guide4 .guide4-1 {left:0;top:0;}
.guide4 .guide4-2 {left:426px;top:0;}
.guide4 .guide4-3 {left:99px;top:275px;}
.guide4 .guide4-4 {left:311px;top:423px;cursor:pointer;}
.guide4 .guide4-5 {left:0;bottom:0;}
.guide4 .guide4-6 {left:426px;bottom:0;}
.guide5 {width:980px;height:425px;}
.guide5 .guide5-1 {left:0;top:0;}
.guide5 .guide5-2 {left:155px;top:118px;}
.guide5 .guide5-3 {left:235px;top:91px;}
.guide5 .guide5-4 {left:496px;top:293px;cursor:pointer;}
/**/
.quote-flash {width:1200px;height:54px;margin:0 auto;background:#ffffff;margin-bottom:15px;border-radius:3px;}
.quote-flash .bda {width:1px;height:20px;background-color:#e5e5e5;margin-left:11px;margin-right:13px;margin-top:17px;}
.quote-flash .flash-icon-title {width:83px;height:18px;background-image:url(images/quote/flash-icon.png);margin-top:17px;margin-left:12px;}
.quote-flash .flash-icon-date {width:13px;height:16px;background-image:url(images/quote/flash-date.png);margin-top:19px;margin-right:6px;}
.quote-flash .flash-date {line-height:54px;font-size:14px;color:#333;margin-right:20px;}
.quote-flash .flash-swiper-box {width:974px;font-size:14px;overflow:hidden;}
.quote-flash .flash-swiper-content {position:relative;padding-top:16px;height:22px;line-height:22px;width: 960px;}
.quote-flash .flash-swiper-box .flash-item {height: 20px;margin-right:25px;width:100%;overflow: hidden;}
.quote-flash .flash-swiper-box .item-area {padding:0 9px;height:22px;line-height:22px;color:#222;background-color:#ebebeb;border-radius:2px 0 0 2px;margin-right:9px;}
.quote-flash .flash-swiper-box li{width:33%;float:left}
.quote-flash .flash-swiper-box .item-label {display:block;margin-right:14px;text-align:left;_display:inline;}
.quote-flash .flash-swiper-box .label-title {color:#555;}
.quote-flash .flash-swiper-box .qc-flat {color:#086EA4;}
.quote-flash .flash-swiper-box .qc-rise {color:#ff2900;}
.quote-flash .flash-swiper-box .qc-fall {color:#008422;}
.quote-flash .flash-swiper-box .label-arrow {position:relative;top:-1px;margin-left:8px;margin-right:4px;}
/**/
.qc-body-oil .oil-body.update .crude-oil {height:48px;padding-right: 6px;}
.qc-body-oil .oil-body.update .crude-oil .border-radius {width: 5px;height: 5px;border-radius:50%;background-color:#d6d6d6;}
.qc-body-oil .oil-body.update .crude-oil .boxs {width: 140px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.qc-body-oil .oil-body.update .crude-oil .boxs .title-li {font-size: 14px;font-weight:700;letter-spacing:0;color:#222;}
.qc-body-oil .oil-body.update .crude-oil .price {/* width: 100px; */font-size: 14px;font-weight:400;font-stretch:normal;letter-spacing:0;}
.qc-body-oil .oil-body.update .crude-oil .flat {color:#086EA4;}
.qc-body-oil .oil-body.update .crude-oil .rise {color:#ff2900;}
.qc-body-oil .oil-body.update .crude-oil .fall {color:#008422;}

.qc-body-oil .oil-body.update .crude-oil .percentage {font-size: 12px;font-weight:400;font-stretch:normal;letter-spacing:0;font-family:PingFang-SC-Bold;}
.qc-body-oil .oil-body.update .border-dashed {margin:0 8px 1px;border-top:dashed 1px #eaeaea;}
.qc-body-oil .oil-body.update .crude-oil.position-top .border-radius {margin: 26px 0 0 13px;}
.qc-body-oil .oil-body.update .crude-oil.position-bottom .border-radius {margin:15px 0 0 15px;}
.qc-body-oil .oil-body.update .crude-oil.position-top .boxs {margin: 11px 5px 0 5px;}
.qc-body-oil .oil-body.update .crude-oil.position-bottom .boxs {margin:1px 5px 0 10px;}
.qc-body-oil .oil-body.update .crude-oil.position-top .price {margin: 17px 4px 0;}
.qc-body-oil .oil-body.update .crude-oil.position-bottom .price {margin:5px 4px 0;}
.qc-body-oil .oil-body.update .crude-oil.position-top .percentage {margin-top: 17px;}
.qc-body-oil .oil-body.update .crude-oil.position-bottom .percentage {margin-top:7px;}
/**/
.qc-body {width:1200px;margin: 0 auto;}
.qc-body-l {width:350px;margin-right:20px;}
.qc-body-r {width:830px;}
.qc-body-l-header {/* width:282px; */height:69px;background-color: #fff9f9;padding-left: 52px;position:relative;}
.qc-body-l-header .title-q {display:block;padding-top:20px;font-size: 20px;font-weight: bold;}
.qc-body-l-header .subtitle {display:block;padding-top:30px;font-size:14px;color:#e60012;margin-right: 25px;}
/**/
.qc-body-nav {padding: 22px 5px 13px 25px;background-color:#FFFFFF;margin-bottom:20px;}
.qc-body-nav .qc-nav-item {display:block;width:140px;height:30px;text-align:center;background-color:#F6F6F6;border-radius:8px;padding-top:45px;font-size:14px;color:#222;position:relative;margin-right:20px;margin-bottom:10px;}
.qc-body-nav .qc-nav-item:hover {color:#e60012;box-shadow:0 7px 14px 0 rgba(145,145,145,.3);border-radius:8px;}
.qc-body-oil {margin-bottom:20px;}
.qc-body-oil .oil-h {position:relative;width:291px;height:35px;background-color:#f5f5f5;padding-left:59px;font-size:16px;color:#222;}
.qc-body-oil .title-li {line-height:35px;}
.qc-body-oil .more {display:block;position:absolute;top:10px;right:26px;font-size:12px;color:#888;}
.qc-body-oil .more:hover {color:#e60012;}
.qc-body-oil .more .layui-icon {font-size:12px;}
.qc-body-oil .oil-body {width:350px;height:93px;background-color:#fff;position:relative;overflow:hidden;}
.qc-body-oil .oil-body.update {height: auto;}
.qc-body-oil .oil-body .oil-body-list {position:relative;width:700px;}
.qc-body-oil .oil-body .oil-body-item {width:348px;height:93px;}
.qc-body-oil .oil-body.update .oil-body-item {height:98px;}
.qc-body-oil .oil-body .oil-body-item .title-li {font-size:18px;font-weight:700;color:#222;margin-left:24px;padding-top:10px;}
.qc-body-oil .oil-body .point {width:8px;height:8px;border-radius:50%;background-color:#d7d7d7;margin-top:26px;margin-right:8px;cursor:pointer;}
.qc-body-oil .oil-body .point.active {background-color:#e60012;}
.qc-body-oil .oil-body .oil-body-item .date {font-size:12px;color:#555;margin-right:20px;padding-top:24px;}
.qc-body-oil .oil-body-item .oil-body-item-b {padding-left:25px;padding-top:4px;}
.qc-body-oil .oil-body-item .oil-body-item-b .oil-body-item-price {font-size:16px;margin-right:48px;}
.qc-body-oil .oil-body-item .oil-body-item-b .oil-body-item-precent {font-size:16px;}
/**/
.qc-body-l-header-com .qc-icon-futures{left: 12px;top: 16px;}
.qc-body-comli{background: #ffffff;margin-bottom: 20px;padding: 10px 20px;}
.qc-body-comli li{line-height:35px;padding: 0;}
.qc-body-comli li a{max-width: 75%;height: 35px;display: inline-grid;overflow: hidden;}
/**/
.qc-body-l-header .title1 {padding-top: 19px;}
.qc-body-r .qc-body-r-header {width:775px;height:50px;line-height:50px;padding-left:55px;position:relative;}
.qc-body-r .qc-body-r-header .title {font-size:16px;color:#222;margin-right:22px;}
.qc-body-r .qc-body-r-header .index-list {padding-top:14px;}
.qc-body-r .qc-body-r-header .index-item {border-right:1px solid #b9b9b9;}
.qc-body-r .qc-body-r-header .index-item .link {display:block;font-size:14px;color:#555;height:22px;line-height:22px;padding:0 15px;}
.qc-body-r .qc-body-r-header .index-item .link.active,.qc-body-r .qc-body-r-header .index-item .link:hover {color:#e60012;}
.qc-body-r .qc-body-r-header .index-item1 .link {position:relative;display:block;font-size:14px;color:#888;height:22px;line-height:22px;padding-left:14px;padding-right:14px;}
.qc-body-r .qc-body-r-header .index-item1 .link:hover {color:#e60012;}
.qc-body-r .qc-body-r-header .index-item1 .layui-icon {font-size:12px;position:absolute;top:1px;right:2px;}
.qc-body-r .qc-body-r-header .no-bd {border:0;}
.qc-body-r .qc-body-r-header .qc-body-r-h-quote {margin-left:34px;}
.qc-body-r .qc-body-r-header .qc-body-r-h-quote .qc-quote-icon {top:1px;left:4px;}
.qc-body-r .qc-body-r-header .qc-body-r-h-quote .price {display:inline-block;font-size:14px;margin-right:22px;}
.qc-body-r .qc-body-r-header .qc-body-r-h-quote .val {display:inline-block;font-size:14px;margin-right:20px;}
.qc-body-r .qc-body-r-header .qc-body-r-h-quote .prec {display:inline-block;font-size:14px;margin-right:15px;}
.qc-body-r .index-echart {width:828px;height:307px;background-color:#fff;border:1px solid #e5e5e5;margin-bottom:20px;}
/**/
.qc-body-r .rank-box {width: 100%;margin-bottom: 15px;}
.qc-body-r .rank-content {width: 100%;background-color:#fff;margin-top:20px;/* margin-right:20px; */}
.qc-body-r .rank-content .rank-header {height:55px;position:relative;background: #fff9f9;}
.qc-body-r .rank-content .rank-header:before {display:block;position:absolute;left: 10px;top: 19px;content:"";width: 5px;height: 20px;background-color:#e60012;border-radius: 8px;}
.qc-body-r .rank-content .rank-header .title-q {padding-left: 22px;padding-top: 16px;font-size: 18px;font-weight: bold;}
.qc-body-r .rank-content .rank-header .tips1 {padding-top:10px;margin-left:10px;width:21px;height:31px;position:relative;cursor:pointer;}
.qc-body-r .rank-content .rank-header .rank-screen {font-size:16px;margin-top:17px;padding-right:3px;}
.qc-body-r .rank-content .rank-header .rank-screen-item {padding:0 17px;padding-right: 10px;height:20px;line-height:20px;/* border-right:1px solid #c4b2b4; */cursor:pointer;position:relative;font-size: 14px;}
.qc-body-r .rank-content .rank-header .rank-screen-item.active,.qc-body-r .rank-content .rank-header .rank-screen-item:hover {color:#e60012;font-weight:700;}
.qc-body-r .rank-content .rank-header .no-bd {border:0;}
.qc-body-r .rank-content .rank-name-list {width:407px;height:40px;position:relative;left:-1px;background-color:#f8f8f8;border-left:1px solid #e5e5e5;}
.qc-body-r .rank-content .rank-name-item {width:77px;height:39px;line-height:39px;font-size:14px;text-align:center;background-color:#f8f8f8;border-top:solid 1px #e5e5e5;border-right:solid 1px #e5e5e5;border-bottom:solid 1px #e5e5e5;cursor:pointer;}
.qc-body-r .rank-content .rank-name-item.active,.qc-body-r .rank-content .rank-name-item:hover {height:37px;color:#e60012;background-color:#fff;border-bottom:3px solid #e60012;}
.qc-body-r .rank-content .rank-name-item1 {width:92px;height:39px;line-height:39px;text-align:center;background-color:#f8f8f8;border-top:solid 1px #e5e5e5;border-right:solid 1px #e5e5e5;border-bottom:solid 1px #e5e5e5;color:#888;position:relative;}
.qc-body-r .rank-content .rank-name-item1:hover {color:#e60012;background-color:#fff;}
.qc-body-r .rank-content .rank-name-item1 .layui-icon {font-size:14px;position:absolute;top:1px;right:8px;}
.qc-body-r .rank-content .rank-thead {height:52px;line-height:52px;background-color:#fff;font-size:14px;font-weight: 600;padding: 0 15px;padding-right: 0;}
.qc-body-r .rank-content .rank-thead .thead1 {width: 305px;}
.qc-body-r .rank-content .rank-thead .thead2 {width: 120px;text-align: center;}
.qc-body-r .rank-content .rank-thead .thead3 {width: 100px;text-align: center;}
.qc-body-r .rank-content .rank-thead .thead4 {width: 85px;text-align: center;}
.qc-body-r .rank-content .rank-tbody {padding: 15px;padding-top: 5px;padding-right: 0;font-size: 14px;}
.qc-body-r .rank-content .rank-tbody .rank-tbody-item {display:block;width: 100%;height: 40px;line-height: 40px;}
.qc-body-r .rank-content .even {background-color:rgba(248,248,248,.6);}
.qc-body-r .rank-content .rank-tbody .tbody1 {min-width: 305px;height: 36px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;position: relative;}
.qc-body-r .rank-content .rank-tbody .tbody2 {width: 120px;height:36px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align: center;}
.qc-body-r .rank-content .rank-tbody .tbody3 {position:relative;width: 100px;text-align: center;}
.qc-body-r .rank-content .rank-tbody .tbody4 {position:relative;width: 85px;text-align: center;}

.qc-flat .tbody3{color: #086EA4;}
.qc-rise .tbody3{color:#e60012;}
.qc-fall .tbody3{color:#008422;}
/**/
.qc-body-r .futures {float:left;width:404px;margin-bottom:20px;background:#ffffff;position: relative;}
.qc-body-r .futures header {height:50px;line-height:50px;background: #fff9f9;padding-left: 50px;}
.qc-body-r .futures header .icon-futures {position:relative;top:7px;left:15px;width:28px;height:22px;display:inline-block;margin-right:15px;background:url(images/quote/icon-future.png) no-repeat;}
.qc-body-r .futures header .host {font-size:14px;color:#555;padding:0 8px;display:inline-block;}
.qc-body-r .futures header .host.actual {margin-right: 0px;}
.qc-body-r .futures header .host:hover {color:#e60012;}
.qc-body-r .futures header .host.active {color:#e60012;font-weight:700;}
.qc-body-r .futures .content-body {height:309px;}
.qc-body-r .futures .content-body .header {line-height:45px;}
.qc-body-r .futures .content-body .header .quote {display:inline-block;}
.qc-body-r .futures .content-body .header .quote .prec{color:#999999}
.qc-body-r .futures .content-body .header .quote.futures-title {height:40px;font-size:14px;font-weight:700;color:#222;margin-left:15px;}
.qc-body-r .futures .content-body .header #futures-data {height:40px;margin-right:15px;}
.qc-body-r .futures .content-body .echart {height:224px;margin:0 14px 3px;;}
.qc-body-r .futures .content-body .data-date {height:30px;line-height:30px;font-size:14px;color:#333;text-align:center;}

.qc-body-r .qc-index-boxs {float:right;background:#ffffff;position: relative;}
.qc-body-r .qc-index-boxs header{padding-left:50px}
/* .qc-body-r .echart-boxs {margin-bottom:20px;width:100%;}
.qc-body-r .echart-boxs .echart-header {height:40px;line-height:46px;}
.qc-body-r .echart-boxs .echart-header .echart-name {color:#222;margin-left:15px;font-size:14px;font-weight:700;font-stretch:normal;}
.qc-body-r .echart-boxs .qc-body-r-h-quote {height:40px;margin-right:10px;}
.qc-body-r .echart-boxs .qc-body-r-h-quote .qc-quote-icon {margin:0;}
.qc-body-r .echart-boxs .qc-body-r-h-quote .price,.qc-body-r .futures .content-body .header .quote .price {font-size:20px;}
.qc-body-r .index-echart.right {width:402px;height:267px;border:0;margin:0;}
.qc-body-r .qc-body-r-header.right {width:349px;}
.qc-body-r .qc-body-r-header.right .index-item {border:0;}
.qc-body-r .qc-body-r-header.right .index-item .link {padding:0 8px;}
.qc-body-r .qc-body-r-header .index-item .link.active {font-weight:700;} */

.echart-tips .text {font-size:14px;font-weight:700;color:#222;}
.echart-tips .text .price-rise,.echart-tips .text .qc-flat,.echart-tips .text .qc-rise {color:#ff2900;}
.echart-tips .text .qc-fall {color:#008422;}

/**/
.cempi{background-color: #EC1D24;background-image: linear-gradient(180deg, #DFEEEE 0%, #efefef 100%);border-radius:4px;padding-bottom: 10px;}
.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{font-size:16px;color:#666666;line-height:36px;border-radius:4px;overflow:hidden;}
.cempi .leftcon .name{width: 70px;display:inline-block;font-size:14px;color:#666;float:left;}
.cempi .leftcon .num{font-size: 18px;display: inline-block;width:172px;float:left;}
.cempi .leftcon .num.lh{line-height:34px;}
.cempi .leftcon .item1{height: 84px;background-color: #d9e6f1;line-height:100px;font-size: 28px;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: 9px;left: 10px;line-height: 20px;}
.cempi .leftcon .item1.down em{font-size:23px;font-weight:normal;}
.cempi .leftcon .item1.down .status{}
.cempi .leftcon .item2{height: 48px;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: #FF9800;}
.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: 16px;}
.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;background-color:#fff;}
.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 #EC1D24;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{}
/**/
.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;}
.table-tbody-item {/* cursor:pointer; */}
.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 {/* position: relative; *//* display: inline-block; */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%);}