@charset "UTF-8";

/***隐藏滚动条*/
::-webkit-scrollbar-thumb:horizontal {
    width: 0px;
    background-color: #CCCCCC;
    -webkit-border-radius: 0.375rem;
}
::-webkit-scrollbar-track-piece {
    background-color: #fff;
    -webkit-border-radius: 0;
}
::-webkit-scrollbar {
    width: 0px;
    height: 0.5rem;
}
::-webkit-scrollbar-thumb:vertical {
    height: 3.125rem;
    background-color: #999;
    -webkit-border-radius: 0.25rem;
    outline: 0.125rem solid #fff;
    outline-offset: -2px;
    border: 0.125rem solid #fff;
}
::-webkit-scrollbar-thumb:hover {
    height: 3.125rem;
    background-color: #9f9f9f;
    -webkit-border-radius: 0.25rem;
}

a:hover,
a:focus{
    text-decoration: none !important;
}

html{
    font-size: 16px;
}
body,.am-g{
    background-color: #081324;
    color: #fff;
}

a,p,h1,h2,h3,label,span,small{
    color: #fff;
}
a {
    color: #fff;
}

a:hover {
    color: #fff;
}

.no-padding{
    padding: 0;
}
.am-container{
    max-width: none;
}
.cockpit_head{
    height: 5vh;
    z-index: 3;
}
.cockpit_head p{
    font-size: 2rem;
    letter-spacing: .5rem;
}

.tab_ul{
    position: absolute;
    top: 0;
    left: 30vw;
    width: 30vw;
}
.tab_li{
    background-image: url("../img/tab_dark.png");
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: 100% 100%;
    height: 4.5vh !important;
    text-align: center;
    padding-top: 1%;
    font-weight: 600;
    font-size: 1.2rem;
    color: #A5A8AB;
}
.tab_active{
    background-image: url("../img/tab.png");
    color: #fff;
}
.tab_active:before{
    content: '';
    position: absolute;
    top: 4.5vh;
    bottom: auto;
    right: auto;
    height: .3rem;
    width: 2vw;
    background-color: #FFB877;
}

.item_head{
    width: 100%;
    height: 3vh;
    font-size: 1.2rem;
    font-weight: 400;
}

.item_border{
    background-image: url("../img/border.png");
    background-position: center bottom;
    background-size: 100% 100%;
    margin: .5rem 0;
}

.border_sc{
    background-image: url("../img/t_bg_1.png");
    background-repeat: no-repeat;
    background-size: 90% 90%;
    height: 12vh;
    text-align: center;
    background-position: center;
}

.sc_top{
    padding-top: 1rem;
    color: #6F7993;
}
.sc_info{
    padding-top: 1.5rem;
    color: #E8B68B;
    font-weight: 600;
    font-size: 1.4rem;
}
.sc_info small,.jy_info small,.fp_info small{
    font-size: .8rem;
}
.jy_info label{
    font-size: 1rem;
}
.jy_ul{
    text-align: center;
}
.jy_top{
    color: #93A8CD;
}

.jy_info{
    padding-top: 1rem;
    color: #E8B68B;
    font-weight: 600;
    font-size: 1.5rem;
}

.fp_info p{
    color: #8297CD;
    font-size: 1rem;
}

.fp_info span{
    color: #E8B68B;
    font-weight: 600;
    padding-left: 1rem;
    font-size: 1.5rem;
}

.sfzcll{
    padding-top: 1vh;
}
.sfzcll label {
    font-size: 1rem;
    word-break: keep-all;
    padding: 0.3rem;
    line-height: 1.2rem;
    font-weight:lighter;
}

.sfzcll_content{
    visibility: visible;
    overflow: hidden;
    position: relative;
    z-index: 2;
    left: 0;
    height: 20vh !important;
    width: 100%;
    margin-left: 0;
}
.sfzcll_box li{
    text-align: left;
    padding: .5rem 0;
    font-size:1rem;
}

