﻿@charset "utf-8";
#canvas{position: absolute;z-index: 2;top: 0;left: 0;}
.u-border{border: 1px solid #00b1ff}
/***头部 on***/
.m-dataContainer{position: relative;}
.is-header{position: absolute;top: 0;left: 0;}
.is-header .u-logo{position: absolute;left: 30px;top: 25px;z-index: 22;}
.is-header img.gif{display: block;max-width: 100%;margin: 0 auto;}
/***头部 end***/
/**main on**/
.m-container{position: absolute;left: 0;width: 100%;    z-index: 22;}
.is-main{background: #161c50;    width: 84%;margin: 0 auto;}
.m-box1{width: 100%;border: 1px solid #00b1ff;   height: 46rem;}
.g-fwltj{height: 100%;padding: 8.5rem 2.6rem 4.4rem;background-color: #121746}
#drawDJZZT,#lineDJZZT{height: 100%;}
.u-small-bottom{left: -3px;bottom: -2px;background: #161c50;}
.u-small-top{/*background: url(../images/pic-small-top.jpg) left center no-repeat;*/width: 26rem; height: 22px;position: absolute;     top: -2px;left: -2px;padding-left: 40px;}
.u-small-top span{display: inline-block;padding: 0 56px;height: 42px;line-height: 42px;background: #0d467e;font-size: 22px;color: #ffffff;font-weight: bold;}
.u-small-bottom-right{right: 0;bottom: -1px;}


.m-city,.m-depart,.m-counties{width: 33.33%;float: left;}
.g-city,.g-depart,.g-counties{height: 32.5rem;background: #121745;}
.u-pop-top{ height: 42px; top: -11px;position: absolute; left: -1px;font-size: 0;}
.u-pop-top span{cursor: pointer;}
.u-pop-top .u-text{    float: left;overflow: hidden;word-wrap: normal;white-space: nowrap; text-overflow: ellipsis;margin-top: 10px;display: inline-block;height: 42px;line-height: 42px;background: #0d467e;font-size: 22px;color: #ffffff;font-weight: bold;/*width: 15vw;*/text-align: center;       padding: 0 25px;}
.u-pop-top-news .u-wid-140{    width: auto;    float: left;    padding: 0 25px;}
.u-pop-top-news .u-notice{ background: url(../images/bg-bar.png) left center no-repeat;    background-size: 100% 100%;font-size: 22px;color: #ffffff;font-weight: bold;    float: left; margin-top: 10px;height: 42px;line-height: 42px;        padding: 0 25px 0 25px;}
.u-xs-txt{font-size: 18px;color: #fff;font-weight: bold;margin-bottom: 10px;}
.m-ranking{margin-top: 6rem; padding: 0 2.5rem; }
.m-rankingNav{box-shadow: 0px 0px 3px #124176 inset;width: 100%;height: 42px; line-height:42px;    padding: 0 20px;border:1px solid #124176;}
.m-rankingNav .u-rank{width: 46%;}
.m-rankingNav span{color: #00b1ff;font-size: 14px;display: inline-block;}

.m-tableNormal{height: 114px;overflow: hidden;}
.m-tablebox .m-tableTop{background: url(../images/bg-number.png) 0 13px no-repeat;}
.m-tablebox ul.m-tableTop,.m-tableNormal{margin: 0 30px;}
.m-tablebox ul li{line-height: 38px;height: 38px;overflow: hidden;}
.m-tablebox ul li a{display: block;color: #ffffff;font-size: 14px;overflow: hidden;word-wrap: normal;white-space: nowrap; text-overflow: ellipsis;}
.m-tablebox .m-tableTop li a{    display: block;    padding-left: 45px;}
.m-tableNormal ul li span{     float: left;  margin-top: 12px; display: inline-block; width: 14px; height: 14px;line-height: 14px;color: #fff;font-size: 12px;text-align: center;}
.m-tableNormal ul li a{padding-left: 31px;}

.m-tablebox ul li i{ float: right;padding-left: 10px;       padding-right: 45px;font-size: 14px;color: #ff9600; height: 42px;line-height: 42px;}
.m-rankingNav2 ul li i{padding-right: 22px;}
.m-toall ul li{height: 80px;     border: 1px solid #124f86;    box-shadow: 0px 0px 3px #124f86 inset;text-align: center;padding: 12px 0;margin-bottom: 10px;transition: all 5s linear;}
.m-toall ul li div{display: block;line-height: 30px;font-size: 16px;color: #ffffff;}
.m-toall ul li span{display: block;line-height: 26px;font-size: 16px;color: #ffffff;}
.m-toall ul li .u-blue{color: #24b9dd;}
.m-toall ul li .u-yellow{color: #ffc36c;}
.m-toall ul li{position: relative;}
.m-toall ul li a{display: block;}
/*.m-toall ul li a:hover{border: 1px solid #ffc36c;    box-shadow: 0px 0px 4px #ffc36c inset;}*/
.m-toall ul li a:before,.m-toall ul li a:after{content:"";display:block;width: 0;height:0;border:1px solid transparent;box-sizing: border-box;position: absolute;}
.m-toall ul li a:before{top:0;left:0;transition: border-color 0s ease-in 0.8s,width 0.2s ease-in 0.6s,height 0.2s ease-in 0.4s;}
.m-toall ul li a:after{right:0;bottom:0;transition: border-color 0s ease-in 0.4s,width 0.2s ease-in 0.2s,height 0.2s ease-in ;}
.m-toall ul li:hover a:before{width:100%;height:100%;transition:width 0.2s ease-in ,height 0.2s ease-in 0.2s;border-top-color:#ffc36c; border-right-color:#ffc36c; }
.m-toall ul li:hover a:after{width:100%;height:100%;transition: border-color 0s ease-in 0.4s,width 0.2s ease-in 0.4s,height 0.3s ease-in 0.6s;border-bottom-color:#ffc36c;  border-left-color:#ffc36c; }


.u-uit{margin-top: 50px;font-size: 18px;color: #00b1ff;margin-bottom: 27px;}

#lineNum{height: 280px;}

.m-weiboNum ul li{display: inline-block;background: none;    font-size: 0;}
.m-weiboNum span{color: #00b1ff;font-size: 18px;font-weight: bold;}
.m-progress{margin-top: 35px;}
.m-progress ul li{line-height: 24px;}
.m-progress ul li a{display: block;}
.m-progress ul li span{float: left;padding-right: 14px;    display: inline-block;width: 154px;text-align: right;overflow: hidden;}
.m-progress ul li i{float: right;padding-left: 14px;color: #1ae8da;font-size: 12px;    min-width: 60px;text-align: left;}
.progress{padding: 3px;display: block;border: 1px solid #19c2ce;border-radius: 10px;height: 24px;background: none;max-width: 70%;}
.progress-bar{border-radius: 8px; line-height: 16px; width: 10%; background-color: #a8d8b8;box-shadow: none;height: 16px; 
	background: -webkit-linear-gradient(left, #a6d9b9, #a0d9ba, #72dec5, #25e6d7);

   background: -o-linear-gradient(left,#a6d9b9, #a0d9ba, #72dec5, #25e6d7);

   background: -moz-linear-gradient(left,#a6d9b9, #a0d9ba, #72dec5, #25e6d7);

   background: -ms-linear-gradient(left,#a6d9b9, #a0d9ba, #72dec5, #25e6d7);
  filter:progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#a6d9b9,endColorStr=#25e6d7);

  -moz-border-radius: 8px;position: relative; -webkit-animation: animate-positive 2s; -moz-animation: animate-positive 2s; animation: animate-positive 2s;
}
@-webkit-keyframes animate-positive{
  0% {width: 0;}
}
@-moz-keyframes animate-positive{
  0% {width: 0;}
}
@keyframes animate-positive{
  0% {width: 0;}
}
/**main end**/
/*.is-footer{margin-top: -35px;}*/
/*.m-footer{margin-bottom: 60px;}*/
.m-ftfuns{line-height: 30px;}
.m-ftfuns,.m-ftfuns a{color: #e5e5e5; font-size: 14px;}
.m-copyright p{line-height: 30px;}
.m-copyright p,.m-copyright p a{color: #e5e5e5; font-size: 14px;}
.m-copyright p img{vertical-align: middle;}
#_ideConac{    position: absolute;left: 0;top: 56px;}
#_span_jiucuo{position: absolute;     left: 80px;top: 66px;}
.u-jbzx{  right: 0; top: 56px;  }
/*media query*/
/*large pcScreen*/
@media (min-width:1600px) {

}

@media (max-width:1599px) and (min-width:1200px) {
.u-pop-top .u-text{font-size: 18px;}
.u-pop-top .u-notice{font-size: 18px;    padding: 0 0 0 15px;}
.u-pop-top-news .u-wid-140{    width: 7.3vw;    float: left;}
 #_ideConac{left: 50px;}
 /* #_span_jiucuo{right: 25px;} */
 .u-jbzx{right: -20px;right: -116px;}
 .u-pop-top .u-text{padding: 0 5px;}
 .m-ranking{padding: 0 1.5rem;}
}
@media (min-width:1200px) {
.u-height-745{height: 745px;}
.u-height-437{height: 437px;}
.u-height-497{height: 497px;}
.u-height-410{height: 410px;}
.m-rankPieTop{margin-top: 65px;}

}
/*medium pcScreen lg*/
@media screen and (max-width: 1199px) {

.u-pop-top .u-text,.u-pop-top .u-notice{font-size: 16px;}
.g-city, .g-depart, .g-counties{height: auto;}
.u-pop-top-news .u-notice{ padding: 0 0 0 15px;}
.u-pop-top-news .u-wid-140{    /*width: 7.3vw;  */  float: left;}
.m-tabstyle2 li{margin-bottom: 10px;}
#_ideConac{display: none;}

.u-pop-top .u-text{padding: 0 5px;}
}
/*pad md*/
@media screen and (max-width: 991px ){
 .m-city,.m-depart,.m-counties{width: 100%;float: none;}
.f-mb60 {margin-bottom: 30px;}
.g-city, .g-depart, .g-counties{height: auto;}
.m-ranking{margin-top: 60px;}
/*.u-pop-top .u-text{    width: 200px;}*/
.f-row-margin{margin: 0;}

}
/*phone sm*/
@media screen and (max-width: 767px) {
.u-pop-top-news .u-wid-140{padding: 0 5px;}
.m-ranking{    padding: 0 1.5rem;}
.m-tablebox ul li i{padding-right:0;}
}