.btn_left_time { position : relative; float : left; /* width : 50%; */ height : 1.6vw; text-align : left; line-height : 1.6vw; font-size : .8vw; color : #bcd3f5; letter-spacing: .1vw; cursor : pointer; margin-left: 3%; } .btn_left_tianq{ position : relative; float : left; width : 40%; height : 1.6vw; text-align : left; line-height : 1.6vw; font-size : .8vw; color : #bcd3f5; letter-spacing: .1vw; cursor : pointer; } .btn_right_time{ position : relative; float : right; /*width : 97%;*/ height : 1.6vw; text-align : right; line-height : 1.6vw; font-size : .8vw; color : #bcd3f5; letter-spacing: .1vw; cursor : pointer; margin-right: 3%; } .peoimg{ width: 2vw; margin-left: 3%; } .nav_ti { text-align: center; line-height: 1vw!important; color: #fff; font-size: 1.4vw; letter-spacing: .2vw; text-shadow: 0 6px 12px rgba(0,12,37,.82), 0 1px 0 #004c4e, 0 2px 0 #003435, 0 6px 16px rgba(0,220,228,.58), 1px -3px 12px #00e0ec; font-family: douyuFont; } .nav_mag { margin-top: 1vw; display: inline-block; } .nav_tit { font-size: 0.8vw; color: #FFFF90; display: block; line-height: 5px; letter-spacing: .2vw; margin-top: 1vw; font-weight: bold; text-shadow: 0 6px 12px rgba(0,12,37,.82), 0 1px 0 #004c4e, 0 2px 0 #003435, 0 6px 16px rgba(0,220,228,.58), 1px -3px 12px #00e0ec; } .baseBoxHjleft{ border: 1px solid #0169d0; position: relative; background: rgba(16, 45, 80, 0.8); box-shadow: inset 0px 0px 16px 0px rgba(0, 145, 255, 1); } .in2con_zlf{ position: absolute; top: 0; left: 0; } .in2con_zys{ position: absolute; top: 0; right: 0; } .in2con_zzx{ position: absolute; bottom: 0; left: 0; } .in2con_zyx{ position: absolute; bottom: 0; right: 0; } .sanguang{ position: absolute; top: -1.5vw; right: 15%; } .sanguangbt{ position: absolute; bottom: -1.5vw; right: 15%; } .sanguang2{ position: absolute; top: -1.5vw; right: 35%; } .sanguangbt2{ position: absolute; bottom: -1.5vw; right: 35%; } .in1con_lf_tit{ width: 100%; height: 3vw; text-align: center; overflow: hidden; position: relative; } .in1con_lf_titshow{ font-size: 1vw; color: #fff; text-shadow: 0px 2px 0px rgba(4,49,52,0.55); display: block; margin-top: 0.9vw; font-family: douyuFont; } .in1con_lf_titimg{ width: 50%; height: 0.9vw; position: absolute; top: 1.8vw; left: 25%; } .in1con_lf_tit_show{ font-size: 0.6vw; color: #0891a1; position: absolute; top:2.2vw; right: 3%; } .home_lcgk{ width: 80%; height: 7.4vw; margin: 0 auto; position: relative; overflow: hidden; } /* 定义滚动条样式 */ .home_lcgk::-webkit-scrollbar { width: 2px; height: 2px; background-color: rgba(4, 111, 220, 0.1); } /*定义滚动条轨道 内阴影+圆角*/ .home_lcgk::-webkit-scrollbar-track { box-shadow: inset 0 0 0px rgba(4, 111, 220, .5); border-radius: 10px; background-color: rgba(4, 111, 220, .5); } /*定义滑块 内阴影+圆角*/ .home_lcgk::-webkit-scrollbar-thumb { border-radius: 10px; box-shadow: inset 0 0 0px rgba(4, 111, 220, .8); background-color: rgba(4, 111, 220, .8); } .home_lcgk p { font-size: 0.8vw; color: #bcd3f5; line-height: 27px; text-indent: 2rem; } .in1con_lf_img{ width: 100%; overflow: hidden; margin-top: 1vw; } .in1con_lf_imglf{ width: 33.33%; float: left; } .in1con_lf_imgone{ width: 50%; margin-left: 25%; margin-bottom: 0.5vw; } .in1con_lf_imglf_tit{ display:block; font-size: 0.6vw; color: #fff; text-align: center; } .in1con_lf_imglf_num{ display:block; font-size: 0.5vw; color: #d8e714; text-align: center; } .in1con_lf_imglf_num_jix{ font-size: 1vw; font-weight: 300; font-family: HYChangLiSongKeBen; letter-spacing:0.1vw; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .qhhjcov{ width: 100%; height: 8.5vw; background: url(../image/qhbg.png)no-repeat; background-size: cover; overflow: hidden; } .qhhjcov_lf{ width: 33%; float: left; margin-top: 1vw; } .qhhjcov_lfimg{ margin-left: 10%; float: left; } .qhhjcov_lf_tit{ font-size: 0.7vw; color: #dbe8fb; padding-left: 3%; } .qhhjcov_time{ font-size: 0.8vw; color: #00f6ff; display: block; text-align: left; padding-left: 10%; } .sx_cov{ width: 100%; height: 6vw; margin: 0 auto; border: 1px solid rgba(69,233,248,0.41); border-radius: 0.5vw; margin-top: 1.5vw; /* box-shadow: inset 0px 0px 16px 0px rgba(11, 153, 173, 1); */ box-shadow: inset 0px 0px 16px 0px rgba(0, 145, 255, 1); cursor: pointer; } .sx_covtit{ font-size: 1vw; font-weight: bold; color: #fff; display: block; text-align: center; margin-top: 0.5vw; } .sx_cov_lt{ width: 33.33%; text-align: center; float: left; margin-top: 0.5vw; } .sx_cov_lt_tit{ font-size:0.8vw ; color: #ACC5E2; display: block; } .sx_cov_lt_num{ color:#00F6FF; font-size: 0.9vw; } .home_dlhj{ width: 88%; min-height: 30vh; margin: 0 auto; } /* .home_dlhj .el-carousel--horizontal .el-carousel__container{ min-height: 30vh; } */ .home_dlhj .layui-carousel{ background:none; } .home_dlhj .layui-carousel>[carousel-item]:before { position: absolute; content: '\e63d'; left: 50%; top: 50%; width: 0px; line-height: 1vw; margin: -0.5vw 0 0 -2.5vw; text-align: center; color: #c2c2c2; font-family: layui-icon!important; font-size: 30px; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: none; } .home_dlhj .layui-carousel{ background:none; } .home_dlhj .layui-carousel>[carousel-item]>*{ background:none; } .home_dlhj .layui-carousel>[carousel-item]:before { position: absolute; content: '\e63d'; left: 50%; top: 50%; width: 0px; line-height: 1vw; margin: -0.5vw 0 0 -2.5vw; text-align: center; color: #c2c2c2; font-family: layui-icon!important; font-size: 1.5vw; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: none; } .jczcov{ width: 100%; height:6vw; overflow: hidden; } .jczcov_lf{ width: 49%; height: 100%; float: left; margin-left: 1%; } .jczcov_lftit{ font-size: 0.8vw; color: #fff; display: block; text-align: center; margin-bottom: 0.3vw; } .jczimg{ width: 100%; height: 7vw; cursor: pointer; } .jczbtm{ width: 100%; height: 7vw; margin-top: 1vw; overflow: hidden; cursor:pointer; } .jczbtm_lf{ width: 33.3%; height: 3vw; float: left; overflow: hidden; margin-top: 0.6vw; } .tpimg{ width: 1.8vw; float: left; margin-top: 0.4vw; } .jczbtm_lf_rt{ width: 70%; float: right; } .jczbtm_lf_rttit{ display: block; text-align: left; font-size: 0.7vw; margin-top: 0.4vw; color: #fff; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .jczbtm_lf_rtnum{ display: block; text-align: left; font-size: 0.8vw; color: #27ddfe; } .jczbtm_lf_rtnum span{ font-size: 0.7vw; } .mywrcov{ width: 94%; height: 9vw; background: url(../image/mywr.png)no-repeat; background-size: cover; margin-left: 3%; position: relative; margin-bottom: 1.5vw; } .mywrcov_one{ width:33%; height: 4.5vw; position: absolute; top: 0.4vw; left: 3%; } .mywrcov_two{ width:33%; height: 4.5vw; position: absolute; top: 0.4vw; right: 3%; text-align: right; } .mywrcov_onetit{ font-size: 0.8vw; color: #fff; display: block; } .mywrcov_onenum{ font-size: 1.4vw; color:#cce21d ; display: block; } .mywrcov_onenumjx{ font-size: 1.4vw; } .mywrcov_three{ width:33%; height: 4.5vw; position: absolute; bottom: 0vw; left: 3%; } .mywrcov_four{ width:33%; height: 4.5vw; position: absolute; bottom: 0vw; right: 3%; text-align: right; } .mywrcovcen{ width:33%; height: 4.5vw; position: absolute; top: 2.4vw; left: 33%; text-align: center; } .mywrcovcen_tit{ font-size: 1.4vw; color: #5aff8b; display: block; margin-left: 3%; margin-top: 1vw; font-family: douyuFont; } .mywrcovcen_con{ font-size: 0.6vw; color:#fff; } .jcsssj{ width: 94%; height:4vw; margin: 0 auto; } .jcsssj_xian{ width: 0.9vw; height: 4vw; float: left; } .jcsssj_rt{ width: 94%; height: 3.4vw; background: #0c2139; float: right; overflow: hidden; cursor:pointer; } .jcsssj_rt_tit{ font-size: 0.8vw; display: block; width: 100%; overflow: hidden; color: #fff; margin-top: 0.2vw; margin-left: 1%; margin-bottom: 0.4vw; } .jcsssj_rt_time{ font-size: 0.8vw; display: inline-block; width: 28%; overflow: hidden; color: #fff; margin-top: 0.2vw; float: right; margin-top: 0.4vw; line-height: 1.5vw; } .jcsssj_rtbiao{ display: inline-block; font-size: 0.8vw; color: #fff; background:#46a385 ; border-radius: 0.2vw; padding: 0 0.2vw; margin-left: 2%; float: left; } .jcsssj_rt_num{ display: inline-block; font-size: 0.8vw; color: #48c944; margin-left: 10%; text-align: right; width: 60%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .jcsssj_rt_numsy{ display: inline-block; font-size: 0.8vw; color: #48c944; margin-left: 10%; text-align: right; width: 40%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .zlxg{ position: relative; } .zlxg_btm { width: 52%; height: 15vw; border: 1px solid #102d50; position: absolute; bottom: 0; left: 24%; background: rgba(16, 45, 80, 0.9); box-shadow: inset 0px 0px 16px 0px rgba(0, 145, 255, 1); } .zywr_lf_tit{ width: 100%; height: 3vw; overflow: hidden; position: relative; } .zywr_titshow{ font-size: 1vw; color: #fff; text-shadow: 0px 2px 0px rgba(4,49,52,0.55); margin-top: 0.9vw; float: left; margin-left: 3%; font-family: douyuFont; } .dataTypeEchart{ width: 53px; height: 31px; color: #fff; margin-top: 15px; line-height: 32px; background: rgb(14 44 63); border-radius: 0.4vw; border: 1px solid #4b677c; cursor: pointer; float: left; margin-left: 15px; padding: 0px; text-align: center; z-index: 500; position: absolute; } .dataTypeEchart2{ width: 66px; height: 32px; color: #fff; margin-top: 15px; line-height: 32px; background: rgb(14 44 63); border-radius: 0.4vw; border: 1px solid #4b677c; cursor: pointer; float: left; margin-left: 15px; padding: 0px; text-align: center; z-index: 500; position: absolute; left: 13px; top: 30px; .el-input__inner{ height:30px; background: #0e2e4f; } .el-input__icon{ height:36px; } } .zywr_titrt{ width: 25%; height: 3vw; float: right; line-height: 3vw; } .zywricon1{ width: 1vw; margin-top: 1vw; } .zywricon1_tit{ font-size: 0.7vw; color: #fff; margin-right: 4%; } .zlxg_btm .layui-tab .layui-tab-title li { width: 17%; height: 1.7vw; line-height: 1.7vw; margin-left: 2%!important; border-radius: 0.4vw; background: #0e2c3f; color: #fff!important; font-size: 8px!important; } .zlxg_btm .layui-this{ width: 19%; height: 1.7vw; margin-left: 2%!important; border-radius: 0.4vw; background: #0e2c3f; color: #fff!important; border: 1px solid #2fbdff; box-shadow: inset 0px 0px 16px 0px rgba(0, 145, 255, 1); } .zlxg_btm .layui-this:after { border: none!important; } .zlxg_btm .layui-tab .layui-tab-title { position: relative; left: 0; top: 0.4vw; height: 1.8vw; white-space: nowrap; font-size: 0; border-bottom-width: 0; border-bottom-style: solid; transition: all .2s; -webkit-transition: all .2s; } #chart1{height:12vw;} .scdlist{ width: 7vw; height: 2vw; margin-top: 0.4vw; line-height: 2vw; background: rgba(0,0,0,0.8); border-radius: 0.4vw; border: 1px solid #4b677c; /*position: absolute;*/ bottom: 16vw; left: 24%; cursor: pointer; } .scdlistpos{ width: 9vw; height: 2vw; line-height: 2vw; background: rgba(0,0,0,0.8); border-radius: 0.4vw; border: 1px solid #4b677c; position: absolute; bottom: 6vw; left: 3%; } .scdlist2pos{ width: 9vw; height: 2vw; line-height: 2vw; background: rgba(0,0,0,0.8); border-radius: 0.4vw; border: 1px solid #4b677c; position: absolute; bottom: 9vw; left: 3%; } .scdlist3pos{ width: 9vw; height: 2vw; line-height: 2vw; background: rgba(0,0,0,0.8); border-radius: 0.4vw; border: 1px solid #4b677c; position: absolute; bottom:12vw; left: 3%; } .scdlist4pos{ width: 9vw; height: 2vw; line-height: 2vw; background: rgba(0,0,0,0.8); border-radius: 0.4vw; border: 1px solid #4b677c; position: absolute; bottom:15vw; left: 3%; } .xcdimg{ width: 0.9vw; margin-top: 0.4vw; margin-left: 0.4vw; margin-right: 0.4vw; } .scdlist_tit{ font-size: 0.7vw; color: #fff; text-shadow: 2px 2px 0 #163796, -2px 2px 0 #163796, 2px -2px 0 #163796, -2px -2px 0 #163796; } .content .layui-layer{ z-index: 19891031; position: fixed; top: 5vw!important; left: 58%!important; } .jctc{ width: 17.5vw; height: auto; background: url(../image/jctc.png)no-repeat; background-size: 100% 100%; position: absolute; right: 0%; top: 0; } .jctcvban{ width: 90%; height: 9vw; margin: 0 auto; margin-top: 0.4vw; background: url(../image/jctc_banner.png)no-repeat; background-size: cover; margin-left: 5%; } .jctcvban1{ width: 90%; height: 9vw; margin: 0 auto; margin-top: 0.4vw; background: url(../image/jctc_banner1.png)no-repeat; background-size: cover; margin-left: 5%; } .jctctiao{ float: right; } .jctc_add{ height: 1vw; padding-left: 5%; margin-top: 0.6vw; } .jctcicon1{ width: 0.7vw; margin-top: 0.1vw; } .jctcvban_tit{ font-size: 0.7vw; color: #fff; margin-left: 2%; } .jctc_text{ padding: 0.1vw 0.4vw; border-radius: 0.2vw; display: inline-block; background: #46a385; margin-left: 0.8vw; margin-top: 0.6vw; color: #fff; } .ljjr{ width: 40%; margin-left: 30%; margin-top: 2vw; margin-bottom: 1vw; cursor: pointer; } .tctiimg{ position: absolute; left: 3%; top: 0.8vw; } .layui-tab-title span{ display: none; } /* .jcsssj_rt_up{ margin-top: 0.3vw; } */ .layui-layer-nobg{ z-index: 19891031; position: fixed; top: 5vw!important; left: 58%!important; } .guanbiann{ width: 2vw; height: 2vw; position: absolute; right: 2%; top: 1vw; cursor: pointer; } .logintc .el-dialog{ float: right!important; margin-top: 7.2vh!important; margin-right: 1%!important; border-radius: 0.4vw!important; background: #054059!important; text-align: center; } .logintc .el-dialog__body{ padding: 0px!important; } .infornameclas{ font-size: 0.8vw; color: #9DD1D7; font-weight: 600; display: block; text-align: center; padding: 0.6vw 0vw; border-bottom: 1px solid #018496!important; } .logintc{ position: relative; } .logintc_tc{ margin: 0.6vw 0vw; background: #08869C; border: none; width: 80%; } .tuichu{ width: 0.8vw; padding-right: 0.2vw; } .sanjiao{ position: absolute; right: 3%; top: -10px; width: 1vw; z-index: 33333; } /* 修改动画的大小 给文字加粗效果 */ .el-loading-spinner { background-image:url('../image/loading.gif'); background-repeat: no-repeat; background-size: 120px 120px; height:120px; width:100%; background-position:center; top:40%; } .el-loading-spinner .circular { /*隐藏 之前 element-ui 默认的 loading 动画*/ display: none; } .el-loading-spinner .el-loading-text{ /*为了使得文字在loading图下面*/ margin:150px 0px; } /* 修改文字的大小 */ .el-loading-mask .el-loading-spinner .el-loading-text { font-size: 20px; } .shouxing{ cursor: pointer; }