body{
    margin: 0px;
    font-family:"Microsoft YaHei"
}
.operationControl{
    display: none;
}
page{
    width: 100%;
    height: 100%;
    padding: 0px;
    font-family:"Microsoft YaHei"
}
.font30{
    font-size: 30px;
    font-weight: bold;
}
.font24{
    font-size: 24px;
}
.font18{
    font-size: 18px;
}
.font16{
    font-size: 16px;
}
.color16181D{
    color: #16181D;
}
.color333{
    color: #333333;
}
.banner{
    position: relative;
    overflow: hidden;
}
.commonweb{
    padding: 0px 15px;
}
@media (min-width: 992px){
    .commonweb{
        padding: 0px 40px;
    }
}
@media (min-width: 1260px){
    .commonweb{
        margin: 0px auto;
        max-width: 1200px;
        padding: 0;
    }
}
.banner-bottom{
    width: 100%;
    height: auto;
    transform: none;
    display: block;
}
.banner-title{
    position: absolute;
    top: 26%;
    left: 0;
    color: #393A3B;
    width: 100%;
    font-size: 48px;
    text-align: left;
    letter-spacing: 15px;
    margin: auto;
}
.banner-title .Ey{
    font-size: 40px;
    color: #666666;
    font-family: PingFang-SC-Regular;
    font-weight: initial;
    margin-top: 15px;
    letter-spacing: initial;
    font-weight: 100;
}
.titleFont{
    visibility: visible;
    animation-name: fadeInUp;
}
.banner-tap{
    background: #FAFCFF;
    position: relative;
    background: url('../image/tap-right.png') no-repeat;
    background-position: right top;
}

.serve-bottom{
    width: 100%;
    height: auto;
    transform: none;
    display: block;
}
.tap{
    position: absolute;
    top: -50px;
    left: 0;
    width: 100%;

}
.tapflex{
    display: flex;
    border-radius: 8px;
    box-shadow: 0 0 8px 0 rgba(31, 39, 82, 0.08);
}
.tap50{
    width: 50%;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 110px;
    background: #ffffff;
    color: #666666;
    cursor: pointer;
}
.tapfont{
    margin-left: 20px;
    font-size: 24px;
    text-align: left;
    color: #666666;
}
.tapfont .tapfontLabel{
    margin-top: 10px;
    color: #999999;
    font-size: 18px;
}
/*选项卡选中*/
.tap50 .pitchOn{
    border-radius: 8px !important;
    color: #1578FF !important;
}
.pitchOn .tapfontLabel{
    color: #1578FF !important;
}

.tapOperation:hover,
.tapSite:hover {
    border-radius: 8px;
    height: 120px;
    transform:translateY(-5px);
    box-shadow: 0 0 8px 0 rgba(31, 39, 82, 0.08);
}
.tapOperation:hover #operationIMG{
    background: url('../image/operation-H.png') no-repeat !important;
}
.tapSite:hover #siteIMG{
    background: url('../image/site-H.png') no-repeat !important;
}
#operationIMG{
    background: url('../image/operation-P.png') no-repeat;
    background-size: 100% 100%;
    width: 58px;
    height: 67px;
}
#siteIMG{
    background: url('../image/site.png') no-repeat;
    background-size: 100% 100%;
    width: 58px;
    height: 67px;
}
.borderDoubleL{
    border-radius: 8px 0 0 8px;
}
.borderDoubleR{
    border-radius: 0 8px 8px 0;
}
.borderDoubleR{
    position: relative;
}
.borderDoubleR:after{
    position: absolute;
    top:1.2em;
    height: calc(100% - 54px);
    left:0;
    content: '';
    width:0;
    border-left: solid  #E8E8E8 1px;
}
.shdow{
    position: relative;
    width: 100%;
    height: 110px;
    border-radius: 8px;
    box-shadow: 0 0 8px 0 rgb(31 39 82 / 8%);
    top: 0;
    display: flex;
}
.serveMain{
    padding-top: 106px;
    display: flex;
    justify-content: space-between;
    position: relative;
    width: 100%;
}
.serveTitle{
    color: #333333;
    font-size: 30px;
}
.embeddedImg{
    width: 90%;
    height: auto;
    transform: none;
    display: block;
}
.serveMainL{
    width: 50%;
}
.special{
    color: #346FFF;
}
.serveCont{
    width: 50%;
    padding-top: 40px;
}
.serveLable{
    font-size: 18px;
    color: #999999;
    margin-top: 10px;
}
.servetext{
    font-size: 18px;
    color: #333333;
    margin-top: 40px;
    width: 525px;
    line-height: 45px;
}

