/*顶部信息*/
header{width: 100%!important; height: 2.6em;top:0px;position:fixed;z-index:999;left:0;text-align:center;line-height:2.6em;background:#2664A8;color:#fff;font-size:2.4em;}
header .title {
    display: inline-block;
    width: 60%;
    overflow:hidden;/* 内容超出宽度时隐藏超出部分的内容 */
    text-overflow:ellipsis;/* 当对象内文本溢出时显示省略标记(...) ；需与overflow:hidden;一起使用。*/
    white-space:nowrap;/* 不换行 */
}
header .back {width: 24px; height: 24px;text-align: center; position: absolute; top: 0.8em;left: 0.4em; background: url(../images/icon_return.png) no-repeat;cursor: pointer;}
header .home {top: 0;position: absolute;top:0.4em;right: 0.6em;cursor: pointer;font-size: .6em; color:#fff!important;}
header .home a {color:#fff!important;}

.w {
    background:#f7f7f7;
    float: left;
    min-width: 320px;
    width: 97%;
    margin-top: 1%;
    margin-right: 1.5%;
    margin-bottom: 3%;
    margin-left: 1.5%;
    font-size: 1.5em;
}
.top.w {
     /*margin-top: 15%;*/
     background:none;
}
#owl {
    width: 98.6%;
    max-width: 640px;
    max-height: 310px;
    margin: 0 auto;
    overflow: hidden;
    padding-bottom:1%;
    border-bottom: 1px dashed #dedede;
}
.w strong {
     font-size:1.8em;
}
.m_mall .mall_title {
    line-height: 40px;
    border-bottom: 1px solid #eee;
    width: 100%;
    padding-left: 5px;
    height: 40px;
}
.m_mall .mall_list {
    float: left;
    width: 100%;
    padding-top: 15px;
    padding-left: 10px;
    background: #eee;
}
/*Chart*/
.chart {
    position: relative;
    display: inline-block;
    width: 110px;
    height: 110px;
    margin-bottom: 5px;
    text-align: center;
}
.chart-75 {
    width: 75px;
    height: 75px;
}
.chart-82 {
    width: 82px;
    height: 82px;
}
.chart-90 {
    width: 90px;
    height: 90px;
}
.chart canvas {
    position: absolute;
    top: 0;
    left: 0;
}
.chart-82 canvas {
    margin-left: -78px;
    margin-top: -3px;
}
.chart-75 .percent {
    color:#F7B648;
    /*margin-top: -5px;*/
    font-size: 20px;
    font-weight: bold;
}
.chart-82 .percent {
    color:#02ADEE;
    margin-top: 5px;
    margin-left: -158px;
    display:none;
}
.percent {
  display: inline-block;
  line-height: 110px;
  z-index: 2;
}
.percent-75 {
      line-height: 75px;
}
.percent-82 {
      line-height: 82px;
}
.percent-90 {
      line-height: 90px;
}
.percent:after {
  content: '%';
  margin-left: 0.1em;
  font-size: .8em;
}
th.no,
td.no {
    width: 35px!important;
}
.table thead tr th {
    vertical-align:middle!important;
}
/*Weather*/
.wi {
    color: #FF6633;
}
.top .m_nav {
    margin-top: 10px;
    float: left;
    width: 100%;
}
.m_mall .mall_content table {
    width:100%;background:#f7f7f7;line-height:32px;
}
.top .m_nav .customer-info {
    margin-bottom: 10px!important;
}
.top .m_nav .customer-info.btn-group > .btn {
    background: #02ADEE!important;
    color: #fff!important;
    border-right: 1px solid #eee!important;
    font-size: 1.1em;
}
.blockUI.blockMsg {
    border: 0 !important;
}
.sk-circle {
    position: absolute;
    top: 50%;
    left: 25%;
    text-align: center;
    /*margin: 40px auto;*/
    width: 60px;
    height: 60px;
}

.sk-circle .sk-child {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

.sk-circle .sk-child:before {
    content: '';
    display: block;
    margin: 0 auto;
    width: 15%;
    height: 15%;
    background-color: #428bca;
    border-radius: 100%;
    -webkit-animation: sk-circleBounceDelay 1.2s infinite ease-in-out both;
    animation: sk-circleBounceDelay 1.2s infinite ease-in-out both;
}

.sk-circle .sk-circle2 {
    -webkit-transform: rotate(30deg);
    -ms-transform: rotate(30deg);
    transform: rotate(30deg);
}

.sk-circle .sk-circle3 {
    -webkit-transform: rotate(60deg);
    -ms-transform: rotate(60deg);
    transform: rotate(60deg);
}

.sk-circle .sk-circle4 {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}

.sk-circle .sk-circle5 {
    -webkit-transform: rotate(120deg);
    -ms-transform: rotate(120deg);
    transform: rotate(120deg);
}

.sk-circle .sk-circle6 {
    -webkit-transform: rotate(150deg);
    -ms-transform: rotate(150deg);
    transform: rotate(150deg);
}

.sk-circle .sk-circle7 {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.sk-circle .sk-circle8 {
    -webkit-transform: rotate(210deg);
    -ms-transform: rotate(210deg);
    transform: rotate(210deg);
}

.sk-circle .sk-circle9 {
    -webkit-transform: rotate(240deg);
    -ms-transform: rotate(240deg);
    transform: rotate(240deg);
}

.sk-circle .sk-circle10 {
    -webkit-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg);
}

.sk-circle .sk-circle11 {
    -webkit-transform: rotate(300deg);
    -ms-transform: rotate(300deg);
    transform: rotate(300deg);
}

.sk-circle .sk-circle12 {
    -webkit-transform: rotate(330deg);
    -ms-transform: rotate(330deg);
    transform: rotate(330deg);
}

.sk-circle .sk-circle2:before {
    -webkit-animation-delay: -1.1s;
    animation-delay: -1.1s;
}

.sk-circle .sk-circle3:before {
    -webkit-animation-delay: -1s;
    animation-delay: -1s;
}

.sk-circle .sk-circle4:before {
    -webkit-animation-delay: -0.9s;
    animation-delay: -0.9s;
}

.sk-circle .sk-circle5:before {
    -webkit-animation-delay: -0.8s;
    animation-delay: -0.8s;
}

.sk-circle .sk-circle6:before {
    -webkit-animation-delay: -0.7s;
    animation-delay: -0.7s;
}

.sk-circle .sk-circle7:before {
    -webkit-animation-delay: -0.6s;
    animation-delay: -0.6s;
}

.sk-circle .sk-circle8:before {
    -webkit-animation-delay: -0.5s;
    animation-delay: -0.5s;
}

.sk-circle .sk-circle9:before {
    -webkit-animation-delay: -0.4s;
    animation-delay: -0.4s;
}

.sk-circle .sk-circle10:before {
    -webkit-animation-delay: -0.3s;
    animation-delay: -0.3s;
}

.sk-circle .sk-circle11:before {
    -webkit-animation-delay: -0.2s;
    animation-delay: -0.2s;
}

.sk-circle .sk-circle12:before {
    -webkit-animation-delay: -0.1s;
    animation-delay: -0.1s;
}

@-webkit-keyframes sk-circleBounceDelay {
    0%, 80%, 100% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }

    40% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes sk-circleBounceDelay {
    0%, 80%, 100% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }

    40% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}
/*底部信息样式开始*/
footer{position:fixed;bottom:0;width:100%;background:#fff;border-top:1px solid #eee;z-index:1000;}
footer ul li{display:inline-block;width:1.65rem;/*width:1.65rem;*/padding-top:0.1rem;text-align:center;}
footer ul.lg li{width:2.2rem;/*width:2.2rem;*/}
footer ul li .iconfont{font-size:0.7rem;}
footer ul li.active a{color:#3d85fe;}
footer ul li p{margin:0.1rem;}
footer ul li i.fa-2x {font-size:1.8em;}
/*底部信息样式结束*/