@font-face {
    font-family: wza-iconfont;
    src: url(iconfont.eot?t=1635214589463);
    src: url(iconfont.eot?t=1635214589463#iefix) format('embedded-opentype'), url(iconfont.woff2?t=1635214589463) format('woff2'), url(iconfont.woff?t=1635214589463) format('woff'), url(iconfont.ttf?t=1635214589463) format('truetype')
}

.wza-iconfont {
    font-family: wza-iconfont!important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.wza-icon-yangshi_icon_tongyong_elder:before {
    content: "\e66a"
}

.wza-icon-bofang:before {
    content: "\e6ad"
}

.wza-icon-bofang1:before {
    content: "\e667"
}

.wza-icon-bangzhu:before {
    content: "\e623"
}

.wza-icon-icon--:before {
    content: "\e773"
}

.wza-icon-shubiao:before {
    content: "\e641"
}

.wza-icon-shubiao1:before {
    content: "\e65b"
}

.wza-icon-pingmusuoxiao:before {
    content: "\e600"
}

.wza-icon-shengyin:before {
    content: "\e626"
}

.wza-icon-tuichuquanping:before {
    content: "\e67a"
}

.wza-icon-shengyinyinliangxianxing:before {
    content: "\e6c0"
}

.wza-icon-quanping:before {
    content: "\e6ec"
}

.wza-icon-LEDxianshipingguanli:before {
    content: "\e60b"
}

.wza-icon-Settings:before {
    content: "\e62e"
}

.wza-icon-zhangshangcaifuyemianshoujiban345:before {
    content: "\e632"
}

.wza-icon-jiasu:before {
    content: "\e65a"
}

.wza-icon-wanzhuanzhangting-lianxuzhangtingjiantou:before {
    content: "\e794"
}

.wza-icon-jijiansu:before {
    content: "\e631"
}

.wza-icon-zuoqianjin:before {
    content: "\e6b9"
}

.wza-icon-iconset0230:before {
    content: "\e681"
}

.wza-icon-084tuichu:before {
    content: "\e659"
}

.wza-icon-refresh:before {
    content: "\e65e"
}

.wza-icon-shouzhi:before {
    content: "\e69b"
}

.wza-icon-suoxiao1:before {
    content: "\ec13"
}

.wza-icon-fangda1:before {
    content: "\ec14"
}

.wza-icon-biangengcheliangyanse:before {
    content: "\e60a"
}

.wza-icon-xingzhuang:before {
    content: "\e60f"
}

.wza-icon-youqianjin1:before {
    content: "\e6b7"
}

.wza-icon-fuzhuxian:before {
    content: "\e651"
}

.wza-icon-fangda:before {
    content: "\e60d"
}

.wza-icon-suoxiao:before {
    content: "\e61f"
}

.wza-icon-liebiaolan:before {
    content: "\e723"
}

body {
    margin: 0;
    padding: 0;
    font-size: 16px;
}

.bf-assist-top {
    display: none;
    background-color: #dcdcdc;
    padding: 15px 0;
    position: fixed;
    text-align: center;
    width: 100%;
    top: 0;
    z-index: 2147483647
}

.bf-assist-top .tool-item {
    margin: 0 2.5px;
    line-height: 1.5
}

.bf-assist-top .tool-line {
    width: 1px;
    height: 80px;
    background-color: #6f6f6f;
    margin: 0 5px;
    opacity: .6
}

.bf-assist-top .tool-tips {
    background-color: #e7e7e7;
    margin: 10px;
    padding: 0 15px;
    border-radius: 5px;
    line-height: 1.5
}

.bf-assist-top .tool-tips span {
    font-size: 20px;
    color: #545454
}

.bf-assist-top>div {
    display: inline-block
}

.bf-assist-top img {
    width: 36px;
    height: 36px
}

.bf-assist-top>div {
    cursor: pointer;
    vertical-align: top
}

.bf-assist-top>div .wza-icon-style {
    cursor: pointer;
    text-align: center;
    vertical-align: middle;
    color: #545454;
    border: 1px solid #cdcdcd;
    background-color: #e7e7e7;
    width: 50px;
    height: 50px;
    line-height: 50px;
    margin: 5px auto 0;
    border-radius: 5px;
    box-sizing: border-box;
    behavior: url(PIE.htc)
}

.bf-assist-top>div span {
    font-weight: 600;
    color: #545454;
    font-size: 18px
}

.bf-assist-top>div>div i {
    font-size: 34px
}

.bf-assist-top>div .wza-icon-style:hover {
    background-color: #3b7ecb;
    color: #fff
}

.bf-assist-top .check_others {
    vertical-align: bottom!important;
    margin-left: 90px;
    position: relative;
    padding-bottom: 15px;
    margin-bottom: -15px
}

.bf-assist-top .check_others:hover .zhuti_choose {
    display: block
}

.bf-assist-top .check_others i {
    color: #6f6f6f
}

.bf-assist-none {
    display: none!important
}

.bf-assist-top .check_others .zhuti_choose {
    display: none;
    position: absolute;
    top: -40px;
    left: 52px;
    width: 230px;
    border: 1px solid #d1d1d1;
    background-color: #fff;
    border-radius: 15px;
    padding: 10px 4px 10px 10px
}

.bf-assist-top .check_others .zhuti_choose div {
    width: 40px;
    height: 40px;
    float: left;
    margin-right: 6px
}

.bf-assist-top .check_others .zhuti_choose::after {
    display: block;
    content: '';
    height: 0;
    clear: both;
    overflow: hidden;
    visibility: hidden
}

@media screen and (max-width:1730px) {
    .bf-assist-top .check_others .zhuti_choose {
        top: 24px;
        right: -6px;
        left: auto
    }
}

.bf-assist-top .text {
    width: 40px;
    color: #347ab8;
    border-left: 1px solid #3a7fb8
}

.bf-assist-top>div:hover>.xia {
    color: #fff
}

.bf-assist-top .xia {
    width: 20px!important;
    height: 31px!important;
    line-height: 34px;
    color: #347ab8;
    border-left: 1px solid #3a7fb8
}

.bf-assist-page-x {
    width: 5px;
    height: 100%
}

.bf-assist-page-y {
    width: 100%;
    height: 5px
}

.bf-assist-page-x,
.bf-assist-page-y {
    display: none;
    position: absolute;
    z-index: 2147483646;
    overflow: hidden;
    background-color: red
}

.bf-assist-top .test {
    width: 300px;
    height: 300px;
    background-color: #00f
}

.bf-assist-bottom {
    background-color: #37a2b5;
    height: 140px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    padding: 5px;
    position: fixed;
    width: 100%;
    bottom: 0;
    box-sizing: border-box;
    z-index: 2147483647
}

.bf-assist-btn_left {
    width: 90%;
    text-align: center;
    font-size: 54px;
    line-height: 20px;
    height: 100%;
    float: left;
    background-color: #fff;
    overflow: hidden auto;
}

.bf-assist-btn_right {
    width: 10%;
    text-align: center;
    position: relative;
    float: right
}

.bf-assist-btn_right button {
    height: 30px;
    width: 30px;
    font-size: 24px;
    border: none;
    line-height: 10px;
    right: -6px;
    top: -6px;
    cursor: pointer;
    position: absolute;
    box-sizing: border-box
}

.bf-trans-btn-box {
    width: 100%;
    position: absolute;
    top: 53%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.bf-assist-btn_right .bf-trans-item {
    display: inline-block;
    height: 50px;
    width: 50px;
    line-height: 50px;
    text-align: center;
    border: 1px solid #fff;
    margin-bottom: 5px;
    margin-left: 5px;
    cursor: pointer;
    color: #fff
}

.bf-assist-btn_right .bf-trans-item.active,
.bf-assist-btn_right .bf-trans-item:hover {
    color: #212529;
    border: 1px solid #fff;
    background-color: #fff
}

#bf-assist-blendent,
#bf-assist-change-sound {
    position: relative
}

.bf-assist-blendent_select,
.bf-assist-sound_select {
    position: absolute;
    left: 0;
    top: 79px;
    width: 200px;
    background-color: #eef4f1;
    display: none
}

.bf-assist-sound_select {
    width: 150px;
    background-color: #dcdcdc
}

.bf-assist-sound_select>div {
    padding: 5px 0;
    color: #545454
}

.bf-assist-sound_select>div:hover {
    background-color: #3b7ecb;
    color: #fff
}

.bf-assist-color {
    font-size: 16px;
    position: relative;
    padding: 5px;
    margin: 5px
}

.bf-assist-color.bf-color-selected::before {
    content: '';
    display: inline-block;
    height: 8px;
    width: 16px;
    border-left: 2px solid;
    border-bottom: 2px solid;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    position: absolute;
    left: 10px;
    top: 30%
}

.bf-assist-wt_color {
    background-color: #fff;
    color: #000
}

.bf-assist-bl_color {
    background-color: #00f;
    color: #ff0
}

.bf-assist-ye_color {
    background-color: #ff0;
    color: #000
}

.bf-assist-bk_color {
    background-color: #000;
    color: #ff0
}

.bf-assist-blendent_slect>div {
    margin: 5px;
    padding: 5px
}

.bf-assist-btn_left ul ol {
    list-style: none;
    margin: 0
}

.bf-assist-btn_left li {
    display: inline-block;
    zoom: 1;
    margin: 0 0;
    vertical-align: middle
}

.bf-assist-tip-letter,
.bf-assist-tip-zh {
    display: block;
    font-size: 30px!important;
    margin: 5px 0
}

#bf-assist-read-tool-list {
    margin-left: 140px;
    margin-top: 10px;
    height: 100%;
    text-align: left;
    float: left
}

#bf-assist-read-tool-wrap {
    width: 1200px;
    margin: 0 auto;
    height: 79px;
    position: relative
}

