.gzbg-echarts { background: #fff; margin-bottom: 10px; font-size: 14px; color: #323232; border-width: 1px 0; border-style: solid; border-color: #e1e1e1; } .gzbg-tit { height: 40px; line-height: 40px; border-bottom: 1px solid #e1e1e1; } .gzbg-tit span { vertical-align: middle; } .gzbg-icon { display: inline-block; width: 20px; height: 40px; margin: 0 10px; background-repeat: no-repeat; background-position: center; background-size: contain; vertical-align: middle; } .ztqk-icon { background-image: url(../images/khqktj.png); } .qyqk-icon { background-image: url(../images/qyqk.png); } .zxtj-icon { background-image: url(../images/zxtj.png); } .jg-icon { background-image: url(../images/jg.png); } .ccf-icon{ background-image: url(../images/changchufangtongji_icon.png); } .myd-icon { background-image: url(../images/myd.png); } .xqzq-icon{ background-image: url(../images/xugaiqianfenxi_icon.png); } .qh-icon{ width: 15px; background-image: url(../images/qiehuan.png); } .qcyy-icon{ background-image: url(../images/qianchu_icon.png); } .qrly-icon{ background-image: url(../images/qianru_icon.png); } .gzbg-con { padding: 10px; position: relative; } .gzbg-con img { width: 125px; height: 80px; display: inline-block; vertical-align: middle; } .ztqk-list { height: 80px; display: inline-block; vertical-align: middle; margin-left: 25px; padding-top: 3px; } .ztqk-list li { padding-bottom: 5px; } .ztqk-font { position: relative; color: #17B3EC; } .zxtj-info { width: 55%; position: absolute; top: 50%; right: 0px; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .zxtj-info div { margin: 10px 0; } .zxtj-info span { vertical-align: middle; } .zxtj-r { display: inline-block; width: 10px; height: 10px; -webkit-border-radius: 100%; border-radius: 100%; margin-right: 4px; } #qiehuan{ height: 40px; line-height: 40px; display: inline-block; float: right; padding-right: 10px; font-size: 12px; color: #666; } #zxxqEcharts{ margin-bottom: 10px; border-bottom: 1px solid #ccc; background: #fff; } .px-tit{ height: 35px; line-height: 35px; padding: 0 10px; font-size: 14px; color: #323232; border-top: 1px solid #ccc; position: relative; background: #fff; overflow: hidden; } .px-top{ position: relative; } .up-down{ position: absolute; height: 35px; width: 50px; top: 0; right: 0; z-index: 999; } .up-down i:first-child:before{ content: ' '; display: block; position: absolute; width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 8px solid #666; left: 13px; top: 7px; } .up-down i:last-child:before{ content: ' '; display: block; position: absolute; width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 8px solid #666; left: 13px; top: 18px; } .up-down i.up-active:first-child:before{ border-bottom: 8px solid #15b3eb; } .up-down i.down-active:last-child:before{ border-top: 8px solid #15b3eb; } #pxList{ background: #fff; display: block; } .px-list{ /*background: #fff;*/ } .px-list li { height: 50px; position: relative; padding: 5px 35px 5px 10px; border-bottom:1px solid #ccc; } .px-list li:after { content: " "; display: inline-block; height: 10px; width: 10px; border-width: 1px 1px 0 0; border-color: #C8C8CD; border-style: solid; -webkit-transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0); transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0); position: relative; top: -2px; position: absolute; top: 50%; margin-top: -4px; right: 14px; } .px-name{ font-size: 15px; color: #004671; padding: 6px 0 3px 0; position: absolute; left: 20px; top: 0px; } .px-num{ font-size: 10px; color: #005F99; position: absolute; left: 20px; bottom: 5px; } .px-bg{ height: 100%; background: #a1dbf6; -webkit-border-radius: 5px; border-radius: 5px; } .grxq-top{ height: 46px; line-height: 43px; font-size: 18px; color: #323232; border-bottom: 1px solid #ccc; background: #fff; } .grxq-top img,.grxq-top span{ display: inline-block; vertical-align: middle; } .grxq-top img{ width: 35px; height: 35px; -webkit-border-radius: 50%; border-radius: 50%; margin-left: 10px; margin-right: 15px; } .grxq-top span{ } .grxq-num,.zxq-top{ display: box; /* OLD - Android 4.4- */ display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */ display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */ display: -ms-flexbox; /* TWEENER - IE 10 */ display: -webkit-flex; /* NEW - Chrome */ display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */ /* 09版 */ -webkit-box-orient: horizontal; /* 12版 */ -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; background: #fff; } .grxq-num li,.zxq-f{ -webkit-box-flex: 1; /* OLD - iOS 6-, Safari 3.1-6 */ -moz-box-flex: 1; /* OLD - Firefox 19- */ -webkit-flex: 1; /* Chrome */ -ms-flex: 1; /* IE 10 */ flex: 1; } .grxq-num li div{ text-align: center; } .g-n-num{ font-size: 14px; color: #17B3EC; font-weight: 600; padding-bottom: 10px; padding-top: 14px; } .g-n-con{ font-size: 12px; color: #909090; padding-bottom: 20px; } .grxq-num-b{ border-bottom: 1px solid #ccc; margin-bottom: 10px; } .zdjy-num{ background: #fff; padding: 0 10px; } .zdjy-num li:first-child{ padding-top: 16px; padding-bottom: 15px; } .zdjy-num li:last-child{ padding-bottom: 16px; } .zdjy-num li span { vertical-align: middle; } .zdjy-n-con{ font-size: 12px; color: #909090; } .zdjy-n-num{ font-size: 14px; color: #17B3EC; font-weight: 600; } #wrapper{ top: 45px; } /*.pjmyd-con:after{ content: '%'; display: block; position: absolute; top: 0; right: -15px; }*/ .jgnph{ text-align: center; position: absolute; width: calc(100% - 40px - 7%); top: 5px; left: 43px; font-size: 0; } .jgnph li{ width: 33.3%; display: inline-block; font-size: 14px; vertical-align: middle; } #pxgz_dummy{ display: inline-block; position: absolute; left: 0; right: 100px; top: 0; bottom: 0; opacity: 0; z-index: 999; } .zxq-top{ height: 80px; background: inherit; } .zxq-f{ position: relative; } .zxq-con{ /*height: 60px;*/ position:absolute; top: 10px; left: 10px; right: 10px; bottom: 10px; text-align: center; background: #fff; border: 1px solid #ccc; } .zxq-con div:first-child{ height: 24px; line-height: 24px; padding-top: 6px; font-size: 16px; color: #333; } .zxq-con div:last-child{ font-size: 12px; color: #909090; } .qcyy-zs{ font-size: 12px; color: #909090; } .zxtj-info div{ margin: 1px 0; font-size: 14px; } .zbdj{ width: 98%; position: absolute; text-align: center; bottom: 16px; font-size: 0; left: 10px; z-index: 999; } .zbdj li{ height: 21px; width: 18%; display: inline-block; vertical-align: middle; } .mui-loading{ position: absolute; top: 50%; left: 50%; margin-top: -16px; margin-left: -16px; } .lin-sel-group li.active img{ display: inline-block; } .blue-column{ display: inline-block; width: 4px; height: 12px; background-color: #12b7f5; } .fa-angle-right{ position: absolute; right: 10px; font-size: 20px; color: #999; }