.sfzcll_box li div{
    word-break: keep-all;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.changeBk{
    background-color:#0b1b33;
}

.center_left{
    position: absolute;
    left: 1vw;
    top: 10vh;
    width: 10vw;
}

.center_div{
    padding: 1rem 0;
}
.center_top{
    font-size: 1rem;
    font-weight: lighter;
    text-align: left;
    padding-left: 1rem;
}

.center_info{
    font-size: 1.5rem;
    padding: 1rem 0 0 3rem;
    text-align: left;
    color: #E8B68B;
}
.center_info small{
    color: #fff;
    font-size: .8rem;
}
.center_right{
    position: absolute;
    right: 0;
    top: 25vh;
    width: 8vw;
    font-size: .8rem;
}
.map_bg{
    background-image: url("../img/map_bg.png");
    background-repeat: no-repeat;
    background-size: contain;
    text-align: center;
    background-position: center;
}
.map_top{
    background-image: url("../img/map_top_r.png");
    background-repeat: no-repeat;
    background-size: 5vw 10vh;
    height: 10vh;
    text-align: center;
    background-position: center;
    padding: 4vh 2vw 0 1.5vw;
}

.map_bottom p,.map_top p,.map_sun p{
    color: #D3E1F2;
}
.map_top_active{
    background-image: url("../img/map_top.png");
}
.map_bottom{
    margin-top: .5rem;
    background-image: url("../img/map_bottom.png");
    background-repeat: no-repeat;
    background-size: 5vw 7.5vh;
    height: 7.5vh;
    text-align: center;
    background-position: center;
    padding: 1vh 2vw 0 1.5vw;
}

.map_sun{
    margin-top: .5rem;
    background-image: url("../img/map_sun.png");
    background-repeat: no-repeat;
    background-size: 5vw 13vh;
    height: 13vh;
    text-align: center;
    background-position: center;
    padding: 2vh 2vw 0 1.5vw;
}
.map_sun_active{
    background-image: url("../img/map_sun_r.png");
}
.map_bottom_active{
    background-image: url("../img/map_bottom_r.png");
}
.map_top_active p{
    color: #6AE278;
}

.map_bottom_active p{
    color: #ecd1cd;
}

.map_sun_active p{
    color: #e0c15b;
}
.map_top p:nth-child(2),.map_bottom p:nth-child(2),.map_sun p:nth-child(2){
    font-size: 1.1rem;
}

.ar_ul{
    padding: 2rem;
    text-align: left;
    letter-spacing: .2rem;
    font-size: 1rem;
    height: 90vh;
    overflow: hidden;
    overflow-y: scroll;
}
.ar_ul li{
    word-break: keep-all;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.ar_ul .new:before{
    content: url("../../img/zlt_ffx_4.png");
    padding-right: 1rem;
}
.ar_ul .old:before{
    content: url("../../img/zlt_ffx_3.png");
    padding-right: 1rem;
}
.xm_ul{
    padding-bottom: .6rem;
}
.xm_ul li{
    padding: 0 .2rem;
}
.xm_tl{
    background-image: url("../img/ul_title.png");
    background-repeat: no-repeat;
    background-size: cover;
    font-size: 1.2rem;
    text-align: center;
    letter-spacing: .2rem;
    color: #B7C4DB;
}
.xm_border{
    background-image: url("../img/li_border.png");
    background-repeat: no-repeat;
    background-size: contain;
    font-size: 1.2rem;
    text-align: center;
}

.xm_ul p{
    padding: .2rem 0;
    color: #B7C4DB;
    font-size: 1rem;
}

.xm_ul span{
    float: right;
    font-size: 1.3rem;
    color: #E8B68B;
}
.xm_ul small{
    font-size: .6rem;
    color: #434F5F;
}
.jy_ul_ti{
    background-image: url("../img/table_title.png");
    background-repeat: no-repeat;
    background-size: cover;
    padding: .5rem 0;
    text-align: center;
}
/**********************弹出框***************************/
.layui-table td, .layui-table th{
    font-size: 1rem !important;
}
.layui-layer-close{
    font-size: 1.2rem !important;
    color: #fff;
    background: unset !important;
}
.layui-layer-close:before
{
    content:"关闭";
}
.layui-layer-setwin a{
    width: auto !important;
    height: auto !important;
}
.layui-layer-setwin{
    top: .5rem !important;
}


#sy_hei{
    height: 22vh;
}
#container_2{
    height: 20vh;
}

@media screen and (min-height: 900px){

    #sy_hei{
        height: 26vh;
    }
    #container_2{
        height: 22vh;
    }

    .xm_tl,.xm_ul span,.fp_info p,.sc_top,.center_top{
        font-size: 1.5rem;
    }
    .sfzcll label,.sfzcll_box li{
        font-size: 1.2rem;
    }
    .map_top p:nth-child(2), .map_bottom p:nth-child(2) ,.map_sun p:nth-child(2){
        font-size: 1.6rem;
    }
    .map_top,.map_bottom,.map_sun{
        font-size: 1rem;
    }
    .center_info{
        font-size: 1.6rem;
    }
    .xm_ul small,.sc_info small, .jy_info small, .fp_info small{
        font-size: 1.2rem;
    }
    .xm_ul p{
        padding: .2rem 0;
        font-size: 1.3rem;
    }
    .jy_ul_ti{
        font-size: 1.3rem;
    }
}