.inlineblock { display: inline-block; } .headercontainer { width: 100%; height: auto; min-width: 1440px; } .headerbartop { background: #ffffff; width: 100%; } .headerbartop p { width: 1200px; margin: 0 auto; height: 40px; padding: 10px 45px 10px 10px; } .headerbartop p a { outline: none; } .headerbartop p span.contectus { float: right; } .headerbarmessage { background: rgba(249, 185, 19, 0.3); width: 100%; } .headerbarmessage p { width: 1200px; margin: 0 auto; height: 36px; padding-left: 10px; line-height: 36px; } .headerbarmessage p a { outline: none; } .headerbarmessage p svg, .headerbarmessage p span { vertical-align: middle; } .headerbarmessage p span.message { color: #1f3858; opacity: 0.65; margin-left: 10px; } .headerbarmessage p span.lookup { color: blue; cursor: pointer; } .headerbarcontainer { background: #ffffff; box-shadow: 0 2px 7px 0 rgba(234, 234, 234, 0.5); width: 100%; min-height: 52px; height: auto; } .headerbarcontainer .headerbar { width: 1200px; max-width: auto; height: 100%; margin: 0 auto; } .headerbarcontainer .headerbar .headerbarleft { min-width: 250px; width: auto; max-width: auto; height: 100%; overflow: hidden; padding-top: 15px; vertical-align: middle; } .headerbarcontainer .headerbar .headerbarleft .headerbarimg { width: 48px; height: 48px; margin-right: 10px; border-radius: 50%; display: inline-block; vertical-align: middle; } .headerbarcontainer .headerbar .headerbarleft .headerbarcontent { width: 182px; height: 100%; margin: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; vertical-align: middle; } .headerbarcontainer .headerbar .headerbarleft .headerbarcontent span.leftsubtitle { text-align: left; font-family: pingfangsc-medium; font-size: 14px; color: rgba(0, 0, 0, 0.65); letter-spacing: 0; line-height: 20px; width: 182px; height: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: inline-block; } .headerbarcontainer .headerbar .headerbarleft .headerbarcontent span.lefttitle { text-align: left; line-height: 20px; font-family: pingfangsc-medium; font-size: 22px; color: #00916a; letter-spacing: 0; width: 154px; height: auto; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: inline-block; } .headerbarcontainer .headerbar .headerbarright { height: 100%; min-width: 1200px; width: 100%; vertical-align: middle; } .headerbarcontainer .headerbar .headerbarright ul.headerbargriud { list-style: none; height: 100%; padding: 15px 0 0 0; } .headerbarcontainer .headerbar .headerbarright ul.headerbargriud li { width: auto; margin: 0 35px; display: inline-block; cursor: pointer; position: relative; } .headerbarcontainer .headerbar .headerbarright ul.headerbargriud li a { color: rgba(0, 0, 0, 0.65); } .headerbarcontainer .headerbar .headerbarright ul.headerbargriud li .popovermenu { position: absolute; top: 20px; left: 50%; padding-top: 10px; padding-bottom: 10px; transform: translatex(-50%); background: transparent; width: 120px; height: auto; z-index: 999; opacity: 0; display: none; } .headerbarcontainer .headerbar .headerbarright ul.headerbargriud li .popovermenu .popvercontent { width: 100%; height: 100%; background: #ffffff; box-shadow: 0 4px 15px 0 rgba(31, 56, 88, 0.15); border-radius: 3px; padding: 5px 10px; } .headerbarcontainer .headerbar .headerbarright ul.headerbargriud li .popovermenu .popvercontent p { width: 100%; text-align: center; padding: 10px 0; margin: 0; font-weight: normal !important; border-bottom: 1px solid #e4e4e4; font-size: 14px !important; } .headerbarcontainer .headerbar .headerbarright ul.headerbargriud li .popovermenu .popvercontent p a { outline: none !important; color: rgba(0, 0, 0, 0.65) !important; } .headerbarcontainer .headerbar .headerbarright ul.headerbargriud li .popovermenu .popvercontent p:hover a, .headerbarcontainer .headerbar .headerbarright ul.headerbargriud li .popovermenu .popvercontent p:hover { color: #00916a !important; } .headerbarcontainer .headerbar .headerbarright ul.headerbargriud li .popovermenu .popvercontent p:last-child { border-bottom: none; } .headerbarcontainer .headerbar .headerbarright ul.headerbargriud li.headerbargriudli:hover { font-weight: bold; } .headerbarcontainer .headerbar .headerbarright ul.headerbargriud li.headerbargriudli:hover a { color: #00916a !important; transition: all 0.3s; } .headerbarcontainer .headerbar .headerbarright ul.headerbargriud li.headerbargriudli:hover .popovermenu { opacity: 1; display: inline-block; transition: all 0.3s; } .headerbarcontainer .headerbar .headerbarright ul.headerbargriud li.active { font-weight: bold; position: relative; } .headerbarcontainer .headerbar .headerbarright ul.headerbargriud li.active a { color: #00916a !important; } .headerbarcontainer .headerbar .headerbarright ul.headerbargriud li.active::after { position: absolute; bottom: -20px; left: 0; content: ''; width: 100%; height: 2px; background: #00916a; } .headerbarcontainer .headerbar .headerbarright ul.headerbargriud li:first-child { margin-left: 0 !important; } .headerbarcontainer .headerbar .headerbarright ul.headerbargriud li:last-child { margin-right: 0 !important; }