body {
    /*background: #0E0F44;*/
    font-size: 41px;
}

.main {
    /*height: 768px;*/
    position: relative;
    margin: 0 auto;
    background: #0E0F44;
    text-align: center;
    overflow: hidden;
}

.logo {
    position: absolute;
    left: 48px;
    bottom: 43px;
}

.info {
    position: absolute;
    left: 50px;
    top: 210px;
    text-align: left;
    width: 325px;
}

.info h2 {
    font: 20px/40px "Microsoft Yahei";
    color: #fdfdfb;
}

.info #QueryRegisterCount,
.info #QueryLoanCount,
.info #QueryTransactioncompletedAmount {
    height: 38px;
    margin-bottom: 31px;
    overflow: hidden;
    position: relative;
}

.info #QueryRegisterCount .scrolling,
.info #QueryLoanCount .scrolling,
.info #QueryTransactioncompletedAmount .scrolling {
    position: absolute;
    top: 0px;
}

.info #QueryRegisterCount p,
.info #QueryLoanCount p,
.info #QueryTransactioncompletedAmount p {
    font: 30px/38px "Microsoft Yahei";
    color: #df7f03;
}

.info #QueryRegisterCount span,
.info #QueryLoanCount span,
.info #QueryTransactioncompletedAmount span {
    font: 20px/38px "Microsoft Yahei";
    color: #fff;
}

.history {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    height: 55px;
    margin-top: 60px;
    font: 42px/55px "Microsoft Yahei";
    color: #fdfdfb;
}

.history .date {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    font-size: 0px;
}

.history .date .num {
    padding: 0 10px;
    position: relative;
    font: 42px/55px "Microsoft Yahei";
    color: #1b1b1b;
    background: #ffffff;
    border-radius: 5px;
}

.history .date .num.orange {
    color: #df7f03;
}

.history .date .num em {
    position: absolute;
    top: 50%;
    margin-top: -1px;
    left: 0px;
    background: #1b1b1b;
    border-color: #1b1b1b;
    width: 100%;
    height: 1px;
    border: 0px;
}

.history .date .unit {
    font-size: 20px;
    margin: 0 4px;
}

.map {
    height: 1445px;
    width: 1922px;
    margin: auto;
    position: absolute;
    top: 633px;
    left: 0;
    right: 0;
}

.map .title {
    position: absolute;
    z-index: 1;
    left: 600px;
    top: -25px;
    font-size: 80px;
    font-family: "微软雅黑", "HiraginoSansGB";
    color: rgb(255, 255, 255);
}

#map {
    height: 1445px;
    width: 1922px;
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

#tooltip {
    display: none;
    position: absolute;
    left: 1740px;
    top: 790px;
    width: 336px;
    height: 207px;
    padding: 20px 7px 0 1px;
    z-index: 2;
    background: url('../images/tip.png') center center no-repeat;
    background-size: cover;
}

#tooltip .tooltipInfo {
    position: absolute;
    width: 100%;
    text-align: center;
    color: #0e1140;
    text-align: center;
    font-size: 40px;
    font-family: "微软雅黑", "HiraginoSansGB";
    font-weight: bolder;
}

#tooltip .tooltipAccount {
    position: absolute;
    width: 100%;
    top: 70px;
    text-align: center;
    color: #df7f03;
    text-align: center;
    font-size: 40px;
    line-height: 40px;
    font-family: "微软雅黑", "HiraginoSansGB";
    color: rgb(14, 17, 64);
    font-weight: bolder;
    margin-top: 20px;
}

#tooltip .tooltipAccount .money {
    color: rgb(229, 76, 79);
    font-size: 40px;
}

#tooltip .location {
    position: absolute;
    width: 100%;
    text-align: center;
    font-size: 32px;
    margin-left: 30px;
    line-height: 75px;
    bottom: 2px;
    font-family: "FZLTXHK";
    color: rgb(255, 255, 255);
}

#tooltipPath {
    width: 1922px;
    height: 1446px;
    position: absolute;
    top: 633px;
    left: 0;
    right: 0;
    z-index: 3;
    margin: auto;
    display: none;
}

#top {
    height: 384px;
    width: 202px;
    padding: 6px 26px 0;
    border: 1px #3c5077 solid;
    position: absolute;
    top: 235px;
    right: 50px;
}

#top .title {
    font: 30px/67px "Microsoft Yahei";
    color: #d77b04;
    border-bottom: 1px #3c5077 solid;
}

#top .datalist {
    padding-top: 10px;
}

#top .datalist .colsName .key {
    font: 16px/48px "Microsoft Yahei";
    color: #586b8c;
    float: left;
    display: inline;
}

