/* 头部 */
.wrap {
    width: calc(100% - 30px);
    height: calc(100% - 140px);
    padding: 0 15px;
}

.back_home{
    width: 42px;
    height: 39px;
    background-position: -34px -1px;
    margin: 15px 0 0 0px;
    left: 24px;
    position: absolute;
    cursor: pointer;
}
.headListWord{
    display:inline-block;
    width:170px;
    overflow:hidden; /*超出的部分隐藏起来。*/
    white-space:nowrap;/*不换行*/
    text-overflow:ellipsis;/*超出文本以省略号显示 */
}
.yearbox {
    width: 142px;
    height: 42px;
    text-align:left;
    margin-left: 100px;
    margin-top:14px;
    color: #fff;
    position: relative;
    border-radius:5px;
    box-shadow: 0px 0px 8px #20D8FF inset;
    z-index:99999999;
}
.yearbox p{
    width:100%;
    height:42px;
    text-indent:12px;
    line-height:42px;
    border-radius:3px;
    font-size:18px;
}
.yearbox p i{
    width: 14px;
    height: 10px;
    background-position: -341px 0px;
    vertical-align: middle;
    margin-top: 16px;
    margin-right:10px;
}
.yearbox ul{
    width:100%;
    background: #0d0627;
    box-shadow: 0px 0px 10px #165fac inset;
    padding: 6px 0;
    border-radius: 0 0 5px 5px;
    position: absolute;
    top: 42px;
    left:0px;
    z-index: 999;
}
.yearbox ul li{
    line-height:40px;
    padding-left:14px;
}
.yearbox ul li a{
    color:#fff;
    font-size:18px;
}
.yearbox ul li:hover>a,.yearbox ul li.act>a{
    color:#20D8FF;
}
.headTitle{
    width: 650px;
    height:40px;
    line-height: 40px;
    text-align: center;
    color: #01D8FF;
    font-size: 26px;
    letter-spacing: 3px;
    position:absolute;
    top:8px;
    left:50%;
    margin-left:-325px;
}
.headTitleLine{
    position:absolute;
    left:50%;
    bottom:10px;
    width:650px;
    height:26px;
    margin-left:-325px;
    line-height:26px;
    text-align:center;
    font-size:16px;
    color:#e6f0fd;
    letter-spacing: 3px;
}
.headList {
    width: 202px;
    height:42px;
    text-align: left;
    color: #fff;
    position: relative;
    margin: 14px 20px 0 0;
    box-shadow: 0px 0px 8px #20D8FF   inset;
    visibility: hidden;
    z-index: 99999;
    border-radius:5px;
}
.headList p{
    width:202px;
    height:42px;
    line-height:42px;
    text-indent:14px;
    font-size:18px;
}
.headList p i{
    width: 14px;
    height: 10px;
    background-position: -341px 0px;
    vertical-align: middle;
    margin-top: 16px;
    margin-right: 10px;
}
.headList ul{
    width:100%;
    background: #0d0627;
    box-shadow: 0px 0px 10px #165fac inset;
    border-radius: 0 0 5px 5px;
    padding: 6px 0;
    border-radius: 0 0 5px 5px;
    position: absolute;
    top: 42px;
    left:0px;
    z-index: 999;
}
.headList ul li{
    line-height:38px;
    padding-left:14px;
}
.headList ul li a{
    width:100%;
    height:100%;
    display:inline-block;
    color:#fff;
    font-size:18px;
}
.headList ul li:hover>a{
    color:#20D8FF;
}
.headList ul li>a.act{
    color:#20D8FF;
}
.head_user{
    position:relative;
    cursor: pointer;
    z-index:99999;
}
.head_user_icon{
    width: 36px;
    height: 40px;
    background-position: -85px -1px;
    margin:14px 30px 0 0;
}
.user_ul{
    width:80px;
    height:60px;
    display:block;
    text-align:center;
    overflow:hidden;
    font-size:15px;
    padding-top:7px;
    background: #0B1E39;
    border: 1px solid #1D5799;
    border-radius: 3px;
    position:absolute;
    top:55px;
    left: -28px;
    z-index: 10;
    display: none;
}
.user_ul li a{
    height: 26px;
    line-height: 26px;
    display: block;
    color:#fff;
}
.user_ul li:hover a{
    color:#00B4FF;
}
/*距离*/
.t_dis {
    margin-top: 38px;
}
.l_dis{
    margin-left:20px;
}
.comh {
    height: calc(100% - 20px);
    padding-top: 20px;
}
.comh1{
    height: calc(100% - 60px);
}
.comh2{
    height: calc(100% - 68px);
}
.bs {
    box-shadow: 0px 0px 10px #165fac inset;
    border-radius: 5px;
    position: relative;
    height: 100%;
}
.o_tit {
    background: url(../img/one.png) no-repeat center;
    position: absolute;
    left: 0;
    right:0;
    top: -18px;
    margin:0 auto;
    height: 36px;
    line-height: 36px;
    text-align: center;
    color: #00D2FF;
    font-size: 18px;
    width: 256px;
}
.o_tit.o_tit1{
    background: url(../img/two.png) no-repeat center;

}
.o_tit.three_heng{
    background: url(../img/three_heng.png) no-repeat center;

}
/* 公共高 */
.nodata{
    background: url(../img/nodata.png) no-repeat center center !important;
}
.nodata2{
    background: url(../img/nodata.png) no-repeat center center !important;
    background-size: 78px !important;
}
.nodata3{
    background: url(../img/nodata3.png) no-repeat center center !important;
}
.nodata4{
    background: url(../img/nodata.png) no-repeat center center !important;
    background-size: 110px !important;
}
.line_a{
    width:21px;
    height:21px;
    background-position:-358px -1px;
    position:absolute;
    left:-6px;
    top:-6px;
}
.line_b{
    width:21px;
    height:21px;
    background-position:-381px -1px;
    position:absolute;
    left:-6px;
    bottom:-6px;
}
.line_c{
    width:21px;
    height:21px;
    background-position:-427px -1px;
    position:absolute;
    right:-6px;
    top:-6px;
}
.line_d{
    width:21px;
    height:21px;
    background-position:-404px -1px;
    position:absolute;
    right:-6px;
    bottom:-6px;
}
.tablist{
    margin-right:5%;
    float:right;
}
.tablist>i{
    color:#BAD4F9;
    font-size:14px;
    margin-left:25px;
    cursor: pointer;
    padding: 0 2px 2px;
}
.tablist>i.act{
    color:#00B4FF;
    border-bottom: 2px solid #00B4FF;
}
.goIndex{
    position:absolute;
    display:block;
    cursor:pointer;
    left:0;
    right:0;
    top:0;
    bottom:0;
    margin:auto;
    width:700px;
    height:70px;
    z-index:99999;
}
/* 同比分析正负数样式 */
.bfb.green{
    color:#6BC284;
}
.bfb2.green{
    background:rgba(49,145,90,1);
    background:linear-gradient(0deg,rgba(49,145,90,1) 0%,rgba(156,197,107,1) 100%);
}
.bfb.red{
    color:#FB5F5F;
}
.bfb2.red{
    background:#F8A477;
    background:linear-gradient(0deg,#F8A477 0%,#CD5E5E 100%);
}
/* 列表（一行） */
.rank_con{
    text-align:center;
}
.rank_list {
    display: inline-block;
    overflow: hidden;
    width: 88%;
    height: 90%;
    margin-top: 1%;
}
.rank_list li{
    width:100%;
    height: 38px;
    margin-top: 6px;
}
.rank_num{
    width:24px;
    height:24px;
}
.rank_num>i{
    display: inline-block;
    width:20px;
    height:20px;
    line-height: 20px;
    text-align: center;
    border-radius: 50%;
    border: 2px solid #54A0FF;
    color: #54A0FF;
}
.rank_num>i.one{
    border: 2px solid #FF8854;
    color: #FF8854;
}
.rank_num>i.two{
    border: 2px solid #FFDD54;
    color: #FFDD54;
}
.rank_num>i.three{
    border: 2px solid #6BC284;
    color: #6BC284;
}
.rank_bar{
    width:calc(100% - 32px);
    text-align: left;
}
.arow_name{
    width: 108px;
    height: 24px;
    overflow: hidden;
}
.arow_num{
    margin-right: 4%;
}
.barbg{
    display: inline-block;
    width: 50%;
    height: 8px;
    background: #28436A;
    border-radius: 4px;
    margin-top: 8px;
    position: relative;
}
.baract{
    height: 8px;
    background: #59AFFF;
    display: inline-block;
    border-radius: 4px;
    position: absolute;
    top: 0;
    left: 0;
    background: -webkit-linear-gradient(left, #3A6CFC , #59AFFF);
    background: -o-linear-gradient(right, #3A6CFC , #59AFFF);
    background: -moz-linear-gradient(right, #3A6CFC , #59AFFF);
    background: linear-gradient(to right, #3A6CFC , #59AFFF);
}
.baract2{
    height: 8px;
    background: #5994FF;
    display: inline-block;
    border-radius: 4px;
    position: absolute;
    top: 0;
    left: 0;
    background: -webkit-linear-gradient(left, #3A51FC , #5994FF);
    background: -o-linear-gradient(right, #3A51FC , #5994FF);
    background: -moz-linear-gradient(right, #3A51FC , #5994FF);
    background: linear-gradient(to right, #3A51FC , #5994FF);
}
/* 列表（上下） */
.rank_list_tb {
    margin-top: 3%;
}
.rank_list_tb li {
    height: 48px;
}
.rank_list_tb .barname{
    width:100%;
    height:20px;
    margin-bottom: 8px;
}
.rank_list_tb .barname_sp{
    margin-right: 5%;
}
.rank_list_tb .barbg{
    width: 95%;
    margin-top:0px;
}
.rank_list_tb .rank_num>i {
    margin-top: 8px;
}
/*数字滚动插件的CSS可调整样式*/
.mt-number-animate{
    font-family: '微软雅黑';
    line-height:24px;
    height: 24px;/*设置数字显示高度*/;
    overflow: hidden;
    display: inline-block;
    position: relative;
    margin-top: 2px;
}
.mt-number-animate .mt-number-animate-dot{
    width: 5px;/*设置分割符宽度*/
    line-height: 24px;
    float: left;
    text-align: center;
}
.mt-number-animate .mt-number-animate-dom{
    width: 51px;/*设置单个数字宽度*/
    text-align: center;
    float: left;
    position: relative;
    top: 0;
    color: #fff;
}
.mt-number-animate .mt-number-animate-dom .mt-number-animate-span{
    width: 100%;
    float: left;
}
/* 弹框 */
.alertbound3 {
    width: 3.4rem;
    height: 2.4rem;
    /*background: rgba(11,14,23,0.7);*/
    z-index: 999999;
    position: fixed;
    left: 40%;
    top: 20%;
    display: none;
    /*background: url(../images/img/tc_tip.png) no-repeat center center; background-size: 100% 100%;*/
}
.alertChart3{
    width: 3.4rem;
    height: 2.4rem;
    padding: 0 30px 20px;
    position: relative;
    top: 0;
    left:0;
    right:0;
    bottom:0;
    margin: auto;
    z-index:90;
    display: none;
    /*background:rgba(35,68,136,0.92);*/
    background: url(../images/img/tc_tip.png) no-repeat center center; background-size: 100% 100%; position: relative;
    border-radius: 5px;
    border: none;
}
.alertChart3 .tc_tip{
    width: 2.0rem;
    height: 1.6rem;
    /*background: url(../images/img/tc_tip.png) no-repeat center center; background-size: 100% 100%; position: relative;*/
}
/* 弹框 */
.alertbound{
    width: 100%;
    height: 100%;
    background: rgba(11,14,23,0.7);
    z-index: 999999;
    position: fixed;
    left: 0;
    top: 0;
    display:none;
}
.alertMenu{
    width: 100%;
    height: 100%;
    background: rgba(35,68,136,0.92);
    z-index: 99999;
    position: fixed;
    left: 0;
    top: 80px;
    display:none;
}
.alertChart{
    padding: 10px;
    position: fixed;
    top: 20px;
    left:0;
    right:0;
    bottom:0;
    margin: auto;
    z-index:90;
    display: none;
    background:rgba(35,68,136,0.92);
    background: url(../images/img3/tc_bg3.png) no-repeat center center; background-size: 100% 100%; position: relative;
    border-radius: 5px;
    border: none;
}
.alertChartTit{
    text-align:left;
    color:#00D2FF;
    font-size:18px;
    margin-top: 25px;
    margin-bottom:20px;
}
.alert_close{
    display:inline-block;
    width:25px;
    height:25px;
    float:right;
    background-position: -644px -41px;
    position: absolute;
    top: 15px;
    right: 30px;
    cursor: pointer !important;
}
.alertChartTit .alert_close{
    top: 24px;
}
.alert_close:hover{
    background-position:-683px -41px;
}
.yearWord,.headListWord {
    color:#20D8FF;
}


/* 分页样式 */
.page_select{
    width:100%;
    overflow: hidden;
    text-align:center;
    margin-top:10px;
}
.page_select ul {
    height: 50px;
    overflow: hidden;
    display: inline-block;
}
.page_select ul li {
    cursor: pointer;
    text-align: center;
    min-width: 8px;
    min-height: 28px;
    line-height: 28px;
    float: left;
    border: 1px solid #5F7AA1;
    margin: 10px 5px;
    border-radius:5px;
    font-size: 14px;
}
.page_select ul li a{
    color:#fff;
    padding: 5px 10px;
}
.page_select ul li:hover{
    border: 1px solid #0191F2;
}
.page_select ul li.current {
    background: #00C0FF;
    color: #fff;
    border: 1px solid #00C0FF;
}
.page_select ul li.current a {
    color: #fff;
}
.page_select ul li.omit{
    border:none;
}
.page_select ul li.omit>span{
    padding:0 5px;
}
.page_select ul li.cur_total{
    min-width: 50px;
}
.amap-logo{
    display: none!important;
}
li.year_flag_false>a{
    color: #fff !important;
}
.laycontent p{
    color: #fff;
}
.laycontent span{
    color: #fff;
}
.laycontent h2,.laycontent h3{
    color: #fff;
}