a, abbr, acronym, article, aside, audio, b, big, blockquote, body, canvas, caption, code, dd, del, details, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, input, ins, label, li, mark, nav, object, ol, output, p, pre, q, ruby, s, section, small, span, strong, sub, sup, table, tbody, td, textarea, tfoot, th, thead, time, tr, tt, ul, video { margin: 0; padding: 0; }

input { border: 0; outline: 0; -webkit-tap-highlight-color: transparent; -webkit-appearance: none; }

button, select, textarea { outline: 0; border: 0; background: none; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

li { list-style: none; }

em, i { font-style: normal; }

blockquote, q { quotes: none; }

b, strong { font-weight: 700; }

img { vertical-align: top; max-width: 100%; border: 0; -ms-interpolation-mode: bicubic; -webkit-touch-callout: none; }

a { color: #333; text-decoration: none; -webkit-transition: 0.5s; transition: 0.5s; cursor: pointer; }

a:active, a:hover { text-decoration: none; color: #00a0e9; }

.navgationDiv { height: 50px; background: url("/eportal/uiFramework/images/topnav.png") left top repeat-x #D8D8D8; padding: 0 30px; margin: 0; }

.navgationDiv ul { float: right; width: 500px; list-style-type: none; }

.navgationDiv ul li { text-align: right; height: 24px; list-style-type: none; }

.navgationDiv .currentSite { color: #17970A; padding-right: 10px; }

.navgationDiv .currentUser { color: #0184B1; padding-right: 10px; }

.navgationDiv .exit { background: url("/eportal/uiFramework/images/quit.gif") left -1px no-repeat; padding-left: 20px; margin-top: 3px; display: inline-block; height: 18px; line-height: 18px; cursor: pointer; }

.navgationDiv .actionBar input { cursor: pointer; }

.navgationDiv .actionBar label { cursor: pointer; }

.navgationDiv .actionBar img { margin-right: 3px; width: 12px; }

.fr { float: right; }

.fl { float: left; }

.clearfix:after { content: ""; display: block; height: 0; clear: both; }

body { font-size: 0.37rem !important; font-family: "PingFangSC-Regular",Microsoft Yahei,FangSong; color: #666; }

.text-left { text-align: left !important; }

.text-center { text-align: center !important; }

.text-right { text-align: right !important; }

.text-justify { text-align: justify !important; }

.vertical-middle { vertical-align: middle; }

.inline-block { display: inline-block; }

.block { display: block; }

.hide { display: none; }

.o-hide { overflow: hidden; }

.color-blue { color: #204180 !important; }

.color-white { color: #fff !important; }

.color-858585 { color: #858585 !important; }

.font-size-14 { font-size: 14px; }

.font-size-16 { font-size: 16px; }

.font-size-18 { font-size: 18px; }

.font-size-20 { font-size: 20px; }

.wrap { width: 94%; margin: 0 auto; }

.container-fluid { width: 100%; }

.border-0 { border-width: 0px !important; }

.border-transparent-1 { border: 1px solid transparent !important; }

.margin-top-20px { margin-top: 20px; }

.p-relative { position: relative; }

@font-face {
  font-family: 'iconfont';  /* project id 266242 */
  src: url('//at.alicdn.com/t/font_266242_t7cpgbnbdq5b3xr.eot');
  src: url('//at.alicdn.com/t/font_266242_t7cpgbnbdq5b3xr.eot?#iefix') format('embedded-opentype'),
  url('//at.alicdn.com/t/font_266242_t7cpgbnbdq5b3xr.woff') format('woff'),
  url('//at.alicdn.com/t/font_266242_t7cpgbnbdq5b3xr.ttf') format('truetype'),
  url('//at.alicdn.com/t/font_266242_t7cpgbnbdq5b3xr.svg#iconfont') format('svg');
}

.iconfont { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; font-family: "iconfont" !important; font-size: 0.43rem; font-style: normal; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.2px; -moz-osx-font-smoothing: grayscale; }

#header-hidden { display: none; height: 80px; }

.header-wrap.on { position: fixed; top: 0; left: 0; z-index: 9999; width: 100%; box-shadow: 0 2px 5px #dfdfdf; background: #fff; }

.header-wrap .wrap { box-sizing: border-box; width: 100%; padding: 20px; }

.header-wrap .logo { width: 45.39007%; }

.header-wrap .menu-btn-wrap { width: 52.48227%; text-align: right; }

.header-wrap .icon-menu { font-size: 30px; color: #005a8c; }

.header-wrap .menu-wrap { overflow-y: scroll; position: fixed; z-index: 99999; top: 0; left: -100%; width: 100%; height: 100%; background: rgba(255, 255, 255, 0.9); -webkit-transition: 0.7s; transition: 0.7s; }

.header-wrap .menu-wrap .icon-menu-close { position: absolute; top: 20px; right: 0.93rem; font-size: 30px; color: #00a0e9; }

.header-wrap .menu-wrap .main-menu-ul { padding: 0.4rem 0 0 0.4rem; }

.header-wrap .menu-wrap .main-menu-ul .iconfont { font-size: 0.67rem; }

.header-wrap .menu-wrap .menu-list { margin-top: 0.27rem; font-size: 0.48rem; }

.header-wrap .menu-wrap .menu-list.on .active { color: #00a0e9; }

.header-wrap .menu-wrap .sub-menu-wrap { display: none; text-indent: 0.85rem; font-size: 0.37rem; }

.header-wrap .menu-wrap .sub-menu-wrap .iconfont { font-size: 0.43rem; }

.header-wrap .menu-wrap .sub-menu-list { margin-top: 0.27rem; }

.footer-wrap { margin-top: 0.67rem; padding: 0.53rem 0; background: #2c2c2c; text-align: center; color: #fff; }

.footer-wrap a { color: #fff; }

.back-top { position: fixed; bottom: 30px; right: -100px; z-index: 999; -webkit-transition: 0.7s; transition: 0.7s; }

.back-top.on { right: 20px; }

.back-top .iconfont { font-size: 1.07rem; color: #00a0e9; }

.lang-tab { position: fixed; bottom: 78px; right: 21px; z-index: 999; }

.lang-tab a { width: 1rem; height: 1rem; margin-top: 10px; border-radius: 5px; background: #36a0ea; text-align: center; line-height: 1rem; color: #fff; }