#top .datalist .colsName .value {
    font: 16px/48px "Microsoft Yahei";
    color: #586b8c;
    float: right;
    display: inline;
}

#top .datalist .data .key {
    font: 16px/48px "Microsoft Yahei";
    color: #fff;
    float: left;
    display: inline;
}

#top .datalist .data .value {
    font: 16px/48px "Microsoft Yahei";
    color: #fff;
    float: right;
    display: inline;
}

#top .datalist .data .value span {
    color: #df7f03;
}

iframe {
    display: none;
}

.box1,
.box2,
.box3,
.box4,
.box5,
.box6,
.box7,
.box8,
.box9,
.box10,
.box11 {
    position: absolute;
    background-image: -moz-linear-gradient( -63deg, rgb(21, 26, 76) 0%, rgb(34, 40, 98) 47%, rgb(46, 53, 120) 100%);
    background-image: -webkit-linear-gradient( -63deg, rgb(21, 26, 76) 0%, rgb(34, 40, 98) 47%, rgb(46, 53, 120) 100%);
    background-image: -ms-linear-gradient( -63deg, rgb(21, 26, 76) 0%, rgb(34, 40, 98) 47%, rgb(46, 53, 120) 100%);
    border-radius: 4px;
}

.box1 {
    height: 530px;
    width: 850px;
    left: 60px;
    top: 60px;
    color: white;
}

.box2 {
    width: 1922px;
    height: 530px;
    margin: 0 auto 0;
    top: 60px;
    left: 0;
    bottom: 0;
    right: 0;
}

.box3 {
    height: 530px;
    width: 850px;
    right: 60px;
    top: 60px;
}

.box4 {
    height: 700px;
    width: 850px;
    left: 60px;
    top: 633px;
}

.box5_add {
    position: absolute;
    height: 700px;
    width: 850px;
    left: 60px;
    top: 1375px;
}

.box5_add .left {
    float: left;
}

.box5_add .right {
    float: right;
}

.box5_add .p1 {
    box-sizing: border-box;
    position: absolute;
    z-index: 1;
    width: 100%;
}

.box5 {
    height: 700px;
    width: 850px;
    left: 0;
    top: 0;
}

.box6 {
    height: 700px;
    width: 850px;
    right: 60px;
    top: 633px;
}

.box7 {
    height: 700px;
    width: 850px;
    right: 0;
    top: 0;
}

.box7_add {
    position: absolute;
    height: 700px;
    width: 850px;
    right: 60px;
    top: 1375px;
}

.box7_add .p1 {
    box-sizing: border-box;
    position: absolute;
    z-index: 1;
    width: 100%;
}

.box8 {
    height: 530px;
    width: 850px;
    left: 60px;
    bottom: 60px;
}

.box9 {
    height: 530px;
    width: 940px;
    left: 955px;
    bottom: 60px;
}

.box10 {
    height: 530px;
    width: 940px;
    right: 955px;
    bottom: 60px;
}

.box11 {
    height: 530px;
    width: 850px;
    margin: 0 auto;
    right: 60px;
    bottom: 60px;
}

.s {
    padding: 5px 0;
    background: #293173;
    font-family: "myFont";
    color: rgb(81, 159, 247);
    font-weight: bold;
    font-size: 62px;
    border-radius: 6px;
    margin: 0 8px;
}

.time :first-child {
    margin-left: 0;
}

.box1 {
    padding-left: 80px;
    box-sizing: border-box;
}

.box1 p {
    text-align: left;
    font-size: 34px;
    font-family: "微软雅黑", "HiraginoSansGB";
    color: rgb(200, 201, 214);
}

.p {
    margin-top: 38px;
    margin-left: 80px;
    margin-bottom: 30px;
}

#year {
    padding: 5px 20px;
}

.y {
    margin-left: 31%;
    font-size: 34px;
    font-family: "微软雅黑", "HiraginoSansGB";
    color: rgb(81, 159, 247);
}

.b {
    font-size: 60px;
    line-height: 60px;
    font-weight: bold;
    font-family: "myFont";
}

.box2 ul {
    width: 100%;
    color: white;
    height: 250px;
}

.box2 ul li {
    float: left;
    text-align: left;
    margin-top: 128px;
    margin-left: 60px;
}

.box2 ul .li1 span {
    font-size: 90px;
    color: #2E9FFE;
    font-family: 'myFont';
}

.box2 ul .li2 span {
    font-size: 90px;
    color: #FCB025;
    font-family: 'myFont';
}

.box2 ul .li3 span {
    font-size: 90px;
    color: #F83A48;
    font-family: 'myFont';
}

