body {
    background: #03172B;
    color: #fff;
    font-size: 16px;
    font-family: "PingFang SC Regular", "Microsoft Sans Serif", 微软雅黑, 黑体, 宋体;
    overflow: hidden;
}
[v-cloak] {
    display: none !important;
}


::-webkit-scrollbar{ background:#03172B; width:5px; }
::-webkit-scrollbar:hover{ background:#298cb2; }
::-webkit-scrollbar-thumb{ background:#298cb2; height:20%; border-radius:1em; }
::-webkit-scrollbar-thumb:hover{ background:#298cb2; height:20%; border-radius:1em; }

.head_top {
    width: 100%;
    height: 78px;
   /* min-width: 1000px;*/
}
#home_step{float: left;
    background: url("../Images/top_title.png") no-repeat;
    margin: 0px auto;text-align: center;
    width: 530px;
}

#menuTy {
    height: 78px;
   /* border-bottom:1px solid #7D94AD;*/
    vertical-align: middle;
}

.nav-tabs>li>.list_menu>li{
   /* border: 0px;*/
   /* opacity: 4;*/
    border: 1px solid #46C0DA;
}
.nav-tabs>li>a{
    background:url("../Images/li.png") no-repeat;
    width: 180px;
    font-size: 18px !important;
    margin-right: 0px !important;
    border: none !important;
    background-size: 100%;
}
.nav-tabs>li.active>a,.nav-tabs>li.select>a,.nav-tabs>li.active>a:focus,.nav-tabs>li.active>a:hover {
    background: url("../Images/li_select.png") no-repeat;
    background-size: 100%;
    border: 0px;
    width: 180px;
    height: 59px;
    z-index: 12;
}
.nav-tabs>li>.list_menu>.active,.nav-tabs>li>.list_menu>li:hover
{
    border: 0px;
    width: 188px;
    height: 43px;
    z-index: 12;
    background-color: #1A5770;
    border: 1px solid #FAFAFA;
}
.nav-tabs>li>.list_menu>li>a{
    cursor: pointer; border-radius: 0px;  line-height: 40px;
    /*cursor: pointer; border-radius: 0px; color: #fff; height: 40px; line-height: 40px "data-toggle="tab;*/
    text-decoration: none;
    width: 100%;
    height: 100%;
    color: #fff;
    font-size: 16px !important;
    display: block;
}

.nav-tabs>li>.list_menu>li:first-child{
    margin-top: 5px;
    /* border-top-left-radius: 0px;
    border-top-right-radius: 0px; */
}
.nav-tabs>li .list-group-item {
    background: rgb(42, 144, 182);
    width: 188px;
    /*position: absolute;
    z-index: 100;
    color: #0b2e13;*/
}

.list_menu{
    margin-bottom: 0px;
}

.list_menu li{
    padding: 0px 0px;
    z-index: 9;
}

.square{
    position: absolute;
    top: 36px;
    left: 40%;
    display: inline-block;

    width:0;
    height:0;
    margin:0 auto;
    border: 12px solid transparent;
    border-bottom: 12px solid #FFFFFF;
    /* position: relative;position: absolute;height: 0;margin: 0 auto;border: 10px solid transparent;border-right: 14px solid #FFFFFF;left: 98px;top: 36px; */
}

.list-display{
    display:none;
    border: 0px;
    /* margin-top: 3px; */
}
.nav-tabs {
    border-bottom: 0px;
    margin-top: 19px;
    height: 69px;
}
.active {
    /* height: 60px; */
}
.nav-tabs>li>a:hover {
    background:url("../Images/li_select.png") no-repeat 0 0;
    color: #fff;
    border: 0px;
}


#userApp {
    text-align: center;
    height: 60px;
    color: #fff;
    line-height: 60px;
}

a {
    text-decoration: none;
    text-align: center;
}


.footer_fix {
    width: 100%;
    height: 50px;
    background-color: #222222;
    bottom: 0px;
    z-index:9999999 !important;
    position: fixed;
    color: white;
}

.tabs{padding: 0px;}
.tabs-header, .tabs-tool {
    background-color: #03172B;
}
.tabs-header {
    border:none;
}
.tabs li {
    background: url("../Images/tab_li.png") no-repeat;
    width: 135px;
    /* min-width: 135px; */
    height: 38px;
    font-size: 14px !important;
    margin-right: 0px !important;
    border: 0px;
}
.tabs li a.tabs-inner {
    width: 135px;
    height: 38px; border: 0px;
    background: url("../Images/tab_select.png") no-repeat;
    box-sizing: inherit;
}
.tabs li a.tabs-inner:hover {
    background: url("../Images/tab_select.png") no-repeat;
    filter: none;
}
.tabs li.tabs-first a.tabs-inner {
    width: 135px;
    height: 38px; border: 0px;
    background: url("../Images/tab_select.png") no-repeat;
    box-sizing: inherit;
}
.tabs li.tabs-selected a.tabs-inner {
    /* width: 135px; */
    height: 38px; border: 0px;
    background: url("../Images/tab_li.png") no-repeat;
    box-sizing: inherit;
}
.tabs li .tabs-title {
    font-size: 14px;
    color: #FFFFFF;
}
.tabs li .tabs-closable {
    padding-right: 8px;
}
.tabs li a.tabs-close {
    background: url(../Images/li_close.png) no-repeat  center;
    top:10px;
}
.tabs li a.tabs-close:hover{
    /* background:#fff;*/
}
.tabs-wrap { padding-left: -2px;}
.tabs-panels {border-width: 0px;}
.tabs-panels .panel-body {
    background-color: #03172b;
    /* margin: 0px 10px; */
}
.panel{background-color: #03172b;}


.main-table{color:#333333;font-size:14px;width:100%;text-align: center;}
.main-table .main-div{width:613px;height:461px;border-radius:4px;background-color: #FFFFFF;padding: 16px 15px;}
.main-table .div-time{float: right;text-align: center;line-height: 28px;}
.main-table .bold-font{font-size: 30px;font-weight: bold;}

div_url{
    width:90px;height: 26px;background-color: #E6FCFA;border-radius: 5px;float: left;text-align: center;line-height: 24px;margin-left: 5px;
    cursor: pointer;
}
.div_url a{color:#333333;
    font-size: 14px;}
.div_url :hover{text-decoration: underline;}

.main_top_left{
    width: 30%;height: 491px;border: 1px solid #0B4F5E;float:left; margin-bottom: 12px;
}
.main_top_right{
    width:69%;height: 491px;margin-left:10px; border: 1px solid #0B4F5E; float:right; margin-bottom: 12px;
}
.main_title{
    height: 41px;background: #123146;
}
.main_title_bg{
    background: url(../Images/yuandian.png) no-repeat right; text-align: left; 
    padding:10px 0 10px 15px; margin-right:15px;
    display: flex;
    /* justify-content: flex-start; */
}
.main_title_point{
    width: 5px; height: 5px; background: #46C0DA;
}
.main_title_font{
    font-size: 18px;
    font-family: SourceHanSansSC;
    font-weight: 500;
    color: #FFFFFF;
    line-height: 18px;
    padding-left:10px;
}
.main_title_right_font{
    font-size: 16px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #46C0DA;
}
.main_title_right_arrow{
    width:16px; height:24px; background: url(../Images/right_arrow.png) no-repeat center; background-size: 60%; margin-left:7px;
}


.main_bottom_left{
    width: 30%;height: 419px;border: 1px solid #0B4F5E;float:left;margin-bottom: 12px;
}
.main_bottom_center{
    width: 34%;height: 419px;border: 1px solid #0B4F5E;float:left;margin-left:18px;margin-bottom: 12px;
}
.main_bottom_right{
    width: 34%;height: 419px;border: 1px solid #0B4F5E;float:right;margin-left:10px;margin-bottom: 12px;
}
.main_top_content{
    width: 100%; text-align: center; padding:10px 20px; vertical-align: middle;
}
.main_top_content_right{
    width: 99%; text-align: center; padding:15px 20px; vertical-align: middle; margin-top:10px;
}
.main_top_content_right_bg{
    width:1263px; 
    height: 399px;
    background: url(../Images/sahngbiankuang.png) no-repeat center; 
    background-size: 100%;
    padding:8px 15px;
}
.main_top_content_right_rld_left{
    width:350px;float: left;
    vertical-align: middle;
    margin-top:6px;
    /* position: relative;
    z-index: 1; */
}
.main_top_content_right_rld_left_top{
    width:350px;
    height:230px;
    border-left: 1px solid #354555;
    border-top: 1px solid #354555;
    border-bottom: 1px solid #354555;
    /* border-right: 1px solid #354555; */
    float: left;
}
.main_top_content_right_rld_left_top_bg{
    width:350px; height:120px;
    background: url(../Images/xuanzhongkuang.png) no-repeat left;
    background-size: 100%;
    /* display:flex; justify-content:center; align-items:center; */
}
.main_top_content_right_rld_left_top_two{
    width:350px; height:110px;
}
.main_top_content_right_rld_left_down_bg{
    float: left; 
    background: url(../Images/kuang_fuhe.png) no-repeat center; 
    width:339px; 
    height: 133px; 
    margin-top:9px;
}
.main_content_home{
    display:flex; align-items:center;
    cursor: pointer;
}
.main_content_home1{
    display:table; align-items:center; margin-left:10px;
    cursor: pointer;
}
.main_content_home_title{
    color:#FFFFFF; font-size:16px; font-family:MicrosoftYaHei
}
.main_content_home_title_sm{
    color:#8794A2; font-size:14px; font-family:MicrosoftYaHei
}
.main_top_content_right_rld_right{
    margin-left:-10px;
    /* position: relative;
    z-index: 2; */
    float:left;
    width:888px;
    height: 385px;
    background: url(../Images/kuang.png) no-repeat center;
    background-size: 100%;
    padding: 30px 30px;
}

.el-input__inner{
    background-color: #051e37 !important;
    color:#fff;
    border: 1px solid #354555 !important;
}
.el-input__icon.el-input__icon{
    color:#3BC4D7
}



.main_bottom_content_right{
    /* width: 100%;
    text-align: center;
    vertical-align: middle;
    margin-left:5px; */
    /* margin-top:30px; */
    width: 99%; 
    text-align: center; 
    padding:15px 20px; 
    vertical-align: middle;
     margin-top:5px;
}

.main_bottom_content_right_left{
    width:290px; height:162px;border: 1px solid #354555; float: left;
}
.main_bottom_content_right_right{
    width:290px; height:162px;border: 1px solid #354555; float: right; margin-left:9px;
}
.top_line1{
    background: url(../Images/lan_1.png) no-repeat left; width:38px; height:3px; margin-top:20px; margin-left:15px;
}
.down_line1{
    background: url(../Images/lan_2.png) no-repeat right; width:38px; height:3px; margin-top:25px; margin-right:15px; float: right;
}
.top_line2{
    background: url(../Images/lan_3.png) no-repeat left; width:38px; height:3px; margin-top:20px; margin-left:15px;
}
.down_line2{
    background: url(../Images/lan_4.png) no-repeat right; width:38px; height:3px; margin-top:25px; margin-right:15px; float: right;
}
.top_line3{
    background: url(../Images/lan_5.png) no-repeat left; width:38px; height:3px; margin-top:20px; margin-left:15px;
}
.down_line3{
    background: url(../Images/lan_6.png) no-repeat right; width:38px; height:3px; margin-top:25px; margin-right:15px; float: right;
}
.top_line4{
    background: url(../Images/lan_7.png) no-repeat left; width:38px; height:3px; margin-top:20px; margin-left:15px;
}
.down_line4{
    background: url(../Images/lan_8.png) no-repeat right; width:38px; height:3px; margin-top:25px; margin-right:15px; float: right;
}
.left_data{
    font-size: 26px;font-family: Arial;font-weight: bold;color:#fff;
}
.drgd_main{
    position: relative; top:13%; padding-left:20px; height:90px; padding-top:10px;
}



.main_bottom_content_center{
    text-align: center;
    vertical-align: middle;
    margin-left:8px;
    margin-top:20px;
}
.main_bottom_content_top{
    width:627px; height:149px;border: 1px solid #354555; margin-bottom: 20px;
}
.main_bottom_content_bottom{
    width:627px; height:176px;border: 1px solid #354555;
}
.center_top_title_bg{
    width:44px; height:147px; background: #123146; float: left;
}
.center_bottom_title_bg{
    width:44px; height:174px; background: #123146;float: left;
}
.title_bg_icon{
    background: url(../Images/sanjiao.png) no-repeat left; width:8px; height:8px;
}
.main_bottom_content_top_title{
    font-size: 16px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #40B0FE;
    word-break:break-all; 
    letter-spacing:1em;padding:18px 14px;
}
.main_bottom_content_bottom_title{
    font-size: 16px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #40B0FE;
    word-break:break-all; 
    letter-spacing:1em;padding:30px 14px;
}
.content_font{
    font-size: 16px; font-family: Microsoft YaHei; font-weight: 400; color: #909CA8;
    line-height: 20px;
}

.hj_point{width: 5px;height: 5px;background-color: #ffffff;border-radius: 50%;float: left;margin-top: 10px; margin-right: 5px;}


.el-picker-panel {
    background-color: #03172B !important;
    color: white !important;
}
.el-picker-panel__icon-btn{
    color:#fff !important;
}
.el-date-picker__header-label{
    color:#fff !important;
}
.el-date-table th{
    color:#fff !important;
}
.el-input__inner{
    color:#fff !important;
}