#bf-assist-read-tool-logo {
    position: absolute;
    left: 0
}

#bf-assist-read-tool-logo span {
    font-size: 20px
}

#bf-assist-read-tool-logo img {
    width: 100%;
    height: 100%
}

#bf-assist-read-tool-list .bf-screen-nav {
    display: inline-block;
    cursor: pointer;
    margin-right: 20px
}

#bf-assist-read-tool-list li>div:first-child {
    font-size: 18px;
    color: #6d6d6d;
    font-weight: 700
}

#bf-assist-read-tool-list li>div:last-child {
    margin-top: 10px;
    color: #6d6d6d
}

.bf-area,
.bf-area * {
    background-color: #ccc!important;
    color: #000!important
}

#wuzhangai {
    cursor: pointer
}

.dcfocus,
a:active,
a:focus {
    outline: 5px auto;
    outline-offset: -2px
}

.bf-node {
    max-width: 1px!important;
    float: left!important;
    border: 0!important;
    padding: 0!important;
    margin: 0!important;
    width: 1px!important;
    height: 1px!important;
    overflow: hidden!important;
    display: block!important;
    position: absolute!important
}

.tool-wrapper {
    float: right
}

.tool-wrapper i {
    font-size: 34px
}

.tool-wrapper>div {
    display: inline-block;
    margin-left: 15px;
    text-align: center;
    vertical-align: bottom
}