.serve{
    background: #FAFCFF;
    margin-top: -48px;
    position: relative;
    background: url('../image/serve-bottom.png') no-repeat;
    background-size: 100% 100%;
    height: 230px;
    z-index: -1;
}
.serveData{
    position: relative;
    display: flex;
    justify-content: space-between;
    width: 100%;
    padding-top: 85px;
    align-items: center;
}
.DataSlogan{
    color: #16181D;
    width: calc(100% - 70%);

}
.DataSlogan .font16{
    margin-top: 20px;

}
.flex{
    display: flex;
    width: 70%;
    justify-content: flex-end;
}
.DataClassify{
    display: flex;
    align-items: center;
    text-align: center;
    margin-right: 30px;
}
.ClassifyNumber{
    font-size: 30px;
    margin-bottom: 5px;
    font-weight: bold;
}
.resourceMain {
    display: flex;
    justify-content: space-between;
    position: relative;
    width: 100%;
    margin-top: 108px;
    margin-bottom: 143px;
}
.resourceLT{
    background: #FAFCFF;
    padding-top: 45px;
    padding-left: 33px;
}
.resourceLB{
    background: #F6F9FE;
    padding-top: 45px;
    padding-left: 25px;
}
.resourceR{
    width: 49%;
}
.resourceL{
    width: 49%;
    display: grid;
}
.LT-title{
    color: #000000;
    font-size: 24px;
    margin-bottom: 25px;
}
.LT-round{
    color: #BFD5EC;
    padding-right: 10px;
}
.LT-label{
    color: #666666;
    font-size: 18px;
    margin-bottom: 26px;
}
.resourceLImg{
    background-size: 100% 100%;
    width: 100%;
    height: auto;
}
.advantage{
    position: relative;
    background-image: url('../image/tap-left.png');
    background-position: left bottom;
    background-color: #FAFCFF;
    background-repeat:no-repeat;
    padding-top: 46px;
    padding-bottom: 70px;
    height: 760px;
}
.advantageMain{
    text-align: center;
    font-size: 30px;
    color: #16181D;
}
.tageMar{
    margin-top: 19px;
}
/*tab选项卡*/
.ant-tabs-nav-wrap {
    margin-bottom: -1px;
    overflow: hidden
}

.ant-tabs-nav-scroll {
    overflow: hidden;
    white-space: nowrap;
}

.ant-tabs-nav {
    position: relative;
    display: inline-block;
    box-sizing: border-box;
    margin: 0;
    padding-left: 0;
    list-style: none;
    transition: transform .3s cubic-bezier(.645, .045, .355, 1);
    width: 100%;
    border-bottom: 1px solid #E8E8E8;
}

.ant-tabs-nav .ant-tabs-tab {
    position: relative;
    display: inline-block;
    box-sizing: border-box;
    height: 100%;
    margin: 0;
    padding: 12px 16px 30px 16px;
    text-decoration: none;
    cursor: pointer;
    transition: color .3s cubic-bezier(.645,.045,.355,1);
    width: 33.33%;
    font-size: 24px;
}
.ant-tabs-nav .ant-tabs-tab:last-child {
    margin-right: 0;
}
.ant-tabs-nav .ant-tabs-tab-active {
    color: #1578FF;
    font-weight: 500;
    font-size: 24px;
}
*, :after, :before {
    box-sizing: border-box;
}
用户代理样式表
div {
    display: block;
}
.ant-tabs-nav {
    position: relative;
    display: inline-block;
    box-sizing: border-box;
    margin: 0;
    padding-left: 0;
    list-style: none;
    transition: transform .3s cubic-bezier(.645,.045,.355,1);
}

.ant-tabs-nav-scroll {
    overflow: hidden;
    white-space: nowrap;
}

