body{
    width: 100%;
    background-image: linear-gradient(0deg, 
		#030713 0%, 
		#053253 50%, 
		#020518 100%), 
	linear-gradient(#dcdcdc, #dcdcdc);
	background-blend-mode: normal, normal;
}
::-ms-clear, ::-ms-reveal{
    display: none;
}
.range{
    color: #fff;
    position: fixed;
    bottom: 10px;
    left: 10px;
    z-index: 1000;
}
.screenBtn{
    color: #fff;
    position: fixed;
    bottom: 10px;
    right: 10px;
    z-index: 1000;
}
#base {
    overflow: hidden;
    z-index: 2;
}
.header_title{
    position: fixed;
    top: 0;
    left: 20px;
    font-size: 60px;
    color: rgba(255, 255, 255, 0.56);
    margin: 0;
    padding: 0;
}
.footer_copyright{
    position: fixed;
    bottom: 0;
    left: 0;
    font-size: 16px;
    text-align: center;
    color: #fff;
    width: 100%;
    line-height: 60px;
}
.fullScreen{
    position: fixed;
    bottom: 40px;
    right: 40px;
    width: 60px;
    height: 60px;
    cursor: pointer;
    z-index: 3;
}
.exitFull{
    position: fixed;
    bottom: 40px;
    right: 40px;
    width: 60px;
    height: 60px;
    cursor: pointer;
    display: none;
}
.iconShow{
    display: block !important;
}
.iconHide{
    display: none !important;
}
.lfMenu_icon{
    position: fixed;
    top: 130px;
    left: 0;  
    /* cursor: pointer; */
}
.leftMenu{
    position: fixed;
    top: 0;
    left: -310px;
    width: 300px;
    height: 100%;
    background-color: rgba(4, 39, 69, 0.49);
	box-shadow: 1px 2px 2px 0px 
		rgba(1, 12, 70, 0.35);
    opacity: 0.7;
    box-sizing: border-box;
    -webkit-transition: left 0.35s;
    -moz-transition: left 0.35s;
    -ms-transition: left 0.35s;
    transition: left 0.35s;
    z-index: 2;
    /* visibility: hidden; */
}
.leftMenu_head{
    text-align: center;
    margin-top: 30px;
}
.body_restart{
    margin: 30px 0;
    line-height: 34px;
    text-decoration: none;
    display: block;
}
.body_restart span{
    font-size: 16px;
    color: #fffefe;
    line-height: 20px;
}
.body_restart img{
    margin: 0 10px 0 30px;
    vertical-align: text-bottom;
}
.list_active a span{
    /* color: #e41e2b; */
    /* color: #ff5f45; */
    color: #ffcc33;
}
.body_list{
    font-size: 16px;
    color: #fffefe;
    padding: 0;
    margin: 0;
}
.body_list .list_item{
    display: block;
    font-size: 16px;
    color: #fffefe;
    width: 100%;
    text-align: left;
    padding-left: 30px;
    line-height: 34px;
    box-sizing: border-box;
    overflow:hidden;
    list-style-type: none;
}
.list_item a{
    width: 100%;
    display: block;
    text-decoration: none;
}
.list_item img{
    width: 18px;
    height: 18px;
    vertical-align: super;
    margin-right: 10px;
}
.list_item span{
    display: inline-block;
    color: #fff;
    width: 88%;
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
}
.body_list .list_item:hover, .body_restart:hover{
    background-color: #014582;
}
@media screen and (max-width:1699px){
    span{
        font-size: 16px;
        line-height: 26px;
    }
}
@media screen and (max-width:1439px){
    .fullScreen{
        bottom: 30px;
        right: 30px;
    }
    .exitFull{
        bottom: 30px;
        right: 30px;
    }
    span{
        font-size: 14px; 
        line-height: 24px;
    }
    select, option{
        font-size: 12px !important;
        line-height: 20px;
    }
}
@media screen and (max-width:1265px){
    span{
        font-size: 12px;
        line-height: 20px;
    }
    .list_item img {
        width: 14px;
        height: 14px;
    }
}