.bf-assist-top .bf-area-count {
    color: red
}

.bf-assist-top .elder-tips {
    font-size: 28px;
    padding: 15px
}

.disabled {
    cursor: not-allowed
}

.bf-zoom {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    transform-origin: 0 0
}

@media screen and (max-width:992px) {
    .bf-assist-btn_right .bf-trans-item {
        height: 30px;
        width: 30px;
        line-height: 30px
    }
    .bf-assist-btn_right .bf-trans-item.special {
        width: 65px
    }
    .bf-assist-btn_right button {
        height: 20px;
        width: 20px
    }
    .bf-assist-top {
        top: inherit;
        bottom: 0;
        padding: 5px 0
    }
    .bf-assist-top>div .wza-icon-style {
        border: none;
        background-color: inherit;
        width: inherit
    }
    .bf-assist-top .tool-item {
        border: 1px solid #cdcdcd;
        background-color: #e7e7e7;
        width: 84px;
        text-align: center;
        box-sizing: content-box
    }
    .bf-assist-top .tool-item:hover,
    .bf-assist-top .tool-item:hover .bf-assist-mobile-text {
        background-color: #3b7ecb;
        color: #fff
    }
    .bf-assist-top .tool-item:hover .wza-iconfont {
        color: #fff
    }
}

