@charset "utf-8";
/* CSS Document */
body{width:100%;height:100%;overflow:hidden;position: fixed;top:0;left:0;right:0;bottom:0;}
*{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box}
*,body{padding:0px;	margin:0px;color: #222;font-family: "微软雅黑";}
@font-face{font-family:electronicFont;src:url(../font/DS-DIGIT.TTF)}
@font-face{font-family:LetsgoDigital_Regular;src:url(../font/LetsgoDigital_Regular.ttf)}
body{background:#03071B;color:#666;font-size:14px;}
li{ list-style-type:none;}
table{}
i{ margin:0px; padding:0px; text-indent:0px;}
img{ border:none; max-width: 100%;}
a{ text-decoration:none; color:#399bff;}
a.active,a:focus{ outline:none!important; text-decoration:none;}
ol,ul,p,h1,h2,h3,h4,h5,h6{ padding:0; margin:0}
a:hover{ color:#06c; text-decoration: none!important}

.clearfix:after, .clearfix:before{display:table;content: " ";}
.clearfix:after{clear: both;}
.pulll_left{float:left;}
.pulll_right{float:right;}
/*谷哥滚动条样式*/
::-webkit-scrollbar {width:5px;height:5px;position:absolute}
::-webkit-scrollbar-thumb {background-color:#5bc0de}
::-webkit-scrollbar-track {background-color:#ddd}

/***/

.head{height:85px;background:#03071B;background-size:100% 100%; position: relative; z-index: 100;padding-top: 20px;}
.head .title{height:50px;line-height:50px;position:relative;text-align:center;}
.head .title .cd_title_left{vertical-align:middle;height:15px;position:absolute;left:100px;top:30px;}
.head .title .cd_img_bg{vertical-align:middle;height:60px;position:absolute;left:50%;top:-2px;width: 900px;margin-left: -450px;}
.head .title .cd_title_right{vertical-align:middle;height:15px;position:absolute;right:20px;top:30px;}
.head .title .cd_title_left_calendar{vertical-align:middle;height:15px;position:absolute;right:60px;top:5px;color:#0FEBFF;font-size:20px;font-weight: 350;}
.head .title .cd_title_right_calendar_icon{vertical-align:middle;height:21px;position:absolute;right:35px;top:17.5px;}
.head .title span{color:#50FEC1;text-align: center;font-size:36px;margin:0;font-weight: bold;font-family: Source Han Sans CN;}
.weather{height:40px;}
.weather .setTxt1{color:#66C7FF; font-size:16px; padding-right:6px;z-index:100;line-height:50px;margin-left:30px;}
.weather .setTxt2{color:#66C7FF; font-size:16px; padding-right:6px;z-index:100;line-height:50px;margin-right:30px;}
.mainbox{padding:5px;padding-top:0;}
.mainbox{height:calc(100% - 85px);}
.mainbox>ul{width:100%;height:100%;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;}
.mainbox>ul>li{display:inline-block;width:100%;}

.mainbox>ul>li{height:calc(35%);}
.mainbox>ul>li:nth-child(1){width:100%;height:calc(65%);}
.mainbox>ul>li:nth-child(3){width:100%;height:10%;}
.mainbox .boxall{margin-right:5px;z-index:10;background:rgb(8,24,83);height: 100%;float: left;position: relative;}
.mainbox .boxall .item-title{position: absolute;left:15px;top:5px;color:#fff;font-size:20px;font-weight: 300;}
.mainbox .li1 .boxall:nth-child(1){width: calc(28% - 5px)}
.mainbox .li1 .left-top{position: absolute;left:0;top:0;height:40px;}
.mainbox .li1 .right-bottom-long{position: absolute;right:0;bottom:0;width:40px;}
.mainbox .li1 .boxall:nth-child(2){width: calc(45% - 5px)}
.mainbox .li1 .boxall:nth-child(3){width: 27%;margin-right: 0;}
.mainbox .li1 .inner-box{position:relative;}
.mainbox .li2 .boxall{width: calc(26.66% - 5px)}
.mainbox .li2 .boxall:nth-child(4){width: 20%;margin-right: 0;}
.mainbox .li2 .left-top{position: absolute;left:0;top:0;height:30px;}
.mainbox .li2 .right-bottom-long{position: absolute;right:0;bottom:0;width:30px;}
.mainbox .li3 .boxall{width:100%;}
.mainbox .li3 .left-top{position: absolute;left:0;top:0;height:40px;}
.mainbox .li3 .right-bottom-long{position: absolute;right:0;bottom:0;height:40px;}
/*.mainbox .liBox div:first-child{margin-top:5px;}*/
.mainbox .liBox .boxall{width:100%;}
.mainbox .liBox .alltitle{font-size:13px;color:#fff;text-align:center;padding:12px 0 0 12px;}
.mainbox .canvas{position:absolute;width:100%;left:0;top:0;height:99%;z-index:1;}
/*.mainbox .allnav{width:90%;margin-left:5%;height:calc(100% - 30px);}*/
.mainbox .allnav{width:90%;margin-left:5%;height:100%;padding-top:5px;}
.mainbox .liBox2 .allnav{width:90%;margin-left:5%;height:100%;padding-top:15px;}
.mainbox .liBox3 div:first-child .allnav{width:90%;margin-left:5%;height:100%;padding-top:10px;}
.mainbox .loading{position:fixed;left:0;top:0;font-size:18px;z-index:100000000;width:100%;height:100%;background:#1a1a1c;text-align:center;}
.mainbox .loadbox{position:absolute;width:160px;height:150px;color:#aaa;left:50%;top:50%;margin-top:-100px;margin-left:-75px;}
.mainbox .loadbox img{margin:10px auto;display:block;width:40px;}
.mainbox .copyright{background:rgba(19,31,64,0.32);border:1px solid rgba(255,255,255,0.05);line-height:0.5rem;text-align:center;padding-right:15px;bottom:0;color:rgba(255,255,255,0.7);font-size:0.16rem; }
.mainbox .liBox1 .boxall:first-child{height:33.333%;background:rgba(255,255,255,0.04);background-size:100% 100%;}
.mainbox .liBox1 .boxall:nth-child(2){height:33.333%;background:rgba(255,255,255,0.04);background-size:100% 100%;}
.mainbox .liBox1 .boxall:nth-child(3){height:33.333%;background:rgba(255,255,255,0.04);background-size:100% 100%;}
.mainbox .liBox1 .titBox1{height:31px;line-height:31px;font-size:14px;color:#fff;text-align:center;}
.mainbox .liBox2 .boxall:first-child{height:calc(66.667% + 5px);background:rgba(255,255,255,0.04) url(../images/middle1.png);background-size:100% 100%;}
.mainbox .liBox2 .bar{background:url(../images/head_bg.png);background-size:100% 100%;padding:5px;padding-top:0;width:86%;height:52px;margin-left:7%;}
.mainbox .liBox2 .barbox{width:100%;height:100%;}
.mainbox .liBox2 .barbox li:first-child{width:49%;height:42px;
 background: -webkit-radial-gradient(#127CE6,#0E60B3);
 background: -o-radial-gradient(#127CE6,#0E60B3);
 background: -moz-radial-gradient(#127CE6,#0E60B3);
 background: radial-gradient(#127CE6,#0E60B3);
 border:2px solid #00F6FF;color:#FFF;margin-top:5px;font-size:14px;line-height:42px;text-align:center;}
.mainbox .liBox2 .barbox li:nth-child(2){width:49%;height:42px;background:#0E60B3;color:#FFF;margin-top:5px;font-size:14px;line-height:42px;text-align:center;}
.mainbox .li1 .boxall .map4{width:96%;height:calc(100% - 60px);position: relative;z-index: 5;margin-left:2%;margin-top:50px;}
.mainbox .liBox2 .boxall{position:relative;z-index:9;}
.mainbox .liBox2 .boxall:nth-child(2){height:33.333%;background:rgba(255,255,255,0.04) url(../images/middle2.png);background-size:100% 100%;}

.mainbox .liBox3 .boxall{height:33.333%;background:rgba(255,255,255,0.04) url(../images/right1.png);background-size:100% 100%;}
.mainbox .liBox3 .boxall:nth-child(2){height:33.333%;background:rgba(255,255,255,0.04) url(../images/left2.png);background-size:100% 100%;}
.mainbox .liBox3 .boxall:nth-child(3){height:33.333%;background:rgba(255,255,255,0.04) url(../images/right1.png);background-size:100% 100%;}


.li1 .dataList{height:calc(100% - 5px);;width:100%;}
.li1 .subject{width:100%;height:32px;line-height:32px;overflow:hidden}
.li1 .subject ul{width:100%;height:32px;line-height:32px;}
.li1 .subject li{width:100%;height:32px;line-height:32px;}
.li1 .subject li > span:first-child{display:inline-block;float:left;width:8%;height:32px;line-height:32px;font-size:12px;color:#fff;text-align:center;}
.li1 .subject li > span{display:inline-block;float:left;width:26%;height:32px;line-height:32px;font-size:12px;color:#fff;text-align:center;}
.li1 .subject li .shengFen{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;vertical-align:-7px;display:inline-block;float:left;width:40%;height:32px;line-height:32px;font-size:12px;color:#fff;text-align:center;}
.li1 .myscroll{height:calc(100% - 32px);overflow:hidden}
.li1 .myscroll li{width:100%;height:30px;line-height:30px;}
.li1 .myscroll li > span:first-child{display:inline-block;width:8%;height:26px;line-height:26px;font-size:12px;color:#fff;text-align:center;}
.li1 .myscroll li > span{display:inline-block;width:26%;height:26px;line-height:26px;font-size:12px;color:#fff;text-align:center;}
.li1 .myscroll li > .shengFen{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;vertical-align:-7px;display:inline-block;width:40%;height:26px;line-height:26px;font-size:12px;color:#fff;text-align:center;}
.li1 .myscroll .radius{vertical-align:2px;display:inline-block;width:20px;height:20px;line-height:20px;font-size:12px;color:#fff;background:#1b8afa;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;}
.li1 .myscroll a { color: #fff; text-decoration: none;}
.li1 .myscroll a:hover { color: #ED5565; text-decoration: underline;}

.li3 .dataList{height:calc(100% - 5px);;width:100%;}
.li3 .subject{width:100%;height:32px;line-height:32px;overflow:hidden}
.li3 .subject ul{width:100%;height:32px;line-height:32px;}
.li3 .subject li{width:100%;height:32px;line-height:32px;}
.li3 .subject li > span:first-child{display:inline-block;float:left;width:8%;height:32px;line-height:32px;font-size:12px;color:#fff;text-align:center;}
.li3 .subject li > span{display:inline-block;float:left;width:9%;height:32px;line-height:32px;font-size:12px;color:#fff;text-align:center;}
/* .li3 .subject li .shengFen{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;vertical-align:-7px;display:inline-block;float:left;width:40%;height:32px;line-height:32px;font-size:12px;color:#fff;text-align:center;} */
.li3 .bottomscroll{height:calc(100% - 32px);overflow:hidden}
.li3 .bottomscroll li{width:100%;height:30px;line-height:30px;}
.li3 .bottomscroll li > span:first-child{display:inline-block;width:8%;height:26px;line-height:26px;font-size:12px;color:#fff;text-align:center;}
.li3 .bottomscroll li > span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;display:inline-block;width:9%;height:26px;line-height:26px;font-size:12px;color:#fff !important;text-align:center;}
/* .li3 .bottomscroll li > .shengFen{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;vertical-align:-7px;display:inline-block;width:40%;height:26px;line-height:26px;font-size:12px;color:#fff;text-align:center;} */
.li3 .bottomscroll .radius{vertical-align:2px;display:inline-block;width:20px;height:20px;line-height:20px;font-size:12px;color:#fff;background:#1b8afa;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;}
.li3 .bottomscroll a { color: #fff; text-decoration: none;}
.li3 .bottomscroll a:hover { color: #ED5565; text-decoration: underline;}

/* .li1 .dataList{height:100%;width:90%;margin:0 auto;margin-top:50px;}
.li1 .subject{width:100%;height:32px;line-height:32px;overflow:hidden}
.li1 .subject ul{width:100%;height:32px;line-height:32px;border:1px solid rgba(101, 124, 168, 1);}
.li1 .subject li{width:100%;height:32px;line-height:32px;}
.li1 .subject li > span:first-child{display:inline-block;float:left;width:0;height:32px;line-height:32px;font-size:12px;color:#fff;text-align:center;}
.li1 .subject li > span{display:inline-block;float:left;width:26%;height:32px;line-height:32px;font-size:12px;color:#fff;text-align:center;border-right:1px solid rgba(101, 124, 168, 1);}
.li1 .subject li .shengFen{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;vertical-align:-7px;display:inline-block;float:left;width:40%;height:32px;line-height:32px;font-size:12px;color:#fff;text-align:center;}
.li1 .myscroll{height:calc(100% - 32px);overflow:hidden}
.li1 .myscroll li{width:100%;height:30px;line-height:30px;}
.li1 .myscroll li > span:first-child{display:inline-block;width:8%;height:26px;line-height:26px;font-size:12px;color:#fff;text-align:center;}
.li1 .myscroll li > span{display:inline-block;width:26%;height:26px;line-height:26px;font-size:12px;color:#fff;text-align:center;}
.li1 .myscroll li > .shengFen{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;vertical-align:-7px;display:inline-block;width:40%;height:26px;line-height:26px;font-size:12px;color:#fff;text-align:center;}
.li1 .myscroll .radius{vertical-align:2px;display:inline-block;width:20px;height:20px;line-height:20px;font-size:12px;color:#fff;background:#1b8afa;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;}
.li1 .myscroll a { color: #fff; text-decoration: none;}
.li1 .myscroll a:hover { color: #ED5565; text-decoration: underline;}

.li1 .tableList{height:100%;width:96%;margin:0 auto;margin-top:20px;}
.li1 .table-list .list-title{width:100%;height:30px;line-height:30px;overflow:hidden;background-color:rgba(101, 124, 168, 1);}
.li1 .table-list .list-title ul{width:100%;height:30px;line-height:30px;border:1px solid rgba(101, 124, 168, 1);}
.li1 .table-list .list-title ul li{width:100%;height:30px;line-height:30px;} */

/* .bottomTable span{color:#fff;width:9%;display:inline-block;text-align:center;border-right:1px solid rgba(101, 124, 168, 1);}
.bottomTable span:last-child{width:10%;border-right:none;}
.topLeftTable span{color:#fff;width:33%;display:inline-block;text-align:center;border-right:1px solid rgba(101, 124, 168, 1);}
.topLeftTable span:last-child{width:34%;border-right:none;} */

/* .li3 .dataList{height:100%;width:96%;margin:0 auto;margin-top:15px;}
.li3 .subject{width:100%;height:32px;line-height:32px;overflow:hidden}
.li3 .subject ul{width:100%;height:32px;line-height:32px;border:1px solid rgba(101, 124, 168, 1);}
.li3 .subject li{width:100%;height:32px;line-height:32px;}
.li3 .subject li > span:first-child{display:inline-block;float:left;width:8%;height:32px;line-height:32px;font-size:12px;color:#fff;text-align:center;}
.li3 .subject li > span{display:inline-block;float:left;width:26%;height:32px;line-height:32px;font-size:12px;color:#fff;text-align:center;border-right:1px solid rgba(101, 124, 168, 1);}
.li3 .subject li .shengFen{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;vertical-align:-7px;display:inline-block;float:left;width:40%;height:32px;line-height:32px;font-size:12px;color:#fff;text-align:center;}
.li3 .myscroll{height:calc(100% - 32px);overflow:hidden}
.li3 .myscroll li{width:100%;height:30px;line-height:30px;}
.li3 .myscroll li > span:first-child{display:inline-block;width:8%;height:26px;line-height:26px;font-size:12px;color:#fff;text-align:center;}
.li3 .myscroll li > span{display:inline-block;width:26%;height:26px;line-height:26px;font-size:12px;color:#fff;text-align:center;}
.li3 .myscroll li > .shengFen{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;vertical-align:-7px;display:inline-block;width:40%;height:26px;line-height:26px;font-size:12px;color:#fff;text-align:center;}
.li3 .myscroll .radius{vertical-align:2px;display:inline-block;width:20px;height:20px;line-height:20px;font-size:12px;color:#fff;background:#1b8afa;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;}
.li3 .myscroll a { color: #fff; text-decoration: none;}
.li3 .myscroll a:hover { color: #ED5565; text-decoration: underline;} */

.mainbox2>ul>li{width:33.333%;}
.mainbox2>ul>li:nth-child(2){width:33.333%;padding:0;height:100%;}
.mainbox2 .liBox1 .boxall:first-child{height:33.333%;background:rgba(255,255,255,0.04) url(../images/left1.png);background-size:100% 100%;}
.mainbox2 .liBox1 .boxall:nth-child(2){height:33.333%;background:rgba(255,255,255,0.04) url(../images/left2.png);background-size:100% 100%;}
.mainbox2 .liBox1 .boxall:nth-child(3){height:33.333%;background:rgba(255,255,255,0.04) url(../images/right1.png);background-size:100% 100%;}
.mainbox2 .liBox2 .boxall:first-child{height:calc(50% + 2px);background:rgba(255,255,255,0.04) url(../images/middle1.png);background-size:100% 100%;}
.mainbox2 .liBox2 .boxall:nth-child(2){height:calc(50% + 2px);background:rgba(255,255,255,0.04) url(../images/middle1.png);background-size:100% 100%;}
.mainbox2 .liBox3 .boxall{height:calc(50% + 2px);background:rgba(255,255,255,0.04) url(../images/right1.png);background-size:100% 100%;}
.mainbox2 .liBox3 .boxall:nth-child(2){height:calc(50% + 2px);background:rgba(255,255,255,0.04) url(../images/left2.png);background-size:100% 100%;}

.boxfoot{position:absolute; bottom: 0; width: 100%; left: 0;}



@keyframes myfirst2
{
from {transform: rotate(0deg);}
to {transform: rotate(359deg);}
}

@keyframes myfirst
{
from {transform: rotate(0deg);}
to {transform: rotate(-359deg);}
}


/*Plugin CSS*/
.str_wrap{overflow:hidden;width:100%;position:relative;-moz-user-select: none;-khtml-user-select:none;user-select: none;white-space:nowrap;}


.str_move{white-space:nowrap;position:absolute;top:0;left:0;cursor:move;}
.str_move_clone{display:inline-block;vertical-align:top;position:absolute;left:100%;top:0;}
.str_vertical .str_move_clone{left:0;top:100%;}
.str_down .str_move_clone{left:0;bottom:100%;}
.str_vertical .str_move,
.str_down .str_move{white-space:normal;width:100%;}
.str_static .str_move,
.no_drag .str_move,
.noStop .str_move{cursor:inherit;}
.str_wrap img {max-width:none !important;}


/*post页面*/
/* .mainbox1>ul>li{width:30%;}
.mainbox1>ul>li:nth-child(2){width:40%;padding:0;height:100%;}
.mainbox1 .liBox1 .boxall:first-child{height:33.333%;background:rgb(8,24,83);background-size:100% 100%;}
.mainbox1 .liBox1 .boxall:nth-child(2){height:33.333%;background:rgb(8,24,83);background-size:100% 100%;}
.mainbox1 .liBox1 .boxall:nth-child(3){height:33.333%;background:rgb(8,24,83);background-size:100% 100%;}
.mainbox1 .liBox2 .boxall:first-child{height:calc(66.667% + 5px);background:rgb(8,24,83);background-size:100% 100%;}
.mainbox1 .liBox2 .boxall:nth-child(2){height:33.333%;background:rgb(8,24,83);background-size:100% 100%;}
.mainbox1 .liBox3 .boxall{height:calc(50% + 5px);background:rgb(8,24,83);background-size:100% 100%;}
.mainbox1 .liBox3 .boxall:nth-child(2){height:50%;background:rgb(8,24,83);background-size:100% 100%;}
.mainbox1 .liBox3 .boxall:nth-child(3){height:50%;background:rgb(8,24,83);background-size:100% 100%;}
.mainbox1 .liBox3 .boxall:nth-child(4){height:50%;background:rgb(8,24,83);background-size:100% 100%;}
.mainbox3>ul>li{width:50%;}
.mainbox3>ul>li:nth-child(2){width:50%;padding:0;height:100%;}
.mainbox3>ul>li .allnav{height:90%;}
.mainbox3 .liBox1 .boxall:first-child{height:99%;background:rgb(8,24,83) url(../images/left1.png);background-size:100% 100%;}
.mainbox3 .liBox2 .boxall:first-child{height:99%;background:rgb(8,24,83) url(../images/middle1.png);background-size:100% 100%;}
.mainbox1{}
.mainbox2{display:none;}
.mainbox3{display:none;} */

/*返回按钮*/
.box_btn{position:absolute;left:20px;}
.box_btn button{width:70px;height:34px;border:none;background:#127CE6;color:#fff;
 -webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;cursor:pointer;}
/*.footbox{height:calc(100% - 40px)/4;padding:5px;}*/

/* 分块的操作区 */
.boxall{
    position: relative;
}
.tool{
  position: absolute;
  right: 24px;
  top: 2px;
  z-index: 10000;
}
.tool-history{
  background: #0E60B3;
  color: #FFFFFF;
  padding: 4px 8px;
  border-radius: 4px;
  cursor:pointer;
  border: 2px solid #40bde2;
}

/* 弹窗样式 */
.layui-layer-title{
    background: rgb(72, 123, 194);
    color: #ffffff;
    border-bottom:1px solid #487bc2;
}


.mainbox .boxall .top-content{position: absolute;left:15px;top:5px;width: 100%;}
.mainbox .boxall .top-content .content{position: absolute; left: 50%; top: 0%; transform: translate(-50%, 0%); text-align: center;}
.mainbox .boxall .top-content .content .nationalnum{ color: #ffeb7b;font-size: 34px;font-family: LetsgoDigital_Regular;}
.mainbox .boxall .top-content .content .nationalText{ color: #b3b9d0;}