.fl
{
    float: left;
}
.fr
{
    float: right;
}
.none
{
    display: none;
}
/*背景*/
.page-box
{
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
    color: #fff;
}
.page-box .page-bj
{
    width: 100%;
}
.page-box .page-tit
{
    position: absolute;
    top: 2.5%;
    width: 19%;
    left: 50%;
    transform: translate(-50%,0);
}
.page-box .page-cont-bj
{
    width: 98%;
    border: 1px rgba(0,160,233,0.6) solid;
    height: 90%;
    position: absolute;
    top: 8%;
    left: 1%;
}
.page-box .page-cont-bj span 
{
    position: absolute;
    width: 20px;
    height: 20px;
}
.page-box .horn1
{
    left: -4px;
    top: -4px;
    border-left: 8px #112c51 solid;
    border-top: 8px #112c51 solid;
}
.page-box .horn2
{
    right: -4px;
    top: -4px;
    border-right: 8px #112c51 solid;
    border-top: 8px #112c51 solid;
}
.page-box .horn3
{
    left: -4px;
    bottom: -4px;
    border-left: 8px #112c51 solid;
    border-bottom: 8px #112c51 solid;
}
.page-box .horn4
{
    right: -4px;
    bottom: -4px;
    border-right: 8px #112c51 solid;
    border-bottom: 8px #112c51 solid;
}
.page-box .page-cont-box
{
    width: 98%;
    height: 90%;
    position: absolute;
    top: 8%;
    left: 1%;
    padding: 0.2rem;
    box-sizing: border-box;
}
.page-box .bj-width-50
{
    width: 49.5%;
}
.page-box .margin-right
{
    margin-right: 1%;
}
.page-box .width-all
{
    width: 100%;
}
.page-box .dotted-line
{
    border: 0.02rem #2e46ac dashed;
    padding: 0.05rem;
    box-sizing: border-box;
}
.page-box .subfield-top-bj
{
    width: 100%;
    position: relative;
}
.page-box .subfield-top-bj img,.page-box .subfield-bottom-bj
{
    width: 100%;
    display: block;
}
.page-box .subfield-tit
{
    position: absolute;
    bottom: 0.54rem;
    right: 0.5rem;
    font-size: 0.4rem;
    /*font-weight: bold;*/
    color: #fce106;
}
.page-box .subfield-middle-bj
{
    width: 100%;
    background-size: 100%;
    text-align: center;
    position: relative;
}
.page-box .subfield2-bj
{
    background-image: url(/images/model/moudle/bloodAlertAlliance/base/subfield2_middle.png);
}
.page-box .subfield2-cont
{
    font-size: 1.5rem;
    padding: 0.1rem 0 0.5rem;
    font-weight: bold;
    color: #fce106;
    line-height: 100%;
}
.page-box .subfield2-cont span
{
    font-size: 0.8rem;
}
.page-box .subfield1-bj
{
    width: 100%;
    padding: 0 0.5rem 0.1rem;
    background-size: 100%;
    text-align: center;
    background-image: url(/images/model/moudle/bloodAlertAlliance/base/subfield1_middle.png);
    color: #fff;
}
.page-box .agency-matters-list
{
    padding: 0.2rem 0;
}
.page-box .agency-matters-tit
{
    background-image: url(/images/model/moudle/bloodAlertAlliance/base/bj_icon.png);
    background-size: 0.14rem;
}
.page-box .agency-matters-tit
{
    width: 20%;
    margin-right: 3%;
    height: 3rem;
    line-height: 3rem;
    font-size: 0.36rem;
    font-weight: bold;
    border-radius: 0.08rem;
}
.page-box .agency-matters-cell
{
    margin-right: 3%;
    height: 3rem;
    line-height: 150%;
    padding-top: 0.96rem;
    border: 0.02rem #328cb1 solid;
    font-size: 0.5rem;
    font-weight: bold;
    border-radius: 0.08rem;
    box-sizing: border-box;
}
.page-box .agency-matters-cell:last-child
{
    margin-right: 0;
}
.page-box .cell-width1
{
    width: 13%;
}
.page-box .margin-top
{
    margin-top: 0.2rem;
}
.page-box .cell-width2
{
    width: 37%;
    padding-top: 0;
    line-height: 3rem;
}


.page-box .side-effects-tit
{
    line-height: 1rem;
    color: #00b4ff;
    font-size: 0.4rem;
    font-weight: bold;
}
.page-box .side-effects-width1
{
    width: 10%;
}
.page-box .side-effects-width2
{
    width: 22%; 
}
.page-box .side-effects-width3
{
    width: 36%;
}
.page-box .side-effects-cell-list
{
    padding: 0 1rem;
    height: 1.16rem;
}
.page-box .side-effects-cell
{
    font-size: 0.36rem;
    line-height: 1.16rem;
    height: 1.16rem;
    color: #fff;
    white-space: nowrap;
    overflow: hidden;
}
.page-box .cell-bj
{
    background: rgba(60,76,141,0.3);
}
/*分三部分宽度比例*/
.page-box .width-27
{
    width: 27%;
}
.page-box .bj-width-46
{
    width: calc(46% - 0.4rem);
    margin: 0 0.2rem;
}
.page-box .page2-subfield1-bj
{
    background-image: url(/images/model/moudle/bloodAlertAlliance/base/page2_subfield1_middle.png);
}
.page-box .page2-subfield2-bj
{
    background-image: url(/images/model/moudle/bloodAlertAlliance/base/page2_subfield2_middle.png);
}
.page-box .page2-subfield3-bj
{
    background-image: url(/images/model/moudle/bloodAlertAlliance/base/page2_subfield3_middle.png);
}
/*echarts壳子宽高*/
.page-box .echarts-box
{
    width: 100%;
    height: 100%;
}
.page-box .echarts-box .echarts-list
{
    width: 50%;
    height: 50%;
}
/*输血*/
.transfusion-page .transfusion-subfield-num
{
    font-size: 1.5rem;
    font-weight: bold;
    color: #FF9C00;
    line-height: 100%;
    text-align: center;
}
.transfusion-page .subfield-tit
{
    bottom: 0.4rem;
    color: #00b4ff;
    text-shadow: 0 0 7px #1d82ff;
}
.transfusion-page .transfusion-subfield-bj
{
    background: rgba(60,76,142,0.3);
}
.transfusion-page .cell-bj
{
    background: rgba(0,14,64,0.3);
}
.back-btn-box
{
    position: absolute;
    left: 2%;
    top: 0.3rem;
    color: #FFFFFF;
    font-size: 0.6rem;
    width: 3rem;
}
.back-btn
{
    width: 100%;
    display: block;
}
.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;
    font-size: 0.3rem;
}