SVG Masks在Chrome for Android上呈现

时间：2018-06-18 13:24:57

标签： html css google-chrome

我在多台设备上面对Android版Chrome浏览器中的一个奇怪问题（但不是全部。）

Behaviour

我准备了一个带有相同代码的JSFiddle： https://jsfiddle.net/p8tqr5z0/20/

最奇怪的是：它与三个图标完美配合，第四个让一切变得奇怪！

API_URL = ${vcap.services.api_url.credentials.url}

＆＃13;
＆＃13; 
code in the snippet
＆＃13; 
#header {
    width:100%;
    height:106px;
}

    #header nav .icon {
      width:100px; height:30px;
        display: inline-block;

        -webkit-mask-repeat:no-repeat;
        mask-repeat:no-repeat;
        -webkit-mask-position: 50% 50%;
        mask-position: 50% 50%;
        -webkit-mask-size: 26px;
        mask-size: 26px;
        
        background-color:darkslategray;
 
        padding:0;
        margin:0;
    }
    #header nav .icon.active,
    #header nav .icon:hover{
        
        background-color:#1da1f2;

    }

    #header nav #key_home,
    .key_home_link {
        -webkit-mask-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTYuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjI0cHgiIGhlaWdodD0iMjRweCIgdmlld0JveD0iMCAwIDUxMiA1MTIiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDUxMiA1MTI7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPGc+Cgk8cGF0aCBkPSJNNTAyLjYyNSwyODMuMzEyTDI1NiwzNi42ODhMOS4zNzUsMjgzLjMxMmMtMTIuNSwxMi41LTEyLjUsMzIuNzUsMCw0NS4yNXMzMi43NSwxMi41LDQ1LjI1LDBMNjQsMzE5LjE4OHYxNTYuMTI1aDM4NCAgIFYzMTkuMTg4bDkuMzc1LDkuMzc1YzYuMjUsNi4yNSwxNC40MzgsOS4zNzUsMjIuNjI1LDkuMzc1czE2LjM3NS0zLjEyNSwyMi42MjUtOS4zNzUgICBDNTE1LjEyNSwzMTYuMDYyLDUxNS4xMjUsMjk1LjgxMiw1MDIuNjI1LDI4My4zMTJ6IE00MTYsNDQzLjMxMmgtOTZ2LTEyOEgxOTJ2MTI4SDk2VjI4Ny4xODhsMTYwLTE2MGwxNjAsMTYwVjQ0My4zMTJ6IiBmaWxsPSIjMDAwMDAwIi8+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPC9zdmc+Cg==) ;
        mask-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTYuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjI0cHgiIGhlaWdodD0iMjRweCIgdmlld0JveD0iMCAwIDUxMiA1MTIiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDUxMiA1MTI7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPGc+Cgk8cGF0aCBkPSJNNTAyLjYyNSwyODMuMzEyTDI1NiwzNi42ODhMOS4zNzUsMjgzLjMxMmMtMTIuNSwxMi41LTEyLjUsMzIuNzUsMCw0NS4yNXMzMi43NSwxMi41LDQ1LjI1LDBMNjQsMzE5LjE4OHYxNTYuMTI1aDM4NCAgIFYzMTkuMTg4bDkuMzc1LDkuMzc1YzYuMjUsNi4yNSwxNC40MzgsOS4zNzUsMjIuNjI1LDkuMzc1czE2LjM3NS0zLjEyNSwyMi42MjUtOS4zNzUgICBDNTE1LjEyNSwzMTYuMDYyLDUxNS4xMjUsMjk1LjgxMiw1MDIuNjI1LDI4My4zMTJ6IE00MTYsNDQzLjMxMmgtOTZ2LTEyOEgxOTJ2MTI4SDk2VjI4Ny4xODhsMTYwLTE2MGwxNjAsMTYwVjQ0My4zMTJ6IiBmaWxsPSIjMDAwMDAwIi8+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPC9zdmc+Cg==) ;
    }
    #header nav #key_history {
        -webkit-mask-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTYuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjI0cHgiIGhlaWdodD0iMjRweCIgdmlld0JveD0iMCAwIDk1LjA5OCA5NS4wOTgiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDk1LjA5OCA5NS4wOTg7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPGc+Cgk8Zz4KCQk8cGF0aCBkPSJNNDcuNTQ5LDBDMjEuMjg4LDAsMCwyMS4yODgsMCw0Ny41NDlzMjEuMjg4LDQ3LjU0OSw0Ny41NDksNDcuNTQ5YzI2LjI2MiwwLDQ3LjU0OS0yMS4yODgsNDcuNTQ5LTQ3LjU0OSAgICBTNzMuODExLDAsNDcuNTQ5LDB6IE00Ny41NDksODUuMDk4QzI2Ljg0NCw4NS4wOTgsMTAsNjguMjUzLDEwLDQ3LjU0OVMyNi44NDQsMTAsNDcuNTQ5LDEwczM3LjU0OSwxNi44NDUsMzcuNTQ5LDM3LjU0OSAgICBTNjguMjU0LDg1LjA5OCw0Ny41NDksODUuMDk4eiIgZmlsbD0iIzAwMDAwMCIvPgoJCTxwYXRoIGQ9Ik03Ny42NjUsMjkuOTExYy0wLjI1LTAuNDI4LTAuNzU1LTAuNjMzLTEuMjMxLTAuNTAzbC0zMy43ODMsOS4yMTNjLTAuMTg2LDAuMDUyLTAuMzU1LDAuMTUxLTAuNDkyLDAuMjg4TDE3LjU5Niw2My44NjUgICAgYy0wLjM0NiwwLjM1NC0wLjQxNCwwLjg5NS0wLjE2NCwxLjMyYzAuMjUsMC40MjgsMC43NTUsMC42MzUsMS4yMzIsMC41MDRsMzMuNzgzLTkuMjE0YzAuMDkzLTAuMDI0LDAuMTgyLTAuMDYyLDAuMjY1LTAuMTEgICAgYzAuMDgzLTAuMDQ5LDAuMTU5LTAuMTA4LDAuMjI4LTAuMTc4bDI0LjU2Mi0yNC45NTdDNzcuODQ4LDMwLjg3OSw3Ny45MTUsMzAuMzM3LDc3LjY2NSwyOS45MTF6IE0yNi43MDUsNTkuNzU2bDE2LjQ2LTE2LjcyNSAgICBsNi4xNzksMTAuNTUxTDI2LjcwNSw1OS43NTZ6IiBmaWxsPSIjMDAwMDAwIi8+Cgk8L2c+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPC9zdmc+Cg==);
        mask-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTYuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjI0cHgiIGhlaWdodD0iMjRweCIgdmlld0JveD0iMCAwIDk1LjA5OCA5NS4wOTgiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDk1LjA5OCA5NS4wOTg7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPGc+Cgk8Zz4KCQk8cGF0aCBkPSJNNDcuNTQ5LDBDMjEuMjg4LDAsMCwyMS4yODgsMCw0Ny41NDlzMjEuMjg4LDQ3LjU0OSw0Ny41NDksNDcuNTQ5YzI2LjI2MiwwLDQ3LjU0OS0yMS4yODgsNDcuNTQ5LTQ3LjU0OSAgICBTNzMuODExLDAsNDcuNTQ5LDB6IE00Ny41NDksODUuMDk4QzI2Ljg0NCw4NS4wOTgsMTAsNjguMjUzLDEwLDQ3LjU0OVMyNi44NDQsMTAsNDcuNTQ5LDEwczM3LjU0OSwxNi44NDUsMzcuNTQ5LDM3LjU0OSAgICBTNjguMjU0LDg1LjA5OCw0Ny41NDksODUuMDk4eiIgZmlsbD0iIzAwMDAwMCIvPgoJCTxwYXRoIGQ9Ik03Ny42NjUsMjkuOTExYy0wLjI1LTAuNDI4LTAuNzU1LTAuNjMzLTEuMjMxLTAuNTAzbC0zMy43ODMsOS4yMTNjLTAuMTg2LDAuMDUyLTAuMzU1LDAuMTUxLTAuNDkyLDAuMjg4TDE3LjU5Niw2My44NjUgICAgYy0wLjM0NiwwLjM1NC0wLjQxNCwwLjg5NS0wLjE2NCwxLjMyYzAuMjUsMC40MjgsMC43NTUsMC42MzUsMS4yMzIsMC41MDRsMzMuNzgzLTkuMjE0YzAuMDkzLTAuMDI0LDAuMTgyLTAuMDYyLDAuMjY1LTAuMTEgICAgYzAuMDgzLTAuMDQ5LDAuMTU5LTAuMTA4LDAuMjI4LTAuMTc4bDI0LjU2Mi0yNC45NTdDNzcuODQ4LDMwLjg3OSw3Ny45MTUsMzAuMzM3LDc3LjY2NSwyOS45MTF6IE0yNi43MDUsNTkuNzU2bDE2LjQ2LTE2LjcyNSAgICBsNi4xNzksMTAuNTUxTDI2LjcwNSw1OS43NTZ6IiBmaWxsPSIjMDAwMDAwIi8+Cgk8L2c+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPC9zdmc+Cg==);
    }
    #header nav #key_drstyle {
        -webkit-mask-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTkuMS4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDQ4My44IDQ4My44IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA0ODMuOCA0ODMuODsiIHhtbDpzcGFjZT0icHJlc2VydmUiIHdpZHRoPSIyNHB4IiBoZWlnaHQ9IjI0cHgiPgo8Zz4KCTxnPgoJCTxwYXRoIGQ9Ik0xMjMuMiwxMzRIMTUuN0M3LDEzNCwwLDE0MSwwLDE0OS43djMxMC42QzAsNDY5LDcsNDc2LDE1LjcsNDc2aDEwNy41YzguNywwLDE1LjctNywxNS43LTE1LjdWMTQ5LjcgICAgQzEzOSwxNDEsMTMxLjksMTM0LDEyMy4yLDEzNHogTTEwNy41LDQ0NC42SDMxLjRWMTY1LjRoNzYuMVY0NDQuNnoiIGZpbGw9IiMwMDAwMDAiLz4KCQk8cGF0aCBkPSJNNDY4LjEsMjE2LjRIMzYwLjZjLTguNywwLTE1LjcsNy0xNS43LDE1Ljd2MjI4LjJjMCw4LjcsNywxNS43LDE1LjcsMTUuN2gxMDcuNWM4LjcsMCwxNS43LTcsMTUuNy0xNS43VjIzMi4xICAgIEM0ODMuOCwyMjMuNCw0NzYuOCwyMTYuNCw0NjguMSwyMTYuNHogTTM3Ni4zLDI0Ny44aDI0LjRsLTI0LjQsMjQuNFYyNDcuOHogTTM3Ni4zLDI5Ny4ybDQ5LjMtNDkuM2gyNC45bC03NC4yLDc0LjJMMzc2LjMsMjk3LjIgICAgTDM3Ni4zLDI5Ny4yeiBNNDUyLjQsNDQ0LjZoLTI0LjVsMjQuNS0yNC41VjQ0NC42eiBNNDUyLjQsMzk1LjJMNDAzLDQ0NC42aC0yNC45bDc0LjItNzQuMnYyNC44SDQ1Mi40eiBNNDUyLjQsMzQ1LjVsLTc2LjEsNzYuMSAgICB2LTI0LjlsNzYuMS03Ni4xVjM0NS41eiBNNDUyLjQsMjk1LjdsLTc2LjEsNzYuMXYtMjQuOWw3Ni4xLTc2LjFWMjk1Ljd6IiBmaWxsPSIjMDAwMDAwIi8+CgkJPHBhdGggZD0iTTI5NS43LDcuOEgxODguMWMtOC43LDAtMTUuNyw3LTE1LjcsMTUuN3Y0MzYuOGMwLDguNyw3LDE1LjcsMTUuNywxNS43aDEwNy41YzguNywwLDE1LjctNywxNS43LTE1LjdWMjMuNSAgICBDMzExLjQsMTQuOCwzMDQuNCw3LjgsMjk1LjcsNy44eiIgZmlsbD0iIzAwMDAwMCIvPgoJPC9nPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+Cjwvc3ZnPgo=);
        mask-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTkuMS4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDQ4My44IDQ4My44IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA0ODMuOCA0ODMuODsiIHhtbDpzcGFjZT0icHJlc2VydmUiIHdpZHRoPSIyNHB4IiBoZWlnaHQ9IjI0cHgiPgo8Zz4KCTxnPgoJCTxwYXRoIGQ9Ik0xMjMuMiwxMzRIMTUuN0M3LDEzNCwwLDE0MSwwLDE0OS43djMxMC42QzAsNDY5LDcsNDc2LDE1LjcsNDc2aDEwNy41YzguNywwLDE1LjctNywxNS43LTE1LjdWMTQ5LjcgICAgQzEzOSwxNDEsMTMxLjksMTM0LDEyMy4yLDEzNHogTTEwNy41LDQ0NC42SDMxLjRWMTY1LjRoNzYuMVY0NDQuNnoiIGZpbGw9IiMwMDAwMDAiLz4KCQk8cGF0aCBkPSJNNDY4LjEsMjE2LjRIMzYwLjZjLTguNywwLTE1LjcsNy0xNS43LDE1Ljd2MjI4LjJjMCw4LjcsNywxNS43LDE1LjcsMTUuN2gxMDcuNWM4LjcsMCwxNS43LTcsMTUuNy0xNS43VjIzMi4xICAgIEM0ODMuOCwyMjMuNCw0NzYuOCwyMTYuNCw0NjguMSwyMTYuNHogTTM3Ni4zLDI0Ny44aDI0LjRsLTI0LjQsMjQuNFYyNDcuOHogTTM3Ni4zLDI5Ny4ybDQ5LjMtNDkuM2gyNC45bC03NC4yLDc0LjJMMzc2LjMsMjk3LjIgICAgTDM3Ni4zLDI5Ny4yeiBNNDUyLjQsNDQ0LjZoLTI0LjVsMjQuNS0yNC41VjQ0NC42eiBNNDUyLjQsMzk1LjJMNDAzLDQ0NC42aC0yNC45bDc0LjItNzQuMnYyNC44SDQ1Mi40eiBNNDUyLjQsMzQ1LjVsLTc2LjEsNzYuMSAgICB2LTI0LjlsNzYuMS03Ni4xVjM0NS41eiBNNDUyLjQsMjk1LjdsLTc2LjEsNzYuMXYtMjQuOWw3Ni4xLTc2LjFWMjk1Ljd6IiBmaWxsPSIjMDAwMDAwIi8+CgkJPHBhdGggZD0iTTI5NS43LDcuOEgxODguMWMtOC43LDAtMTUuNyw3LTE1LjcsMTUuN3Y0MzYuOGMwLDguNyw3LDE1LjcsMTUuNywxNS43aDEwNy41YzguNywwLDE1LjctNywxNS43LTE1LjdWMjMuNSAgICBDMzExLjQsMTQuOCwzMDQuNCw3LjgsMjk1LjcsNy44eiIgZmlsbD0iIzAwMDAwMCIvPgoJPC9nPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+Cjwvc3ZnPgo=);
    }
    #header nav #key_settings {
        -webkit-mask-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCAxMjkgMTI5IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAxMjkgMTI5IiB3aWR0aD0iMjRweCIgaGVpZ2h0PSIyNHB4Ij4KICA8Zz4KICAgIDxnPgogICAgICA8cGF0aCBkPSJtMTAuNSw1Mi40Yy0yLjMsMC00LjEsMS44LTQuMSw0LjF2MTZjMCwyLjMgMS44LDQuMSA0LjEsNC4xaDcuNWMxLjEsNC4zIDIuOCw4LjQgNS4xLDEyLjJsLTUuMiw1LjJjLTEuNiwxLjYtMS42LDQuMiAwLDUuOGwxMS4zLDExLjNjMS42LDEuNiA0LjIsMS42IDUuOCwwbDUuMy01LjNjMy44LDIuMiA3LjksMy45IDEyLjIsNXY3LjVjMCwyLjMgMS44LDQuMSA0LjEsNC4xaDE2YzIuMywwIDQuMS0xLjggNC4xLTQuMXYtNy42YzQuMy0xLjEgOC4zLTIuOCAxMi4xLTVsNS40LDUuNGMxLjYsMS42IDQuMiwxLjYgNS44LDBsMTEuMy0xMS4zYzEuNi0xLjYgMS42LTQuMiAwLTUuOGwtNS40LTUuNGMyLjItMy44IDMuOS03LjggNS0xMi4xaDcuNmMyLjMsMCA0LjEtMS44IDQuMS00LjF2LTE2YzAtMi4zLTEuOC00LjEtNC4xLTQuMWgtNy42Yy0xLjEtNC4zLTIuOC04LjMtNS0xMi4xbDUuNC01LjRjMS42LTEuNiAxLjYtNC4yIDAtNS44bC0xMS40LTExLjJjLTEuNi0xLjYtNC4yLTEuNi01LjgsMGwtNS4zLDUuM2MtMy44LTIuMi03LjktMy45LTEyLjItNS4xdi03LjVjMC0yLjMtMS44LTQuMS00LjEtNC4xaC0xNmMtMi4zLDAtNC4xLDEuOC00LjEsNC4xdjcuNWMtNC4zLDEuMS04LjQsMi44LTEyLjIsNWwtNS4zLTUuM2MtMS42LTEuNi00LjItMS42LTUuOCwwbC0xMS4zLDExLjRjLTEuNiwxLjYtMS42LDQuMiAwLDUuOGw1LjIsNS4yYy0yLjMsMy44LTQsNy45LTUuMSwxMi4zaC03LjR6bTE0LjgsNC44YzEtNS42IDMuMi0xMC43IDYuMy0xNS4zIDEuMS0xLjYgMC45LTMuOC0wLjUtNS4ybC00LjYtNC43IDUuNS01LjUgNC43LDQuN2MxLjQsMS40IDMuNiwxLjYgNS4yLDAuNSA0LjYtMy4yIDkuOC01LjMgMTUuMy02LjMgMS45LTAuNCAzLjQtMiAzLjQtNHYtNi43aDcuOHY2LjdjMCwyIDEuNCwzLjcgMy4zLDQgNS41LDEgMTAuNiwzLjIgMTUuMiw2LjMgMS42LDEuMSAzLjgsMC45IDUuMi0wLjVsNC44LTQuOCA1LjUsNS41LTQuOCw0LjhjLTEuNCwxLjQtMS42LDMuNi0wLjUsNS4yIDMuMSw0LjYgNS4yLDkuNyA2LjMsMTUuMiAwLjQsMS45IDIuMSwzLjQgNCwzLjRoNi44djcuOGgtNi44Yy0yLDAtMy43LDEuNC00LDMuMy0xLDUuNS0zLjEsMTAuNi02LjMsMTUuMi0xLjEsMS42LTAuOSwzLjggMC41LDUuMmw0LjgsNC44LTUuNSw1LjUtNC44LTQuOGMtMS40LTEuNC0zLjYtMS42LTUuMi0wLjUtNC42LDMuMi05LjcsNS4zLTE1LjIsNi4zLTEuOSwwLjQtMy4zLDIuMS0zLjMsNHY2LjdoLTcuOHYtNi43YzAtMi0xLjQtMy43LTMuNC00LTUuNi0xLTEwLjctMy4xLTE1LjMtNi4zLTEuNi0xLjEtMy44LTAuOS01LjIsMC41bC00LjcsNC43LTUuNS01LjIgNC43LTQuN2MxLjQtMS40IDEuNi0zLjYgMC41LTUuMi0zLjItNC42LTUuMy05LjgtNi40LTE1LjMtMC40LTEuOS0yLTMuMy00LTMuM2gtNi42di03LjhoNi42YzEuOS0wLjEgMy42LTEuNSA0LTMuNXoiIGZpbGw9IiMwMDAwMDAiLz4KICAgICAgPHBhdGggZD0ibTY0LjQsOTMuMmMxNS41LDAgMjguMS0xMi42IDI4LjEtMjguMXMtMTIuNi0yOC4xLTI4LjEtMjguMS0yOC4xLDEyLjYtMjguMSwyOC4xIDEyLjYsMjguMSAyOC4xLDI4LjF6bTAtNDhjMTEsMCAxOS45LDguOSAxOS45LDE5LjlzLTguOSwxOS45LTE5LjksMTkuOS0xOS45LTguOS0xOS45LTE5LjkgOC45LTE5LjkgMTkuOS0xOS45eiIgZmlsbD0iIzAwMDAwMCIvPgogICAgPC9nPgogIDwvZz4KPC9zdmc+Cg==);
        mask-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCAxMjkgMTI5IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAxMjkgMTI5IiB3aWR0aD0iMjRweCIgaGVpZ2h0PSIyNHB4Ij4KICA8Zz4KICAgIDxnPgogICAgICA8cGF0aCBkPSJtMTAuNSw1Mi40Yy0yLjMsMC00LjEsMS44LTQuMSw0LjF2MTZjMCwyLjMgMS44LDQuMSA0LjEsNC4xaDcuNWMxLjEsNC4zIDIuOCw4LjQgNS4xLDEyLjJsLTUuMiw1LjJjLTEuNiwxLjYtMS42LDQuMiAwLDUuOGwxMS4zLDExLjNjMS42LDEuNiA0LjIsMS42IDUuOCwwbDUuMy01LjNjMy44LDIuMiA3LjksMy45IDEyLjIsNXY3LjVjMCwyLjMgMS44LDQuMSA0LjEsNC4xaDE2YzIuMywwIDQuMS0xLjggNC4xLTQuMXYtNy42YzQuMy0xLjEgOC4zLTIuOCAxMi4xLTVsNS40LDUuNGMxLjYsMS42IDQuMiwxLjYgNS44LDBsMTEuMy0xMS4zYzEuNi0xLjYgMS42LTQuMiAwLTUuOGwtNS40LTUuNGMyLjItMy44IDMuOS03LjggNS0xMi4xaDcuNmMyLjMsMCA0LjEtMS44IDQuMS00LjF2LTE2YzAtMi4zLTEuOC00LjEtNC4xLTQuMWgtNy42Yy0xLjEtNC4zLTIuOC04LjMtNS0xMi4xbDUuNC01LjRjMS42LTEuNiAxLjYtNC4yIDAtNS44bC0xMS40LTExLjJjLTEuNi0xLjYtNC4yLTEuNi01LjgsMGwtNS4zLDUuM2MtMy44LTIuMi03LjktMy45LTEyLjItNS4xdi03LjVjMC0yLjMtMS44LTQuMS00LjEtNC4xaC0xNmMtMi4zLDAtNC4xLDEuOC00LjEsNC4xdjcuNWMtNC4zLDEuMS04LjQsMi44LTEyLjIsNWwtNS4zLTUuM2MtMS42LTEuNi00LjItMS42LTUuOCwwbC0xMS4zLDExLjRjLTEuNiwxLjYtMS42LDQuMiAwLDUuOGw1LjIsNS4yYy0yLjMsMy44LTQsNy45LTUuMSwxMi4zaC03LjR6bTE0LjgsNC44YzEtNS42IDMuMi0xMC43IDYuMy0xNS4zIDEuMS0xLjYgMC45LTMuOC0wLjUtNS4ybC00LjYtNC43IDUuNS01LjUgNC43LDQuN2MxLjQsMS40IDMuNiwxLjYgNS4yLDAuNSA0LjYtMy4yIDkuOC01LjMgMTUuMy02LjMgMS45LTAuNCAzLjQtMiAzLjQtNHYtNi43aDcuOHY2LjdjMCwyIDEuNCwzLjcgMy4zLDQgNS41LDEgMTAuNiwzLjIgMTUuMiw2LjMgMS42LDEuMSAzLjgsMC45IDUuMi0wLjVsNC44LTQuOCA1LjUsNS41LTQuOCw0LjhjLTEuNCwxLjQtMS42LDMuNi0wLjUsNS4yIDMuMSw0LjYgNS4yLDkuNyA2LjMsMTUuMiAwLjQsMS45IDIuMSwzLjQgNCwzLjRoNi44djcuOGgtNi44Yy0yLDAtMy43LDEuNC00LDMuMy0xLDUuNS0zLjEsMTAuNi02LjMsMTUuMi0xLjEsMS42LTAuOSwzLjggMC41LDUuMmw0LjgsNC44LTUuNSw1LjUtNC44LTQuOGMtMS40LTEuNC0zLjYtMS42LTUuMi0wLjUtNC42LDMuMi05LjcsNS4zLTE1LjIsNi4zLTEuOSwwLjQtMy4zLDIuMS0zLjMsNHY2LjdoLTcuOHYtNi43YzAtMi0xLjQtMy43LTMuNC00LTUuNi0xLTEwLjctMy4xLTE1LjMtNi4zLTEuNi0xLjEtMy44LTAuOS01LjIsMC41bC00LjcsNC43LTUuNS01LjIgNC43LTQuN2MxLjQtMS40IDEuNi0zLjYgMC41LTUuMi0zLjItNC42LTUuMy05LjgtNi40LTE1LjMtMC40LTEuOS0yLTMuMy00LTMuM2gtNi42di03LjhoNi42YzEuOS0wLjEgMy42LTEuNSA0LTMuNXoiIGZpbGw9IiMwMDAwMDAiLz4KICAgICAgPHBhdGggZD0ibTY0LjQsOTMuMmMxNS41LDAgMjguMS0xMi42IDI4LjEtMjguMXMtMTIuNi0yOC4xLTI4LjEtMjguMS0yOC4xLDEyLjYtMjguMSwyOC4xIDEyLjYsMjguMSAyOC4xLDI4LjF6bTAtNDhjMTEsMCAxOS45LDguOSAxOS45LDE5LjlzLTguOSwxOS45LTE5LjksMTkuOS0xOS45LTguOS0xOS45LTE5LjkgOC45LTE5LjkgMTkuOS0xOS45eiIgZmlsbD0iIzAwMDAwMCIvPgogICAgPC9nPgogIDwvZz4KPC9zdmc+Cg==);
    }
＆＃13;
＆＃13;
＆＃13;

0 个答案:

没有答案
相关问题
最新问题