.tabs-active1-style {
    display: block;
    transform: translate3d(0px, 0px, 0px);
    width: 33.33% !important;
}

.tabs-active2-style {
    display: block;
    transform: translate3d(144px, 0px, 0px);
    width: 33.33% !important;
}
.tabs-active3-style {
    display: block;
    transform: translate3d(288px, 0px, 0px);
    width: 33.33%!important;
}

.ant-tabs-ink-bar-animated {
    transition: transform .3s cubic-bezier(.645,.045,.355,1),width .2s cubic-bezier(.645,.045,.355,1),left .3s cubic-bezier(.645,.045,.355,1);
}

.ant-tabs-ink-bar {
    position: absolute;
    bottom: -1px;
    left: 0;
    z-index: 1;
    box-sizing: border-box;
    width: 0;
    height: 1px;
    background-color: #1578FF;
    transform-origin: 0 0;
}
.advantageTap{
    margin-top: 50px;
}

.advantageContent{
    width: 100%;
    display: flex;
    justify-content: space-between;
}
@keyframes fadenum{
    100%{
        transform:translateX(-200px);
        opacity:0;
    }
}
.tapNumber{
    background: #ffffff;
    width: 32%;
    border-radius: 12px;
    margin-top: 42px;
    box-shadow: 0px 0px 38px 0px rgba(31,39,82,0.14);
}
.tapNumber2{
    background: #ffffff;
    width: 23%;
    border-radius: 12px;
    margin-top: 42px;
    box-shadow: 0px 0px 38px 0px rgba(31,39,82,0.14);
}
.tapNumber3{
    background: #ffffff;
    width: 32%;
    border-radius: 12px;
    margin-top: 42px;
    padding-bottom: 10px;
    box-shadow: 0px 0px 38px 0px rgba(31,39,82,0.14);
}
.tap1Img {
    background-size: 100% 100%;
    width: 100%;
    height: auto;
}
.tap1Img2{
    background-size: 100% 100%;
    width: auto;
    height: auto;
    margin-top: 21px;
}
.tap1Img3{
    background-size: 100% 100%;
    width: auto;
    height: auto;
    margin: auto;
}

.tapTitle{
    color: #000000;
    font-size: 24px;
    text-align: center;
    margin-top: 20px;
}
.tapLabel{
    color: #333333;
    font-size: 16px;
    text-align: center;
    padding: 10px 0 20px 0;
}
.tapTitle2{
    color: #333333;
    font-size: 22px;
    text-align: center;
    margin-top: 20px;
    font-weight: bold;
}
.tapTitle3{
    color: #333333;
    font-size: 22px;
    text-align: center;
    margin-top: 30px;
}
.tapLabel2{
    color: #666666;
    font-size: 18px;
    text-align: center;
    padding: 10px 0 20px 0;
}


.hide{
    display: none !important;
}
.show{
    display: flex;
}
.examine{
    position: relative;
    background-image: url('../image/bottom-bag.png');
    background-color: #FAFCFF;
    background-repeat:no-repeat;
    background-size: 100% 100%;
    height: 179px;
    text-align: center;
    padding-top: 64px;
}
.examineBtn{
    width: 190px;
    height: 54px;
    line-height: 54px;
    margin: auto;
    border-radius: 4px;
    background: #1578FF;
    color: #ffffff;
    text-align: center;
}
.examineBtn:hover{
    background: #1367E6;
    cursor:pointer
}
/*站点分布*/
.site-ant-tabs-nav {
    position: relative;
    display: inline-block;
    box-sizing: border-box;
    margin: 0;
    padding-left: 0;
    list-style: none;
    transition: transform .3s cubic-bezier(.645, .045, .355, 1);
    width: 100%;
    border-bottom: 1px solid #E8E8E8;
}