@media screen and (min-width:992px) and (max-width:1400px) {
    .bf-assist-btn_right .bf-trans-item {
        height: 40px;
        width: 40px;
        line-height: 40px;
        font-size: 20px
    }
    .bf-assist-btn_right .bf-trans-item.special {
        width: 85px
    }
    .bf-assist-btn_right button {
        height: 20px;
        width: 20px
    }
}

@media screen and (min-width:1400px) {
    .bf-assist-btn_right .bf-trans-item {
        height: 45px;
        width: 45px;
        line-height: 45px;
        font-size: 30px
    }
    .bf-assist-btn_right .bf-trans-item.special {
        width: 95px
    }
    .bf-assist-btn_right button {
        height: 25px;
        width: 25px
    }
}

.bf-assist-top .popup-box {
    display: none;
    position: absolute;
    width: 100%;
    left: 0;
    right: 0;
    bottom: 90px;
    background-color: #dcdcdc
}

.bf-assist-top .popup-title {
    display: flex;
    padding: 5px 10px;
    justify-content: space-between;
    align-items: center
}

.bf-assist-top .popup-title .bf-mobile-close {
    width: 30px;
    height: 30px;
    font-size: 30px;
    display: inline-flex;
    justify-content: center;
    align-items: center
}

.bf-assist-top .popup-box ul {
    list-style: none;
    margin: 0;
    padding: 0
}

.bf-assist-top .popup-tab-header {
    display: flex;
    justify-content: space-around
}

.bf-assist-top .popup-header-item {
    font-size: 18px;
    font-weight: 700;
    padding: 5px 10px;
    color: #545454
}

.bf-assist-top .popup-header-item.active {
    background-color: #3b7ecb;
    color: #fff
}

.bf-assist-top .popup-tab-content .tab-content {
    display: none
}

.bf-assist-top .popup-tab-content .tab-content.active {
    display: block
}

.bf-mobile-theme-box {
    margin: 10px!important
}

.mobile-theme-item {
    margin-bottom: 10px;
    padding: 10px 0;
    position: relative;
    color: #545454;
    font-weight: 700;
    font-size: 16px
}

.mobile-theme-item.theme-selected::before {
    content: '';
    display: inline-block;
    height: 8px;
    width: 16px;
    border-left: 2px solid;
    border-bottom: 2px solid;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    position: absolute;
    left: 10%;
    top: 30%
}

.mobile-theme-item.theme-defalut {
    border: 1px solid #cdcdcd
}

.mobile-theme-item.theme-white {
    background-color: #00f;
    color: #ff0
}

.mobile-theme-item.theme-blue {
    background-color: #fff;
    color: #000
}

.mobile-theme-item.theme-yellow {
    background-color: #ff0;
    color: #000
}

.mobile-theme-item.theme-black {
    background-color: #000;
    color: #ff0
}

.bf-mobile-larger,
.bf-mobile-larger * {
    font-size: 20px!important}

.bf-mobile-bigger,
.bf-mobile-bigger * {
    font-size: 22px!important
}

body.bf-mobile-eye-protection {
    background: #cceed0
}

body.bf-mobile-dark {
    background: #000;
    color: #fff
}

body.bf-mobile-dark a {
    color: #fff
}

body.bf-mobile-light {
    background: #fff;
    color: #000
}

body.bf-mobile-light a {
    color: #000
}

body.bf-mobile-soft {
    background: #eaeaef
}