html,
body,
#app {
width: 100%;
height: 100%;
margin: 0px;
padding: 0px;
box-sizing: border-box;
}
body {
background: #000 url(./img/bjgz.png) repeat;
background-size: 100%;
font-family: -apple-system, BlinkMacSystemFont, Segoe UI, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Helvetica Neue, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol
}
.header {
width: 100%;
height: 90px;
background-image: url(./img/header.png);
margin-bottom: 20px;
position: relative;
}
.left1 {
width: 521px;
height: 532px;
background: url(./img/left.png);
position: relative;
top: 5px;
left: -5px;
}
.upward_content {
position: absolute;
left: 144px;
top: 10px;
width: 310px;
height: 30px;
background: linear-gradient(84deg, #00A7FF 0%, rgba(0, 167, 255, 0) 100%);
margin-bottom: 5px;
overflow: hidden;
z-index: 99999;
}
.left2 {
position: relative;
left: -5px;
width: 521px;
height: 400px;
background: url(./img/new-bg.png);
margin-top: 10px;
}
.upward {
width: 90%;
height: 44px;
}
.profile-photo {
width: 150px;
height: 44px;
display: inline-block;
}
.job {
font-style: normal;
width: 54px;
height: 25px;
font-size: 18px;
font-family: PingFang SC;
font-weight: bold;
color: #01FDFF;
opacity: 1;
position: absolute;
top: 15px;
}
.left-line {
position: absolute;
top: 45px;
left: 20px;
width: 0;
height: 10px;
overflow: hidden;
-webkit-animation: rightline 1s linear infinite;
animation: rightline 1s linear infinite;
--width: 300px;
}
@-webkit-keyframes rightline {
0% {
width: 0
}
to {
width: var(--width)
}
}
@keyframes rightline {
0% {
width: 0
}
to {
width: var(--width)
}
}
.background-2 {
position: absolute;
top: 45px;
left: 340px;
}
.background-3 {
position: absolute;
top: 45px;
right: 330px;
}
.right-line {
position: absolute;
top: 45px;
right: 0;
width: 0;
height: 10px;
overflow: hidden;
-webkit-animation: rightline 1s linear infinite;
animation: rightline 1s linear infinite;
--width: 300px
}
.espbox_new {
color: #01fcff;
font-style: normal;
}
.middle {
width: 800px;
height: 935px;
position: absolute;
top: 15px;
left: 538px;
}
.mid1 {
background: url(./img/mid-3.png);
width: 800px;
height: 245px;
position: relative
}
.mid2 {
position: relative;
width: 800px;
height: 410px;
margin-top: 5px;
margin-bottom: 5px;
background: url(./img/mid-2.png);
}
.mid3 {
position: relative;
width: 800px;
height: 272px;
background: url(./img/mied-1.png);
}
#data {
position: absolute;
top: 10px;
right: 0px;
width: 310px;
height: 30px;
display: inline-block;
background: linear-gradient(84deg, #00A7FF 0%, rgba(0, 167, 255, 0) 100%);
line-height: 30px;
color: #FFFFFF;
font-size: 12px;
font-family: PingFang SC;
padding-left: 15px;
overflow: hidden;
}
#show {
width: 200px;
height: 25px;
position: absolute;
top: 95px;
left: 1610px;
font-family: PingFang SC;
font-weight: 400;
color: #01FDFF
}
.new {
font-style: normal;
color: #fff;
display: inline-block;
}
#show1 {
width: 141px;
height: 100%;
color: #01FDFF;
display: inline-block;
margin-left: 50px;
}
.separate {
width: 470px;
height: 1px;
position: absolute;
top: 60px;
right: 25px;
background: linear-gradient(117deg, #01FDFF 0%, #00A7FF 100%);
}
.gender {
width: 240px;
height: 220px;
position: absolute;
top: 70px;
left: 10px;
}
.salary-expectation {
width: 240px;
height: 220px;
position: absolute;
top: 295px;
left: 10px;
}
.education {
width: 240px;
height: 220px;
position: absolute;
top: 70px;
left: 260px;
}
.work-experience {
width: 240px;
height: 220px;
position: absolute;
top: 295px;
left: 260px;
}
.gender1 {
width: 120px;
height: 30px;
background: url(./img/Navigation-Mark.png) no-repeat;
position: absolute;
left: 10px;
top: 10px;
text-align: center;
font-size: 14px;
font-family: PingFang SC;
font-weight: 400;
line-height: 30px;
color: #FFFFFF;
}
.salary {
width: 120px;
height: 30px;
background: url(./img/Navigation-Mark.png) no-repeat;
position: absolute;
left: 10px;
top: 10px;
text-align: left;
font-size: 14px;
font-weight: 400;
line-height: 30px;
color: #FFFFFF;
padding-left: 20px;
}
.education1 {
width: 120px;
height: 30px;
background: url(./img/Navigation-Mark.png) no-repeat;
position: absolute;
left: 10px;
top: 10px;
text-align: center;
font-size: 14px;
font-family: PingFang SC;
font-weight: 400;
line-height: 30px;
color: #FFFFFF;
}
.tx_box {
width: 100%;
height: 190px;
}
#main {
width: 100%;
height: 160px;
}
#main1 {
width: 100%;
height: 160px;
}
#main2 {
width: 100%;
height: 160px;
}
#main3 {
width: 100%;
height: 160px;
}
#main7 {
width: 500px;
height: 190px;
/* background-color: pink; */
}
#main8 {
width: 100%;
height: 160px;
}
#main9 {
width: 100%;
height: 160px;
}
.bott {
position: absolute;
bottom: 10px;
left: 15px;
width: 100%%;
height: 10px;
background: url(./img/25.png);
-webkit-animation: upsanddowns 1s linear infinite;
animation: upsanddowns 1s linear infinite;
--height: 10px
}
.station {
position: absolute;
top: -2px;
left: 0px;
width: 100%;
height: 50px;
}
.fire {
position: absolute;
top: 5px;
left: 35px;
width: 40px;
height: 45px;
background: url(./img/439.png);
}
.hot {
font-style: normal;
width: 200 px;
height: 25px;
font-size: 18px;
font-family: PingFang SC;
font-weight: bold;
color: #01FDFF;
opacity: 1;
position: absolute;
top: 15px;
left: 75px;
}
.table-wrapper {
width: 100%;
height: 300px;
}
/* 表格内部颜色透明 */
.el-table,
.el-table__expanded-cell {
background-color: transparent !important;
color: #fff;
}
/* 表头颜色透明 */
.el-table th,
.el-table tr {
background-color: transparent !important;
}
.mid-box {
width: 100%;
height: 100%;
display: flex;
}
.mid-box1 {
width: 25%;
float: left;
box-sizing: border-box;
}
.mid-boxshow {
width: 112px;
margin: 15px auto 0;
position: relative
}
.mid-box_esp {
position: relative;
width: 112px;
height: 112px;
background: url(./img/esp_img.png) no-repeat 0 0;
background-size: cover;
border-radius: 50%;
text-align: center;
}
.espbox {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
height: 53px;
}
.espbox_n {
font-size: 20px;
color: #01fcff;
margin-bottom: 8px;
display: block
}
.espbox_p {
font-size: 12px;
color: #fff;
display: block
}
.esp-icon {
position: absolute;
top: 0;
left: 0;
-webkit-animation: Clockwiseratate 3s linear infinite;
animation: Clockwiseratate 3s linear infinite
}
.mid-box2 {
flex: 25%;
background: url(./img/round.png) no-repeat;
transform: translate(55px, 30px);
}
.mid-box3 {
flex: 25%;
background: url(./img/round.png) no-repeat;
transform: translate(55px, 30px);
}
.mid-box4 {
flex: 25%;
background: url(./img/round.png) no-repeat;
transform: translate(55px, 30px);
}
.cent {
font-style: normal;
position: absolute;
top: 30px;
left: 33px;
color: #03cab9;
}
.enterprise {
font-style: normal;
position: absolute;
top: 60px;
left: 45px;
color: #fff;
font-size: 12px;
}
.imger {
position: absolute;
top: 120px;
left: 6px;
background: url(./img/Decorative-Rib.png) no-repeat;
display: inline-block;
width: 100px;
height: 5px;
}
.newly-increased {
display: inline-block;
width: 130px;
height: 30px;
/* background-color: red; */
background: url(./img/5.png) no-repeat;
position: absolute;
top: 137px;
left: -5px;
color: rgba(255, 255, 255, 0.822);
text-align: center;
line-height: 30px;
font-size: 12px;
}
@-webkit-keyframes Clockwiseratate {
0% {
transform: rotate(0)
}
to {
transform: rotate(1turn)
}
}
@keyframes Clockwiseratate {
0% {
transform: rotate(0)
}
to {
transform: rotate(1turn)
}
}
.base {
position: absolute;
bottom: 10px;
left: 20px;
width: 95%;
height: 10px;
background: url(./img/25.png);
-webkit-animation: upsanddowns 1s linear infinite;
animation: upsanddowns 1s linear infinite;
--height: 10px
}
@-webkit-keyframes upsanddowns {
30% {
height: 0
}
80% {
height: var(--height)
}
}
@keyframes upsanddowns {
30% {
height: 0
}
80% {
height: var(--height)
}
}
::-webkit-scrollbar {
width: 5px;
height: 0
}
::-webkit-scrollbar-thumb {
background-color: #0ff
}
::-webkit-scrollbar-track {
background-color: #02adc5
}
.right {
position: absolute;
top: 15px;
left: 1347px;
right: 15px;
width: 521px;
height: 935px;
/* background-color: red; */
}
.right1 {
width: 521px;
height: 530px;
position: absolute;
top: 0px;
left: 0px;
margin-bottom: 8px;
/* background-color: rgba(3, 74, 202, 0.5); */
background: url(./img/left.png);
}
.right2 {
width: 521px;
height: 399px;
position: absolute;
top: 537px;
left: 3px;
background: url(./img/new-bg.png);
/* background-color: rgba(3, 74, 202, 0.5); */
}
#long {
position: absolute;
top: 0px;
right: -25px;
width: 321px;
height: 30px;
display: inline-block;
background: linear-gradient(84deg, #00A7FF 0%, rgba(0, 167, 255, 0) 100%);
line-height: 30px;
color: #FFFFFF;
font-size: 12px;
font-family: PingFang SC;
padding-left: 15px;
}
#show2 {
width: 150px;
height: 100%;
/* background-color: red; */
display: inline-block;
margin-left: 10px;
color: #01FDFF
}
.separate1 {
width: 760px;
height: 1px;
position: absolute;
top: 53px;
right: 15px;
background: linear-gradient(117deg, #01FDFF 0%, #00A7FF 100%);
}
#main4 {
width: 100%;
height: 220px;
/* background-color: rgba(3, 74, 202, 0.5); */
}
#main5 {
width: 100%;
height: 128px;
background-color: rgba(0, 81, 255, 0.3);
}
.mian5-1 {
display: inline-block;
position: absolute;
top: -2px;
left: 45px;
width: 150px;
height: 100%;
text-align: center;
}
.amount {
display: block;
line-height: 50px;
font-style: normal;
color: #fff;
font-size: 12px;
}
.number {
font-style: normal;
color: paleturquoise;
font-size: 25px;
display: inline-block;
}
.people {
font-style: normal;
color: #fff;
}
.register {
margin-top: 10px;
margin-left: 10px;
width: 130px;
height: 30px;
background: url(./img/5.png) no-repeat;
text-align: center;
line-height: 30px;
color: #fff;
}
.mian5-2 {
position: absolute;
top: 14px;
left: 235px;
display: inline-block;
width: 490px;
height: 80%;
display: flex;
/* background-color: red; */
}
.mian5-2-1 {
position: relative;
flex: 20%;
background: url(./img/round.png) no-repeat;
background-size: 70% 70%;
text-align: center;
line-height: 35px;
}
.mian5-2-2 {
position: relative;
flex: 20%;
background: url(./img/round.png) no-repeat;
background-size: 70% 70%;
text-align: center;
line-height: 35px;
}
.mian5-2-3 {
position: relative;
flex: 20%;
background: url(./img/round.png) no-repeat;
background-size: 70% 70%;
text-align: center;
line-height: 35px;
}
.mian5-2-4 {
position: relative;
flex: 20%;
background: url(./img/round.png) no-repeat;
background-size: 70% 70%;
text-align: center;
line-height: 35px;
}
.mian5-2-5 {
position: relative;
flex: 20%;
background: url(./img/round.png) no-repeat;
background-size: 70% 70%;
text-align: center;
line-height: 35px;
}
.word {
/* position: absolute;
top: 46px;
left: 28px; */
color: #fff;
font-size: 13px;
}
.cent1 {
font-style: normal;
/* position: absolute;
top: 18px;
left: 12px; */
color: #03cab9;
}
.deliver {
position: absolute;
top: 75px;
left: 10px;
font-style: normal;
color: #fff;
font-size: 13px;
}
.base1 {
position: absolute;
bottom: 10px;
left: 20px;
width: 95%;
height: 10px;
background: url(./img/25.png);
-webkit-animation: upsanddowns 1s linear infinite;
animation: upsanddowns 1s linear infinite;
--height: 10px
}
.job1 {
font-style: normal;
width: 200px;
height: 25px;
font-size: 18px;
font-family: PingFang SC;
font-weight: bold;
color: #01FDFF;
opacity: 1;
position: absolute;
top: 15px;
left: 55px;
}
.photo {
position: absolute;
top: 10px;
left: 5px;
}
.firm {
position: absolute;
top: 15px;
right: -25px;
width: 140px;
height: 20px;
}
.firm1 {
font-style: normal;
color: #fff;
font-size: 13px;
}
.firm2 {
font-style: normal;
color: #01FDFF;
}
#main6 {
width: 100%;
height: 240px;
/* background-color: pink; */
}
.base2 {
position: absolute;
top: 255px;
left: 20px;
width: 95%;
height: 10px;
background: url(./img/25.png);
-webkit-animation: upsanddowns 1s linear infinite;
animation: upsanddowns 1s linear infinite;
--height: 10px
}
.new1 {
color: #fff;
font-style: normal;
display: inline-block;
}
#show3 {
display: inline-block;
color: #01FDFF
}
.big-box {
position: absolute;
top: 65px;
left: 5px;
width: 521px;
height: 450px;
}
.boutto-box {
position: absolute;
bottom: 15px;
left: 5px;
width: 521px;
height: 250px;
display: flex;
}
.boutto-box1 {
flex: 50%;
}
.boutto-box2 {
position: relative;
flex: 50%;
}
.tx_hybox {
width: 100%;
}
.tx_rbox {
width: 100%;
}
.publish {
font-size: 12px;
font-style: normal;
color: #01FDFF
}
/* 修改表格的文字颜色 */
.el-table thead {
color: #fff !important;
}
.el-table {
color: #fff !important;
}
/* 修改鼠标经过表格的时候的颜色 */
.el-table--enable-row-hover .el-table__body tr:hover>td {
background-color: #034ACA !important;
}
/* 中间柱状图的背景颜色 */
.bgc {
position: absolute;
top: 65px;
left: 25px;
width: 755px;
height: 188px;
background-color: rgba(0, 81, 255, 0.3);
}
/* 去掉表格的横向指示线 */
table th,
table td {
border-bottom: none !important;
}
/* //去掉表格最下面的那一条线 */
.el-table::before {
height: 0px !important;
}
/* 各行变色的颜色修改 */
.el-table--striped .el-table__body tr.el-table__row--striped.el-table__row--striped.el-table__row--striped td {
background-color: rgba(3, 74, 202, 0.5);
/*替换为你需要的颜色，觉得优先级不够就加!important*/
}
.triangle {
position: absolute;
top: 10px;
left: 134px;
width: 0px;
height: 0px;
border-top: 30px solid #00A7FF;
border-right: 0px solid rgba(0, 0, 0, 0);
border-bottom: 0px solid rgba(0, 0, 0, 0);
;
border-left: 10px solid rgba(0, 0, 0, 0);
}
.separate-1 {
width: 260px;
height: 1px;
/* background-color: red; */
position: absolute;
top: 45px;
left: 32px;
background: linear-gradient(117deg, #01FDFF 0%, #00A7FF 100%);
}
.upward-1 {
width: 90%;
height: 44px;
position: absolute;
top: 6px;
left: 28px;
}
#roll-box {
width: 100%;
height: 100%;
/* background-color: red; */
}
#data-1 {
position: absolute;
top: -270px;
right: 0px;
width: 310px;
height: 300px;
background-color: transparent;
overflow: hidden;
z-index: 9;
}
#roll-box-1 {
width: 100%;
height: 100%;
background-color: red;
}
.str_move {
left: 10px !important;
}
.str_vertical .str_move,
.str_down .str_move {
height: 30px !important;
}
.triangle-1 {
position: absolute;
top: 10px;
left: 399px;
width: 0px;
height: 0px;
border-top: 30px solid #00A7FF;
border-right: 0px solid rgba(0, 0, 0, 0);
border-bottom: 0px solid rgba(0, 0, 0, 0);
;
border-left: 10px solid rgba(0, 0, 0, 0);
}
.send-job {
width: 65px;
height: 70px;
}
ul {
padding: 0;
}
/* 去掉小圆点 */
ul li {
list-style-type: none;
}
#nwedata {
width: 100%;
height: 30px;
background-color: transparent;
overflow: hidden;
z-index: 9;
display: none;
}
.str_move str_origin {
overflow: hidden;
}
.tablebox {
height: 300px;
overflow: hidden;
position: relative;
/* width: 1000px; */
/* background-color: rgba(6, 26, 103, 1); */
}
.tbl-header {
width: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 999;
}
.tbl-header-1 {
width: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 999;
}
.tbl-body {
width: 100%;
position: absolute;
top: 0;
left: 0;
}
.tbl-body-1 {
width: 100%;
position: absolute;
top: 0;
left: 0;
}
.tablebox table {
width: 100%;
}
.tablebox table th,
.tablebox table td {
height: 44px;
font-size: 14px;
color: #7ca6f4;
/* line-height: 45px; */
text-align: center;
}
.tablebox table tr th {
background-color: #1f1f9c;
cursor: pointer;
}
.tablebox table tr td {
background-color: transparent;
}
/* 隔行变色 */
.tbl-body tr:nth-child(even) td,
.tbl-body1 tr:nth-child(even) td {
background-color: rgba(3, 74, 202, .5);
}
.tbl-body-1 tr:nth-child(even) td,
.tbl-body1 tr:nth-child(even) td {
background-color: rgba(3, 74, 202, .5);
}
.tablebox table tr td span,
.tablebox table tr td span {
font-size: 24px;
}
.head {
height: 40px;
background-color: transparent;
}
.wordbody {
opacity: 0;
height: 300px;
overflow: hidden;
}
.data_header {
color: #fff;
background: url(./img/header.png) no-repeat top;
text-align: center;
min-height: 90px;
position: relative
}
.data_header_anme {
display: inline-block;
padding-top: 22px;
font-size: 26px;
font-weight: 550;
text-shadow: 2px 2px 5px #000000;
}
.data_left {
width: 25%;
float: left
}
.data_boxshow {
padding: 0px 10px;
}
.data_box {
border: 1px solid #01fdff;
background: rgba(3, 74, 202, 0.5);
position: relative;
border-radius: 30px;
}
.data_box_c_h {
height: 210px;
}
.data_boxiconl {
width: 78px;
height: 60px;
background: url(./img/icon_l.png) no-repeat;
display: inline-block;
position: absolute;
left: -1px;
top: -1px;
}
.data_boxiconrtop {
width: 78px;
height: 60px;
background: url(./img/icon_rtop.png) no-repeat;
display: inline-block;
position: absolute;
right: -1px;
top: -1px;
}
.data_boxiconlbot {
width: 78px;
height: 60px;
background: url(./img/icon_lbot.png) no-repeat;
display: inline-block;
position: absolute;
left: -1px;
bottom: -1px;
}
.data_boxiconrbottom {
width: 78px;
height: 60px;
background: url(./img/icon_rbot.png) no-repeat;
display: inline-block;
position: absolute;
right: -1px;
bottom: -1px;
}
.data_cont {
width: 50%;
float: left;
}
.data_right {
width: 25%;
float: left
}
.data_boxpd {
padding-top: 10px;
}
.data_box_cont {
width: 49%;
height: 190px;
display: inline-block;
position: relative;
padding-top: 50px;
vertical-align: top
}
.data_box_fb {
width: 100%;
height: 300px;
}
.data_boxtit {
width: 100%;
height: 40px;
border-bottom: 1px solid #01daed;
position: relative;
}
.data_boxtit_s {
padding-left: 50px;
line-height: 40px;
font-weight: bold;
color: #01FDFF;
}
.data_pd {
padding: 10px;
}
.data_boxtit_icon {
width: 40px;
height: 40px;
background: url(./img/rw.png) no-repeat;
background-SIZE: 100%;
display: inline-block;
position: absolute;
left: 5px;
top: 0px;
}
.data_boxtitgd {
width: 65%;
height: 27px;
line-height: 27px;
background: ;
position: absolute;
right: 0px;
top: 5px;
overflow: hidden;
background: linear-gradient(84deg, #00A7FF 0%, rgba(0, 167, 255, 0) 100%);
}
.hyfb {
width: 100%;
display: inline-block;
position: relative;
padding-top: 50px;
}
.qz_zc {
padding-top: 15px;
padding-bottom: 10px;
}
.qz_zc_b {
background: rgba(2, 57, 156, 0.5);
padding-top: 15px;
height: 190px;
}
.zc_box {
padding: 10px 10px 10px 190px;
position: relative;
background: rgba(2, 57, 156, 0.5);
margin-bottom: 15px;
}
.zc_box_left {
width: 190px;
position: absolute;
left: 0px;
top: 0px;
;
color: #fff;
text-align: center;
font-size: 14px;
}
.zc_box_leftname {
padding: 15px 0 5px 0px;
}
.zc_box_r_list {
width: 19%;
display: inline-block;
color: #fff;
font-size: 12px;
text-align: center;
}
.zc_box_r_q {
width: 70px;
height: 70px;
background: url(./img/esp_img.png) no-repeat 0 0;
background-size: cover;
border-radius: 50%;
text-align: center;
font-size: 12px;
margin: 0 auto 5px
}
.zc_box_r_n {
font-size: 16px;
color: #00d6f1;
display: block;
padding: 15px 0px 2px 0px;
}
.zc_box_leftz {
font-size: 24px;
color: #00d6f1;
}
.zc_box_leftCS {
padding-bottom: 5px;
}
.zc_box_leftxz {
width: 120px;
height: 25px;
line-height: 25px;
font-size: 12px;
;
background: url(./img/xz.png) no-repeat;
background-size: 100%;
text-align: center;
margin: 0 auto;
}
.zc_box_leftxz_n {
font-size: 16px;
}
.data_hotbox {
width: 100%;
height: 400px;
position: relative
}
.tx_boxxz {
transform: translate(-12px, 0px);
}
.data_box_height {
height: 530px;
}
.data_hotboxbor {
border: 1px solid #01fdff;
border-top: none;
background: rgba(3, 74, 202, 0.5);
border-radius: 0 0 30px 30px;
position: relative;
padding-left: 15px;
padding-right: 15px;
}
.data_hottit {
width: 100%;
height: 96px;
background: url(./img/hottop.png) no-repeat;
background-size: 100%;
overflow: hidden
}
.data_hottit_s {
width: 220px;
border-bottom: 1px solid #01FDFF;
display: block;
color: #01FDFF;
font-size: 16px;
font-weight: bold;
padding-left: 40px;
background: url(./img/hotjob.png) no-repeat left 10px;
padding-top: 15px;
padding-bottom: 5px;
}
.data_hottit_pd {
padding-left: 15px;
padding-right: 15px;
}
.data_hottable {
width: 100%;
color: #fff;
font-size: 14px;
}
.data_hottable tr th {
font-weight: normal
}
.data_hottable {
position: relative
}
.data_job_qs {
padding: 0px 15px;
}
.data_job_qs_tit {
border-bottom: 1px solid #01FDFF;
position: relative
}
.data_job_qs_s {
width: 220px;
color: #01FDFF;
font-size: 16px;
font-weight: bold;
padding-left: 50px;
background: url(./img/zpqs.png) no-repeat left 10px;
display: block;
padding-top: 15px;
padding-bottom: 5px;
}
.data_job_qs_n {
position: absolute;
right: 0px;
top: 15px;
color: #fff;
font-size: 14px;
}
.data_job_qs_n_c {
color: #01FDFF;
}
/*.widthbox{width: 1440px; height: 900px; transform: scale(1.33333);
position: fixed;
top: 0px;
left: 0px;
overflow: hidden;
transform-origin: left top;
z-index: 999;
}*/
.data_rightpr {
padding-right: 10px;
}
@media screen and (max-width:1440px) {}
#main2 {
width: 100%;
height: 130px;
}
#main1 {
width: 100%;
height: 130px;
}
#main3 {
width: 100%;
height: 130px;
}
#main8 {
width: 100%;
height: 130px;
}
#main9 {
width: 100%;
height: 130px;
}
#main7 {
width: 100%;
height: 150px;
}
.data_box_height {
height: 450px;
}
.tx_box {
height: 150px;
}
.data_box_cont {
height: 150px;
}
.data_hottable {
width: 100%;
color: #fff;
font-size: 12px;
}
.data_hottable tr th {
font-weight: normal;
font-size: 12px;
}
.data_hottable_gw {
width: 150px;
}
.data_hottit {
height: 72px;
}
.table-wrapper {
height: 260px;
}
.tablebox {
height: 260px;
}
.qz_zc_b {
height: 140px;
}
#main4 {
height: 180px;
}
.main6box {
height: 160px;
}
#main6 {
height: 180px;
}
.data_box_c_h {
height: 200px;
}
.mid-box_esp {
width: 100px;
height: 100px;
}
.esp-icon {
width: 100px;
height: 100px;
}
.imger {
top: 110px;
left: 0px;
}
.newly-increased {
top: 130px;
}
.mid-boxshow {
width: 100px;
}
.data_boxtitgd {
display: none;
/*display: block;*/
}
/*滚动样式开始*/
.rollscroll ul li {
list-style: none;
width: 100%;
}
.rollscroll {
/*border:1px solid red;*/
width: 62%;
height: 26px;
line-height: 26px;
overflow: hidden;
background: linear-gradient(84deg, #00A7FF 0%, rgba(0, 167, 255, 0) 100%);
float: right;
margin: 8px 5px;
}
.rollscroll li {
height: 26px;
font-size: 13px;
color: #fff;
padding-left: 10px;
}
/*2*/
.rollscroll2 ul li {
list-style: none;
width: 100%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.rollscroll2 {
/*border:1px solid red;*/
width: 73%;
height: 26px;
line-height: 26px;
overflow: hidden;
background: linear-gradient(84deg, #00A7FF 0%, rgba(0, 167, 255, 0) 100%);
float: right;
margin: 8px 5px;
}
.rollscroll2 li {
height: 26px;
font-size: 13px;
color: #fff;
padding-left: 10px;
}
/*3*/
.rollscroll3 ul li {
list-style: none;
width: 100%;
}
.rollscroll3 {
/*border:1px solid red;*/
width: 68%;
height: 26px;
line-height: 26px;
overflow: hidden;
background: linear-gradient(84deg, #00A7FF 0%, rgba(0, 167, 255, 0) 100%);
float: right;
margin: 8px 5px;
}
.rollscroll3 li {
height: 26px;
font-size: 13px;
color: #fff;
padding-left: 10px;
}
/*结束*/
.tablebox table th,
.tablebox table td {
height: 34px;
font-size: 14px;
color: #7ca6f4;
text-align: center;
}
.head {
height: 30px;
}
.data_boxtit_s,
.data_hottit_s,
.data_job_qs_s {
font-size: 15px;
}
.zc_box_leftname {
font-size: 12px;
}
}
@media screen and (max-width:1440px) {
#main2 {
width: 100%;
height: 130px;
}
#main1 {
width: 100%;
height: 130px;
}
#main3 {
width: 100%;
height: 130px;
}
#main8 {
width: 100%;
height: 130px;
}
#main9 {
width: 100%;
height: 130px;
}
#main7 {
width: 300px;
height: 150px;
}
.data_box_height {
height: 450px;
}
.tx_box {
height: 150px;
}
.data_box_cont {
height: 150px;
}
.data_hottable {
width: 100%;
color: #fff;
font-size: 12px;
}
.data_hottable tr th {
font-weight: normal;
font-size: 12px;
}
.data_hottable_gw {
width: 150px;
}
.data_hottit {
height: 72px;
}
.table-wrapper {
height: 260px;
}
.tablebox {
height: 260px;
}
.qz_zc_b {
height: 140px;
}
#main4 {
height: 180px;
}
.main6box {
height: 160px;
}
#main6 {
height: 180px;
}
.data_box_c_h {
height: 200px;
}
.mid-box_esp {
width: 100px;
height: 100px;
}
.esp-icon {
width: 100px;
height: 100px;
}
.imger {
top: 110px;
left: 0px;
}
.newly-increased {
top: 130px;
}
.mid-boxshow {
width: 100px;
}
.data_boxtitgd {
display: none;
}
.tablebox table th,
.tablebox table td {
height: 34px;
font-size: 14px;
color: #7ca6f4;
text-align: center;
}
.head {
height: 30px;
}
.data_boxtit_s,
.data_hottit_s,
.data_job_qs_s {
font-size: 15px;
}
.zc_box_leftname {
font-size: 12px;
}
}
}