.bloodOpiScreen-page .slide-none
{
    display: none;
}
.bloodOpiScreen-page .right-map
{
    overflow: hidden;
    height: 100%;
}
.page-box.bloodOpiScreen-page .subfield-tit
{
    bottom: 0.7rem;
    color: #00b4ff;
    text-shadow: 0 0 7px #1d82ff;
}
.bloodOpiScreen-page .tab1-title
{
    color: #a5b9f6;
    font-size: 0.4rem;
    margin-right: 0.5rem;
}
.bloodOpiScreen-page .tab1-title-click
{
    color: #00b4ff;
    text-shadow: 0 0 7px #1d82ff;
}
.bloodOpiScreen-page .tab2-title
{
    color: #00b4ff;
    position: relative;
    font-size: 0.4rem;
    width: 2rem;
    text-align: center;
    padding: 0.1rem 0;
}
.bloodOpiScreen-page .tab2-title-click 
{
    color: #081035;
}
.bloodOpiScreen-page .title-word
{
    position: relative;
    z-index: 10;
}
.bloodOpiScreen-page .tab2-title:before
{
    content: '';
    position: absolute;
    left: -2px;
    top: 50%;
    width: 1px;
    height: 0.4rem;
    margin-top: -0.2rem;
    background: #91a3e3;
    transform: skewX(25deg);
    -webkit-transform: skewX(25deg);
}
.bloodOpiScreen-page .tab2-title:first-child:before,
.bloodOpiScreen-page .tab2-title-click:before
{
    width: 0;
}
.bloodOpiScreen-page .tab2-title-click:after
{
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #91a3e3;
    transform: skewX(25deg);
    -webkit-transform: skewX(25deg);
    margin: 0;
}
.bloodOpiScreen-page .title-box
{
    padding: 0.15rem 1rem;
}
.bloodOpiScreen-page .tab1
{
    margin-top: 0.1rem;
}
.bloodOpiScreen-page .city-distribution
{
    margin: 0 0.5rem;
}
.bloodOpiScreen-page .city-distribution span
{
    font-size: 0.28rem;
    line-height: 0.42rem;
    display: inline-block;
    vertical-align: middle;
}
.bloodOpiScreen-page .legend
{
    width: 0.7rem;
    height: 0.7rem;
    display: inline-block;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.bloodOpiScreen-page .city-distribution .legend-1
{
    background-image: url(/images/model/moudle/bloodAlertAlliance/bloodOpiScreen/legend1.png);
}
.bloodOpiScreen-page .city-distribution .legend-2
{
    background-image: url(/images/model/moudle/bloodAlertAlliance/bloodOpiScreen/legend2.png);
}
.bloodOpiScreen-page .city-distribution .legend-3
{
    background-image: url(/images/model/moudle/bloodAlertAlliance/bloodOpiScreen/legend3.png);
}
.bloodOpiScreen-page .city-distribution .legend-4
{
    background-image: url(/images/model/moudle/bloodAlertAlliance/bloodOpiScreen/legend4.png);
}
.bloodOpiScreen-page .city-distribution .legend-5
{
    background-image: url(/images/model/moudle/bloodAlertAlliance/bloodOpiScreen/legend5.png);
}
.bloodOpiScreen-page .city-distribution .legend-6
{
    background-image: url(/images/model/moudle/bloodAlertAlliance/bloodOpiScreen/legend6.png);
}
.bloodOpiScreen-page .city-distribution .legend-7
{
    background-image: url(/images/model/moudle/bloodAlertAlliance/bloodOpiScreen/legend7.png);
}
.bloodOpiScreen-page .city-distribution li
{
    border-bottom: 1px solid #2f4689;
    padding: 0.3rem 0 0.1rem 0;
}
.bloodOpiScreen-page .city-distribution-spe li
{
    padding: 0.01rem 0;
}
.bloodOpiScreen-page .column-2 
{
    width: 3rem;
    margin-left: 0.2rem;
}
.bloodOpiScreen-page .column-3
{
    width: 2.5rem;
}
.bloodOpiScreen-page .width-35
{
    width: 35%;
    height: 100%;
    margin-right: 1%;
}
.bloodOpiScreen-page .row-2
{
    height: 6.08rem;
}
.bloodOpiScreen-page .row-2-spe
{
    padding-top: 1rem;
}
.bloodOpiScreen-page .blood-inventory-map-box
{
    height: calc(100% - 1rem);
    padding-top: 0.5rem;
}
.bloodOpiScreen-page .right-box
{
    height: 100%;
}
.bloodOpiScreen-page .back-btn-box
{
    left: 2%;
    font-size: 0.3rem;
}
.bloodOpiScreen-page .back-btn
{
    width: 100%;
    display: block;
}
.page-box.bloodOpiScreen-page.no-title .page-cont-box,
.page-box.bloodOpiScreen-page.no-title .page-cont-bj
{
    top: 1%;
}
.page-box.bloodOpiScreen-page.no-title .page-cont-bj,
.page-box.bloodOpiScreen-page.no-title .page-cont-box
{
    height: 98%
}
.page-box.bloodOpiScreen-page .width-all
{
   background: rgba(46,70,172,0.3);
   position: relative;
}
.page-box.bloodOpiScreen-page .subfield-top-bj
{
    position: absolute;
    left: 0;
    top: 0;
}
.time-box
{
    position: absolute;
    right: 2%;
    top: 0.3rem;
    color: #FFFFFF;
    font-size: 0.7rem;
}
.date
{
    font-size: 0.4rem;
}
.bloodOpiScreen-page .tab2-title-click span
{
    position: relative;
    z-index: 10;
}
.change-page
{
    background-image: url(/images/model/moudle/bloodAlertAlliance/base/btnBg.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    -webkit-background-size: 100%;
    width: 3rem;
    height: 1.2rem;
    line-height: 1.2rem;
    text-align: center;
    font-size: 0.4rem;
    text-decoration: none;
}
.page
{
    position: absolute;
    left: 10%;
    top: 0.3rem;
    color: #FFFFFF;
    font-size: 0.3rem;
}