header {
    width: 100%;
    height: 72px;
    background-color: #4079ff;
    border-bottom: 1px solid hsla(0, 0%, 100%, .4)
}

header .header-l {
    font-size: 24px;
    font-weight: 600;
    color: #fff
}

header .header-r {
    display: flex;
    justify-content: space-between;
    align-items: center
}

header .header-r .relative {
    position: relative;
    cursor: pointer
}

header .header-r .relative:hover .header-r-wrap {
    background: #fff
}

header .header-r .relative:hover .wechat-name {
    color: #46bb36 !important
}

header .header-r .relative .header-r-wrap {
    width: 150px;
    height: 33px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 4px;
    border: 1px solid hsla(0, 0%, 100%, .3);
    box-sizing: border-box;
    background: hsla(0, 0%, 100%, .15)
}

header .header-r .relative .header-r-wrap .wechat-logo {
    width: 22px;
    height: 18px;
    margin-right: 10px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAUCAYAAACXtf2DAAAAAXNSR0IArs4c6QAAAuVJREFUSEudlU1oXFUYhp937iRtbdWmCiIoYrEgFARbc9NIF62duYkGwYUIiiKKoKKCFCnVKOjCv40a/F8otJZCcRGwosncCUYKjTO1i1Ksij90Y3BjS7VN28zMfWUuySSZdDLRszvfed/vOfc737lHNI27xm69oeLso0qUQ9wEdEmcsfkFe7yS9Z5v7vj+52Zfq7lmF3oP9666/FztTcQTmI5WBoMl9qoa7BztnzjVDpQCcvHmKzMEReC2dobGuvk105HJj2z/7uRSnhQQFXu+wr5zRnjBMCzYBlw7azacFwwDO4Br0rj54Z81QffE7RPnW5YoKob34NQ4O14t5Msv9sXhgOHLefFXCvnyy816icHRXPm1pQBfYO5uCKSvp4OLD3RWO58DBufiHExce0gOXpDYNa9UJwtR+cbWgDicnF+KtmdgTiM+sHU4I6+1tAb420HyU7ztyDGE5+dQPg6nBKvaJq4LxLATvy9pJ3Y/UqbJ94fttysdq4fGt49XU0sUd/8IurktQDqAk2+NhkTrNp7JU6qJgbFc+a/6F7wreHppgCdRsAvX9sKiXbeylqazl21VvtCzQUqOg1a0PCgx6IQnEdfNtOdROoIHXa1+KFRv53rh38PskRgBrkp10lPpPcgXw8dlPmoN0LO235m7Ex4/9XsSrVsf7BPcl8Yzfuncis6h1VOVE3MbUbnxq4ji8BngLSC7CJTR8yR+vSleP8RmbXPsbANQN0dxTwzONQOUYbcT3mjbCIsEnmwABg5t7apcmP7TcEziY8F6wwaZdTKfJGL/fwUI9jcA/cWwN5GvLuw4cvBSiaI4nAC2LB/iiwrYvKBES5n7Rro3OqtDmK5lQAx6rJAvfbpsQD1p39iWTU6SA5A+RJcewk70cByVPks7dRm7WSBJH6ap5BHZ9xtCoBOcgH5DPo0VJtRuKeaPHv9fgAU0o77R3q4rrj9z9vONJ6bTTiz23GtYGedK++rzfwFY4RCRc/q+sgAAAABJRU5ErkJggg==) no-repeat 50%;
    background-size: cover
}

header .header-r .relative .header-r-wrap .wechat-name {
    font-size: 16px;
    font-weight: 500;
    color: #fff;
    line-height: 1
}

.imgBox {
    display: flex;
    justify-content: space-between
}

.imgBox>div {
    width: 33%;
    text-align: center
}

.imgBox>div img {
    width: 100%
}