.site-ant-tabs-nav .site-ant-tabs-tab {
    position: relative;
    display: inline-block;
    box-sizing: border-box;
    height: 100%;
    margin: 0;
    padding: 12px 24px;
    text-decoration: none;
    cursor: pointer;
    transition: color .3s cubic-bezier(.645,.045,.355,1);
    width: 110px;
    font-size: 16px;
}
.site-ant-tabs-nav .site-ant-tabs-tab:last-child {
    margin-right: 0;
}
.site-ant-tabs-nav .site-ant-tabs-tab-active {
    color: #1578FF;
    font-weight: 500;
    font-size: 16px;
}
*, :after, :before {
    box-sizing: border-box;
}
/*用户代理样式表*/
div {
    display: block;
}
.site-ant-tabs-nav {
    position: relative;
    display: inline-block;
    box-sizing: border-box;
    margin: 0;
    padding-left: 0;
    list-style: none;
    transition: transform .3s cubic-bezier(.645,.045,.355,1);
}

.site-ant-tabs-nav-scroll {
    overflow: hidden;
    white-space: nowrap;
}

.site-tabs-active1-style {
    display: block;
    transform: translate3d(0px, 0px, 0px);
    width: 110px !important;
}

.site-tabs-active2-style {
    display: block;
    transform: translate3d(144px, 0px, 0px);
    width: 110px !important;
}
.site-tabs-active3-style {
    display: block;
    transform: translate3d(288px, 0px, 0px);
    width: 110px!important;
}

.site-ant-tabs-ink-bar-animated {
    transition: transform .3s cubic-bezier(.645,.045,.355,1),width .2s cubic-bezier(.645,.045,.355,1),left .3s cubic-bezier(.645,.045,.355,1);
}