.box2 ul .li4 span {
    font-size: 90px;
    color: #C332FF;
    font-family: 'myFont';
}

.box2 ul .line {
    width: 2px;
    height: 157px;
    background-color: rgb(32, 40, 98);
}

.z {
    font-size: 36px;
    font-family: "微软雅黑", "HiraginoSansGB";
    color: rgba(200, 201, 214, 0.702);
    margin-top: 125px;
    width: 100%;
    font-weight: bold;
    text-align: center;
}

.z>.tz {
    margin-right: 110px;
}

.tipcolor {
    font-family: "微软雅黑", "HiraginoSansGB";
    color: rgba(81, 159, 247, 0.702);
    font-size: 46px;
}

.t1 {
    margin-top: 40px;
}

.title .p1 {
    text-align: left;
    color: white;
    padding: 50px 60px 30px 60px;
    font-size: 28px;
    font-weight: 100;
    font-family: "微软雅黑", "HiraginoSansGB";
    color: rgb(200, 201, 214);
}

.box1 .p1 {
    font-size: 34px;
    padding-left: 0;
    font-family: "PingFangSC", "微软雅黑";
    font-weight: 100;
    color: rgb(255, 249, 255);
    padding-top: 35px;
    padding-bottom: 35px;
}

.box3 .p1 {
    padding-top: 35px;
}

@keyframes move {
    0% {
        top: 0px;
    }
    100% {
        top: -500px;
    }
}

@-moz-keyframes move {
    0% {
        top: 0px;
    }
    100% {
        top: -500px;
    }
}

@-webkit-keyframes move {
    0% {
        top: 0px;
    }
    100% {
        top: -500px;
    }
}

#wrap {
    height: 400px;
    position: relative;
    overflow: hidden;
}

#wrap .nodata{
    position: absolute;
    width: 100%;
    height: 400px;
    line-height: 400px;
    font-size: 40px;
    font-family: "微软雅黑", "HiraginoSansGB";
    color: rgba(200, 201, 214, 0.6);
}

#list {
    position: absolute;
    left: 0;
    top: 0;
    margin: 0;
    padding: 0;
    margin-left: 110px;
}

#list li {
    list-style: none;
    height: 98px;
    line-height: 98px;
    text-align: left;
    font-size: 36px;
    font-family: "微软雅黑", "HiraginoSansGB";
    color: rgba(200, 201, 214, 0.6);
}

#list .wholesale {
    color: rgb(241, 178, 72);
}

#list .morewholesale {
    color: #C332FF;
}

.qq {
    display: inline-block;
    width: 180px;
    /* margin-left: 30px; */
}

.progress-wrapper {
    display: inline-block;
    width: 82%;
    height: 8px;
    margin-top: 140px;
    margin-bottom: 70px;
    margin-left: 50px;
}

