#headerBar .container{width:100%;max-width:1200px;padding:0 12px;margin:0 auto}
#headerBar img{max-width:100%}
#headerBar .clear{clear:both}
#headerBar .centerBar{width:calc(100% - 172px);list-style:none;padding-left:0;margin:0;float:left}
#headerBar .shareFB{width:172px;float:right}
#headerBar .hotline{margin-left:30px}
#headerBar .signin{margin-right:30px}
#headerBar .hotline,#headerBar .logo{float:left}
#headerBar .logo{width:160px;height:56px;display:flex;align-items:center;justify-content:center;}
#headerBar .hotline a,#headerBar .login{padding:20px 0}
#headerBar .shareFB{margin-top:12px;cursor:pointer}
#headerBar .signin{float:right}
#headerBar .banner{text-align:center}
#headerBar .bannerPc{width:1200px}
#headerBar .bannerMobile{display:none}
#headerBar .topBar{height:54px}
#headerBar .centerBar li a{text-decoration:none;display:inline-block;padding-right:10px}
#headerBar .clearHover{display:block;position:relative;float:left;padding:19px 0}
#headerBar .login{float:left;display:block}
#headerBar .centerBar li a.avatar{display:flex;align-items:center}
#headerBar .login a{float:left}
#headerBar .avatar img{width:20px;height:20px;object-fit:cover;float:left;border-radius:50px;border:1px solid;margin-right:5px}
#headerBar .avatar .nameAcc{display:block;float:left}
#headerBar .infoAccount{background:#fff;margin-top:5px;position:absolute;border:1px solid #e0e0e0}
#headerBar .topAngle{width:0;height:0;border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:7px solid #fff;position:absolute;top:-7px;left:0}
#headerBar .clearHover:hover .infoAccount{display:block}
#headerBar .content .imgAccount,#headerBar .content ul{float:left}
#headerBar .shareFB{display:flex}
#headerBar .shareFB span{display:block;height:32px}
#headerBar .shareFB span:first-child{width:109px;background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHcAAAAjCAYAAACuJpVrAAADBElEQVR4Ae2by2sTURTGu+of07S+8Ylvm0ATH6hBUVQUragx7ly3uJKkJUFRkSKiiFaporRqpwoq4qa4EE2CSV0oVKslceMD3Bw5wZTMnMidb3NJmDPwkeTe75yPOb/cIZu0temlE9AJtPAE4n2328OnnGwkOVGOJCdI1WozeFJhfsxRfA0jSScTOemQDd113lnJsXEvTZeRdM4KuOHEeDmcGCcbYrg2cgKaURZwuxOPyZYYrq2sIOZIuCceUbclVeFayrJ1T82UI+BuOj5GtsRwbWUFMUfA3XhslFCdHnxJr3Mz9Ov3H6q/TH0Yrsmj+ziP2swE3A1HHxCi3v6nAmoNsKkPwzV5dB/jUT8vAXd9731C9GLyU42leDX1Ybgmj+5jPOrnJeCuO3KPEBU+zLqgPnw+RWcuvqrK1Ifhmjy6j/Gon5eAu/bwCCHywkVqGS7iVy/GRsBdc+gOISpMfXOdXKSW4SJ+9WJsBNzVB4fJj8aevScG+9PzC5nXajL1Ybgmj+7749FoTgLuqgM3yY+8J9Z1fP99MPVhuCaP7vvj0WhOAu7K/TfIjwpTXxvxnFv7OP3d2Ifh+slSjz8m3jkJuCv2XSc/GhqepFujb2i28mMOKL/hNRbvm/qMOG+NHlMP3f8/LwF3+d5rhChfcp9gpJZPLuJXL8ZGwF225yohypdmXCcXqWW4iF+9GBsBd+nuK4TICxepZbiIX70YGwF3ya4hQpQvfXGdXKSW4SJ+9WJsBNzF8cuEKF90w0VqGS7iVy/GRsBdtPMSIcoXP7tOLlLLcBG/ejE2Au7CHRcIUc4DF6lluIhfvRgbAXfB9vOEyAsXqWW4iF+9GBsBd/62c4QoV5x2PZaRWoaL+NWLsRFw523Nki0xXFtZQcwRcLu2ZMiWGK6trCDmSLibB6nLkqpwLWXZuqdmyhFwO2MD5c7YANkQw7WRE9AM+Y+DUE86E4qmyYYYro2cQGb0pOV/hTrife0dsVQ2FE2VQ9EUqVpuBhXmxxzFY1kXdAI6gRaawF93V6HzOnnKRgAAAABJRU5ErkJggg==') center/contain no-repeat;padding:7px 0 0 43px;color:#fff}
#headerBar .shareFB .countShare{width:52px;background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADgAAAAhCAYAAACMX2hNAAAC9klEQVRYCe2ZW0iTYRjHn3nIMku9iAgMPGzuFBIkXli6RR6+TehwUxFRxjpokprazEoxT5uaN5FFCEY3iuKpUKIgFCERYRmdaJtzrmHDKYKNTYZuT7yxXW3f3OVe64Mf39V38fve93ve5/l/AP/oxRHmNZ0TytTjYnnbpkjehiFNQbtNxKg7EqXlccGsF4ef33BWevEpTn8y4abLjaF+2R1O7OieQCHT3AUAEVtJRgqZlvEPGiO63W6qULaPIj/voQIAwtgkOUlZZWmyq13ocrmoQ/PVjAJGNQMAkWyCYanSmstlTcO4sbFBHb9tDhTJW+0AsItNMJwnrblRqX6FTqeTSkgxBIDdbIIRPOndogrVCK6vr1OJR3APm2AkV1JdXNEygna7nUqCErzdMow2m41KghBU3ixvHsK1tTUqCSTI4Z2oyxUXtOGLgSlcXV2lEjZBDj+/8crhUx3YNzqDKysr1OJPMEzAqGqOnn+M41Pf0Gq1Uo2PIC+nroBRPMfZL3q0WCzU4yMoYlSv+0encXFxcVvgI5giqTqTdvIRdvdPotlsph4fQQCIOXik8DSpnk2dY7iwYEKTiV78Ce4AgPi9CekZPEn1UEl9H+r0BjQajVTiT5DjGS9iASCZK1H2KdWDaDAYqMSfIOlLiSSZhGOTMm9VFtf14tzcHJWwCXqb7yhu9p2Sotpe1Ov1VLKV4N9poqi2B3U6HZUEJ/igB7VaLZX8FyQD73b+BiO42VWKa/d7cH5+njq+/9ChWNbqAADWyCI8If1SRm7hMypbtrcTsyjIb9YECp1IYBonyGuYGnv/kbrJorRxAJOzKsoDxYbkwI9OOVZ6PfvCE3w3+RmXlqy4vLwc0vw0/8LGzjeYevxePwDsCxT8kgOfpMLxiZklpfyceo1I3uoipTeUEcvUDq6k+mXMgUNCz/Zkje69bVsU2aoAkAAAXAAQAAB5OBThA0ASAOwnk1EwP1+8kqQ33el5I6QqhSpEKhoAyKKEe3tO7/0PvZlO4sjEIxMAAAAASUVORK5CYII=') center/contain no-repeat;padding:7px 0 0 18px}
#headerBar .infoAccount{width:305px;top:53px;display:none;padding:12px;border-radius:5px}
#headerBar .content ul{list-style:none;width:167px}
#headerBar .content ul li{display:flex;align-items:center;margin-top:5px}
#headerBar .content ul li:first-child::before{display:none}
#headerBar .content ul li::before{content:'';display:block;width:0;height:0;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:5px solid #000;padding-left:5px}
#headerBar .groupBtnBottom{display:flex;justify-content:flex-end;margin-top:10px}
#headerBar .imgAccount img{width:86px;height:86px;object-fit:contain;border-radius:50px;margin-right:10px}
#headerBar .content ul a{color:#3e508a;font-size:16px}
#headerBar .content ul a:hover{text-decoration:underline}
#headerBar .content ul a .sodu{color:#ff6c5e}
#headerBar .groupBtnBottom a{width:100px;padding:8px;text-align:center;font-weight:700;border-radius:5px}
#headerBar .groupBtnBottom .btnAdd{background-color:#529839;color:#fff}
#headerBar .groupBtnBottom .btnOut{background-color:#e0e0e0;color:#666;margin-left:30px}
#headerBar .hotline a.numberHotline{background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABcAAAAWCAYAAAArdgcFAAAC/ElEQVRIDZWVW4hVZRTHTyUWGd4eyiQCUR/0RbxlYA8HL2ev33fOiBemBAV76SECUZ96MBLqQQhCSAoiqoci8oYiXlC8gNbsb+09mthA5kNqIHQRyhSDGebI2vN9wz5nzgwz+2Wtb13+a33r8u1KZRxf7twKFdmvcF3hgcIjhV+9yFEVebOvu3vyOGBaTfJG42UPJxSaBpiJnFf4PZxPKtw13sNNha5W7zFOKbyq8JeH/9S5Dy7V6zPMPHNuk8Ix45t79jxpoAo/Kwxm8OEYkEOqFBYq/KNwI2005pcdmpXKE3mSvFiWWVky574obiTyblk3glfnvlL4M4WXRihHEVhQhc8VBnKR11rM1LnXM7jm4ZMUpnrnlkUDy1ThiE+SRVHWid6Ep4v6i+QWrLDxIhs8pAq9drUM9padLZPQxN4D3d1PlXXtvMIbocmrCp3CbStBJrIzgPT31OsLyo4qcqrQiWwvyyN/oVqdZLzVX+FvhU8LncIvKrI1ANvYNTPn3omORnuTZF6Y73+vrF07O+oyWBx69ODHJJlpcnXusDr3U2ETluPrEvhDm5gIEKnCeyH7762UChcV/lf4Mvbj6vr10xXO2bQVfhl8pvBHCXxLBCxTa1hxy6Gluqsiu3+o1Z6PNkHfE3AGC3lYmKIcIbPV0aGdFuUR2Tjayl+r1aaE/twb9lU4HTP3cMm2b1g5QcbDQQUddrNNDPUbaqjI+8PKCTAXqtVnFO4p7GtxszckZm9vhULH2rc4tR0U3jKMDFa2qGxByuVR6LeHqsVojENftfqcwm8Klzua5WvWTAtPaGzwgMLb0diLbLMZVvgo7+p6NsrDC/mtJZTW60ujfATNYa7CnVKJmurcWe/cx6FcMXBfum7dCxZE4Tuz987tGgHYLvC12hx7clsCDM13BI70myxJXrGg4wKOgWydFQ51CNDvRRKFTOG4OjcrE6lGvwnRTGSz/ZUU7tv1vXMNFVnu4VaeJEsmBNbJ2CYhgx0KZxSuGnAKtU62UfYYX4nqFoYm23YAAAAASUVORK5CYII=') no-repeat left;padding-left:30px}
@media all and (max-width:768px){
    #headerBar .centerBar{width:100%}
    #headerBar .bannerPc,#headerBar .shareFB{display:none}
    #headerBar .bannerMobile{display:block;width:100%}
    #headerBar .infoAccount{right:0}
    #headerBar .topAngle{left:unset;right:0}
}