.site-ant-tabs-ink-bar {
    position: absolute;
    bottom: -1px;
    left: 0;
    z-index: 1;
    box-sizing: border-box;
    width: 0;
    height: 1px;
    background-color: #1578FF;
    transform-origin: 0 0;
}
.site-tap{
    margin-top: 107px;
}
.optionAll .rows{
    /*height: 69px;*/
    line-height: 69px;
    border-bottom: 1px solid #F2F2F2;
    display: flex;
    flex-wrap: wrap;
}
.rows span,.rows b{
    margin: 0 22px;
    color: #313A4f;
    font-size: 16px;
}
.All-province{
    color: #333333;
    font-weight: bold;
}
.Alls{
    color: #1578FF !important;
    font-weight: bold;
}
.stationTitle{
    height: 51px;
    line-height: 51px;
    text-align: center;
    font-size: 16px;
    color: #999999;
}
.stationAll{
    width: 40%;
}
.table-card{
    color: #666666;
    font-size: 14px;
    padding-left: 28px;
    position: relative;
    border-bottom: 1px solid #F2F2F2;
    margin-right: 30px;
}
.table .table-card:first-child{
    border-top: 1px solid #F2F2F2;
}
.table-card div{
    padding-bottom: 10px;
}
.card-title{
    color: #333333;
    font-size: 16px;
    font-weight: bold;
    padding: 20px  0!important;
}
.table-card:hover,.table-card:focus{
    box-shadow: 0px 0px 13px 0px rgba(78,98,144,0.16);
    border-radius: 4px;
}
.identification{
    width: 3px;
    border-radius: 2px;
    height: 100%;
    position: absolute;
    left: 0px;
    background: #1578FF;
    display: none;
}
.table-card:hover .identification,.table-card:focus .identification{
    display: block;
}
.table-card:hover .titleImg,.table-card:focus .titleImg{
    display: inline-block;
}
.table-card:hover .card-title,.table-card:focus .card-title{
    color: #1578FF;
}
.table{
    height: 740px;
    overflow: auto;
}
.card-address{
    /*white-space:nowrap;*/
    /*overflow: hidden;*/
    /*text-overflow: ellipsis;*/
    display: flex;
}
.card-address div{
    padding-bottom: 0 !important;
}
.addressfront{
    /*width: 55px;*/
}
.addressFlex{
    width: calc(100% - 20%);
}
.titleImg{
    vertical-align: middle;
    margin-right: 10px;
    display: none;
}
.CitySpan{
    float: right;
    width: 85%;
}
#container {
    overflow: hidden;
    width: 100%;
    height: 100%;
    margin: 0;
    font-family: "微软雅黑";
}
.checkStation{
    display: flex;
    padding-bottom: 50px;
}
.stationMap{
    width: 60%;
    height: 780px;
    position: relative;
}
.orientationTitle{
    position: absolute;
    top: 70px;
    right: 180px;
    color: red;
    z-index: 1;
}
.orTitle{
    color: #070811;
    font-size: 30px;
    text-align: center;
    font-weight: bold;
}
.orLable{
    padding-top: 20px;
    color: #333333;
    font-size: 16px;
    text-align: center;
}
.floatLegend{
    /*border: 1px solid #83A2FF;*/
    position: absolute;
    z-index: 1;
    width: 118px;
    height: 146px;
    bottom: 0;
    padding: 20px;
    background: url('../image/mapback.png') no-repeat;
    background-size: 100% 100%;
}
.block1{
    border-radius: 4px;
    background: #1578FF;
    width: 26px;
    height: 18px;
    margin-right: 10px;
}
.block4{
    border-radius: 4px;
    background: #AFD1FF;
    width: 26px;
    height: 18px;
    margin-right: 10px;
}
.block2{
    border-radius: 4px;
    background: #4493FF;
    width: 26px;
    height: 18px;
    margin-right: 10px;
}
.block3{
    border-radius: 4px;
    background: #80B6FF;
    width: 26px;
    height: 18px;
    margin-right: 10px;
}
.LegendRows{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    color: #333333;
    font-size: 12px;
    padding-bottom: 5px;
}
.InformationWindow{
    display: flex;
    width: 474px;
    height: 207px;
}
.code{
    padding: 0 20px;
}
.code img{
    width: 159px;
    height: 161px;
}
.WindowCont{
    padding:0 30px 0 0;
    color: #666666;
    font-size: 14px;
    width: 60%;
}
.WindowCont div{
    padding-bottom: 10px;
}
.ContT{
    font-weight: bold;
    font-size: 18px;
    color: #333333;
}
/*列表模式*/
.ListImg{
    width: 240px;
    height: 145px;
    margin-right: 18px;
}
.ListCard{
    display: flex;
    align-items: center;
    border-bottom: 1px solid #F2F2F2;
    padding: 30px 20px;
    color: #666666;
    font-size: 14px;
    position: relative;
}
.ListConter{
    display: flex;
    width: 85%;
}
.ListConter div{
    margin-bottom: 10px;
}
.ListBtn{
    width: 130px;
    height: 44px;
    border: 1px solid #E9E9E9;
    border-radius: 4px;
    text-align: center;
    line-height: 44px;
    color: #1578FF;
    font-size: 16px;
}
.ListCode{
    width: 160px;
    height: 160px;
    display: none;
}
.fousCard:hover{
    box-shadow: 0px 0px 13px 0px rgba(78,98,144,0.16);
    border-radius: 4px;
}
.fousCard:hover .identification{
    display: block !important;
}
.fousCard:hover .titleImg{
    display: inline-block;
}
.fousCard:hover .ListCode{
    display: inline-block;
}
.fousCard:hover .ListBtn{
    display: none;
}
.fousCard:hover .ContT{
    color: #1578FF;
}
.ListPattern{
    height: 780px;
    overflow: auto;
}
.codeBack{
    background: #404249;
    width: 50px;
    height: 50px;
    border-radius: 4px;
}
.floatImg .codeBack:last-child{
    margin-top: 1px;
}
.floatBlock{
    position: fixed;
    right: 1px;
    z-index: 1;
    bottom: 20px;
}
.floatCode{
    width: 149px;
    height: 354px;
    border-radius: 4px;
    background: #FFFFFF;
    box-shadow: 0px 0px 13px 0px rgba(78,98,144,0.16);
    position: absolute;
    right: 70px;
    bottom: 0px;
    text-align: center;
    padding: 15px 20px;
}
.CodeService{
    color: #333333;
    font-size: 14px;
    padding-top: 10px;
}
.CodeCont{
    width: 100%;
}
.CodeCont{
    color: #333333;
    font-size: 14px;
    border-bottom: 1px solid #E9E9E9;
    padding-bottom: 5px;
}
.ContLable{
    color: #999999;
    font-size: 12px;
}
.codeClock{
    position: absolute;
    right: -15px;
    top: -15px;
    cursor: pointer;
}
.triangle{
    color: #fff;
    position: absolute;
    right: -10px;
    bottom: 60px;
}