.progress-wrapper .bar {
    filter: progid: DXImageTransform.Microsoft.gradient(startcolorstr=#2E9FFE, endcolorstr=#2E9FFE, gradientType=1);
    background: linear-gradient(to bottom left, #2E9FFE, #2E9FFE);
    background: -moz-linear-gradient(top right, #2E9FFE, #2E9FFE);
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#2E9FFE), to(#2E9FFE));
    background: -o-linear-gradient(top, #2E9FFE, #2E9FFE);
}

.progress-wrapper .bar0 {
    float: left;
    height: 100%;
    background-color: #2E9FFE;
}

.radius-md {
    border-radius: 6px;
}

.progress-wrapper .bar1 {
    filter: progid: DXImageTransform.Microsoft.gradient(startcolorstr=#27E8B7, endcolorstr=#27E8B7, gradientType=1);
    background: linear-gradient(to bottom left, #27E8B7, #27E8B7);
    background: -moz-linear-gradient(top right, #27E8B7, #27E8B7);
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#27E8B7), to(#27E8B7));
    background: -o-linear-gradient(top, #27E8B7, #27E8B7);
}

.progress-wrapper .bar1 {
    float: left;
    height: 100%;
    background-color: #27E8B7;
}

.progress-wrapper .bar2 {
    filter: progid: DXImageTransform.Microsoft.gradient(startcolorstr=#F38A20, endcolorstr=#F38A20, gradientType=1);
    background: linear-gradient(to bottom left, #F38A20, #F38A20);
    background: -moz-linear-gradient(top right, #F38A20, #F38A20);
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#F38A20), to(#F38A20));
    background: -o-linear-gradient(top, #F38A20, #F38A20);
}

.progress-wrapper .bar2 {
    float: left;
    ;
    height: 100%;
    background-color: #F38A20;
}

.progress-wrapper .bar3 {
    filter: progid: DXImageTransform.Microsoft.gradient(startcolorstr=#F83A48, endcolorstr=#F83A48, gradientType=1);
    background: linear-gradient(to bottom left, #F83A48, #F83A48);
    background: -moz-linear-gradient(top right, #F83A48, #F83A48);
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#F83A48), to(#F83A48));
    background: -o-linear-gradient(top, #F83A48, #F83A48);
}

.progress-wrapper .bar3 {
    float: left;
    height: 100%;
    background-color: #F83A48;
}

.progress-wrapper .bar4 {
    filter: progid: DXImageTransform.Microsoft.gradient(startcolorstr=#8415FC, endcolorstr=#8415FC, gradientType=1);
    background: linear-gradient(to bottom left, #8415FC, #8415FC);
    background: -moz-linear-gradient(top right, #8415FC, #8415FC);
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#8415FC), to(#8415FC));
    background: -o-linear-gradient(top, #8415FC, #8415FC);
}

.progress-wrapper .bar4 {
    float: left;
    height: 100%;
    background-color: #8415FC;
}

.box6 .jzt {
    position: relative;
    text-align: center;
    top: 14px;
    left: 100px;
}

.box6 .jzt span {
    position: absolute;
    font-size: 28px;
    font-family: "微软雅黑", "HiraginoSansGB";
    color: rgb(251, 252, 255);
}

.box6 .jzt .jzt_v6 {
    left: 206px;
    top: 20px;
}

.box6 .jzt .jzt_v5 {
    left: 173px;
    top: 98px;
}

.box6 .jzt .jzt_v4 {
    left: 124px;
    top: 166px;
}

.box6 .jzt .jzt_v3 {
    left: 87px;
    top: 237px;
}

.box6 .jzt .jzt_v2 {
    left: 38px;
    top: 308px;
}

.box6 .jzt .jzt_v1 {
    left: -10px;
    top: 375px;
}

.box6 .jzt .jzt_v0 {
    left: -38px;
    top: 445px;
}

#fireworks {
    position: absolute;
    left: 0;
    top: 0;
    height: 2610px;
    width: 3840px;
    z-index: 9999;
}

#fireworks p {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 1766px;
    transform: translate(-50%);
    -ms-transform: translate(-50%);
    -moz-transform: translate(-50%);
    -webkit-transform: translate(-50%);
    font-size: 150px;
    color: #FCB025;
}

.box4 {
    position: relative;
}

.box4 .percent {
    text-align: left;
    margin-top: 80px;
}

.box4 .percent>div {
    display: inline-block;
    vertical-align: top;
    margin-top: 35px;
}

.box4 .percent .category {
    position: absolute;
    width: 110px;
    height: 45px;
    font-size: 30px;
    line-height: 45px;
    text-align: center;
    border-radius: 6px;
    background-color: rgb(81, 159, 247);
    color: rgb(255, 255, 255);
}

.box4 .percent .category_1 {
    top: 0;
    left: 60px;
}

.box4 .percent .category_2 {
    top: 0;
    left: 70px;
}

.box4 .percent .category_3 {
    top: 75px;
    left: -90px;
}

.box4 .percent .category_4 {
    top: 205px;
    left: -115px;
}

.box4 .percent .category_5 {
    top: 305px;
    left: -70px;
}

.box4 .percent .category_6 {
    top: 305px;
    right: -70px;
}

.box4 .percent .category_7 {
    top: 205px;
    right: -115px;
}

.box4 .percent .category_8 {
    top: 75px;
    right: -90px;
}

.box4 .percent .carloan {
    margin-right: 150px;
    position: relative;
    margin-left: 60px;
}

.box4 .percent .wave {
    position: relative;
    width: 236px;
    height: 236px;
    top: 78px;
    z-index: 2;
}

.box4 .left {
    float: left;
}

.box4 .right {
    float: right;
}

.box4 .percent .extraloan {
    position: relative;
}

.carloan .per {
    position: absolute;
    width: 235px;
    height: 60px;
    line-height: 60px;
    font-size: 36px;
    font-family: "微软雅黑", "HiraginoSansGB";
    color: rgb(81, 159, 247);
    bottom: -204px;
    left: 0px;
    z-index: 2;
    text-align: center;
}

.extraloan .per {
    position: absolute;
    width: 235px;
    height: 60px;
    line-height: 60px;
    font-size: 36px;
    font-family: "微软雅黑", "HiraginoSansGB";
    color: rgb(81, 159, 247);
    bottom: -204px;
    left: 0;
    z-index: 2;
    text-align: center;
}

.box2 li .title {
    font-size: 40px;
    font-family: "微软雅黑", "HiraginoSansGB";
    color: rgb(200, 201, 214);
}